:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#f2efdf;background:#101c22;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 15%,#294244 0,transparent 55%),#101c22}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f0cd81;outline-offset:3px}a{color:inherit}button:disabled{opacity:.4;cursor:default}.shell{max-width:1030px;margin:auto;padding:22px 22px 28px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:8px}.brand{color:#dfc68f;letter-spacing:.2em;font-size:11px;font-weight:900;text-decoration:none}.other{font-size:11px;color:#a7bab4;text-decoration:none}.layout{display:grid;grid-template-columns:1fr 438px;gap:70px;align-items:center}.eyebrow{color:#d5b779;font-size:11px;letter-spacing:.2em;font-weight:800}.intro h1{font-size:60px;line-height:1.06;letter-spacing:-.06em;margin:18px 0}.intro h1 span{color:#e6c587}.intro p{color:#b3c7c1;font-size:14px;line-height:1.85;max-width:350px}.legend{display:grid;gap:13px;border-top:1px solid #49605b;margin-top:28px;padding-top:22px;color:#aec4b9;font-size:12px}.legend b{color:#e2e7db}.tiles{display:grid;grid-template-columns:repeat(6,22px);gap:4px;margin:27px 0}.tiles i{height:22px;background:#81aaa8;border-radius:4px;box-shadow:inset 0 2px #ffffff25}.tiles i:nth-child(3n){background:#d4b47b}.tiles i:nth-child(4n){background:#b39ac1}.tiles i:nth-child(5n){background:transparent;box-shadow:none}.game{border:1px solid #50645f;background:#192a30;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #0005}.gamebar{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3d514d}.gamebar strong{font-size:12px;letter-spacing:.12em;color:#e5c88c}.buttons{display:flex;gap:6px}.small-btn{border:1px solid #4b625d;background:#2b4146;color:#d6e2d4;border-radius:7px;font-size:10px;padding:7px 8px}.stats{display:grid;grid-template-columns:1.5fr 1.25fr 1fr;gap:8px;margin:10px 12px 0}.stat{background:#11252b;border:1px solid #36504c;border-radius:9px;padding:8px 10px;min-width:0}.stat small{display:block;color:#9ab4a8;font-size:9px;letter-spacing:.08em}.stat b{display:block;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#ebd097;margin-top:3px}.stat:last-child b{color:#b7cfb2}.arena{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;padding:12px}.board-wrap{position:relative;height:min(57svh,540px);aspect-ratio:1/2;max-width:100%;justify-self:center;border:1px solid #57706b;border-radius:9px;overflow:hidden;background:#0c1b22;box-shadow:0 0 22px #0004}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.side{display:flex;flex-direction:column;gap:10px}.sidecard{border:1px solid #38534f;border-radius:9px;background:#12272d;text-align:center;overflow:hidden}.sidecard h2{font-size:9px;color:#acbfb3;font-weight:600;letter-spacing:.12em;margin:10px 0 3px}.sidecard canvas{width:70px;height:150px;display:block}.sidecard .hold-canvas{height:62px}.hold-btn{background:#29433f;border:0;border-top:1px solid #3c5c50;width:100%;padding:8px 2px;color:#e4cc93;font-size:10px}.lines{color:#c5d6c7;font-size:17px;font-weight:850;padding:8px 2px 3px}.sidecard p{font-size:9px;line-height:1.6;color:#8fae9e;margin:4px 3px 10px}.meter{height:4px;background:#314d46;margin:2px 8px 9px;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;background:#e5c383;width:0}.toast{font-size:10px;color:#c3d4c4;line-height:1.5;padding:0 2px;text-align:center;min-height:44px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 12px 10px;touch-action:none}.control{height:43px;color:#e4e9db;border:1px solid #547166;background:linear-gradient(#344f52,#284048);border-radius:9px;font-size:18px;font-weight:850;box-shadow:0 3px #0c1d24;touch-action:none;user-select:none;-webkit-user-select:none}.control.down,.control:active{transform:translateY(2px);box-shadow:none;background:#52675a}.control small{font-size:10px;font-weight:500}.control.drop{grid-column:span 2;background:linear-gradient(#eacb8d,#d0ad6c);border-color:#e2c587;color:#203028;font-size:14px}.control.soft{font-size:14px}.under{font-size:9px;color:#8fa99e;padding:0 10px 11px;text-align:center;line-height:1.6}.overlay{position:absolute;inset:0;background:#0d2027e8;backdrop-filter:blur(5px);display:flex;align-items:safe center;justify-content:center;padding:17px;text-align:center;overflow-y:auto}.hidden{display:none!important}.modal{width:100%;margin:auto}.badge{font-size:9px;color:#e0c38a;letter-spacing:.16em;border:1px solid #847552;padding:6px 8px;border-radius:30px;display:inline-block}.modal h2{font-size:30px;letter-spacing:-.06em;line-height:1.15;margin:16px 0 12px}.modal p{color:#afc5b8;font-size:11px;line-height:1.8;margin:8px 0 15px}.modes{display:flex;gap:6px;margin:15px 0}.mode{flex:1;font-size:10px;padding:10px 3px;border:1px solid #4c685b;background:#203c40;color:#c4d6c4;border-radius:8px}.mode.selected{background:#52604a;border-color:#dbc087;color:#f0d7a6}.primary,.secondary{width:100%;border:0;border-radius:9px;padding:12px 6px;min-height:43px;font-size:13px;font-weight:850}.primary{background:#e3c185;color:#1f302a;box-shadow:0 3px #8e7447}.secondary{margin-top:10px;background:#2d484c;color:#d8e4d3;border:1px solid #4b6b60}.hint{font-size:9px!important;color:#90ad9c!important;margin-top:16px!important}.result-score{font-size:39px;font-weight:900;color:#ebca87;letter-spacing:-.05em;margin:15px 0}.copyright{text-align:center;color:#809b8d;font-size:10px;margin-top:17px;line-height:1.7}.copyright span{color:#c4b17b}@media(max-width:800px){.shell{padding:9px 9px 15px}.nav{max-width:438px;margin:0 auto 9px}.layout{display:block}.intro{display:none}.brand{font-size:10px}.other{font-size:10px}.game{max-width:438px;margin:auto;border-radius:15px}.stat b{font-size:20px}.arena{padding:10px}.stats{margin:9px 10px 0}.controls{padding:0 10px 9px}.copyright{margin-top:10px}.board-wrap{height:min(55svh,540px)}}@media(max-height:710px) and (max-width:800px){.board-wrap{height:49svh;min-height:285px}.arena{gap:7px;grid-template-columns:minmax(0,1fr) 64px;padding:8px}.stat{padding:5px 8px}.stat b{font-size:17px}.sidecard canvas{width:62px;height:116px}.sidecard .hold-canvas{height:43px}.side{gap:7px}.sidecard h2{margin-top:7px}.toast{font-size:9px}.control{height:37px}.modal{font-size:11px}.modal h2{font-size:25px}.overlay{padding:11px}.modal p{font-size:10px;margin-bottom:9px}.modes{margin:9px 0}.hint{font-size:8px!important;margin-top:10px!important}.primary,.secondary{min-height:37px;padding:9px 4px}}
.campaign-levels{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:12px 0}.campaign-levels .mode{padding:6px 0;font-size:10px;min-width:0}