:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090c10;color:#edf1f5}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;padding:28px 36px;margin:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:14px;font-weight:850;letter-spacing:2px}.brand span{display:block;color:#7d8795;font-size:9px;letter-spacing:2.5px;margin-top:6px}.channel{font-size:12px;border:1px solid #303641;padding:10px 15px;border-radius:20px}.intro{text-align:center;padding:40px 0 26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#9ba8b6}.intro h1{font-size:clamp(36px,6vw,58px);line-height:1.08;letter-spacing:-2px;margin:14px 0}.intro em{font-style:normal;color:#d6f78a}.intro>p:last-child{color:#8c97a4;font-size:14px}.game{border:1px solid #2b333e;border-radius:20px;background:#0e131a;overflow:hidden}.game-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 28px}h2{font-size:18px;margin:5px 0 0}.stats{display:flex;gap:28px}.stats span{display:block;font-size:9px;letter-spacing:1.5px;color:#8c97a4}.stats strong{display:block;font-size:23px;font-variant-numeric:tabular-nums;margin-top:3px}.board-wrap{padding:12px 28px;background:#080b10;display:flex;justify-content:center}canvas{display:block;max-width:100%;outline:none;touch-action:none}canvas:focus-visible{outline:2px solid #d6f78a;outline-offset:4px}#status{text-align:center;color:#d6f78a;min-height:20px;font-size:13px;padding:0 16px}.controls{display:flex;justify-content:center;align-items:center;gap:40px;padding:0 20px 18px}.key-hint{display:flex;gap:4px;align-items:center}.key-hint>span{border:1px solid #38414d;border-radius:5px;padding:4px 7px;color:#9ba8b6}.key-hint p{font-size:10px;color:#7d8795;line-height:1.6;margin-left:8px}button,select{font:inherit;color:inherit;background:#18212b;border:1px solid #35414f;border-radius:9px}button{cursor:pointer;min-height:42px;padding:8px 16px;touch-action:manipulation}button:hover{background:#263440}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #d6f78a;outline-offset:3px}.dpad{display:grid;grid-template-columns:repeat(3,42px);gap:4px}.dpad button{padding:0;font-size:20px;touch-action:none;user-select:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.actions{border-top:1px solid #27303b;display:flex;align-items:center;gap:10px;padding:16px 24px;font-size:12px}.actions a{margin-left:auto;color:#d6f78a}#next:not(:disabled){background:#d6f78a;color:#152009;border-color:#d6f78a}.choose{display:flex;align-items:center;gap:12px;margin:24px 0}.choose label{font-size:9px;letter-spacing:1px;color:#9ba8b6}select{padding:10px;min-width:0}#pack{flex:1}footer{text-align:center;color:#788593;font-size:11px;padding:12px 0 24px}footer>a{display:inline-block;color:#c6d4e2;margin:8px}small{display:block;font-size:9px;margin-top:20px}@media(max-width:600px){main{padding:20px 14px}.intro{padding-top:26px}.game-bar{padding:18px}.board-wrap{padding:10px}.stats{gap:15px}.key-hint{display:none}.controls{padding-bottom:14px}.dpad{grid-template-columns:repeat(3,48px)}.dpad button{height:44px}.actions{padding:12px;flex-wrap:wrap}.choose{flex-wrap:wrap}.choose label:first-child{width:100%}#pack{flex-basis:65%}.actions a{font-size:11px}}
.game-bar>div:first-child{min-width:0;padding-right:14px}.game-bar .eyebrow{display:block;line-height:1.6;overflow-wrap:anywhere}.stats{flex-shrink:0}@media(max-width:600px){.game-bar .eyebrow{font-size:8px;letter-spacing:1px}}
.board-wrap{position:relative}#clear-card{position:absolute;inset:0;display:grid;place-items:center;background:#080b10bb;backdrop-filter:blur(3px);padding:12px}#clear-card[hidden]{display:none}.clear-content{text-align:center;animation:clear-appear .28s ease-out}.clear-cheese{color:#d6f78a;font-size:24px}.clear-content h2{font-size:clamp(34px,7vw,72px);font-weight:900;letter-spacing:4px;color:#d6f78a;margin:0;text-shadow:0 0 40px #d6f78a40}#clear-result{font-size:16px;font-variant-numeric:tabular-nums;margin:8px 0}.clear-caption{color:#a7b4c0;font-size:12px;margin:8px 0 16px}#clear-next{background:#d6f78a;color:#152009;border-color:#d6f78a;font-weight:700}.clear-content button{font-size:12px}#sound{font-size:10px;padding:8px 12px;white-space:nowrap}@keyframes clear-appear{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.clear-content{animation:none}}@media(max-width:600px){.actions{gap:7px}.actions a{flex-basis:100%;text-align:right;margin-top:5px}.clear-caption{display:none}.clear-content h2{font-size:34px}.clear-cheese{font-size:18px}}