:root{--bg: #0b0f1a;--bg-panel: #131a2b;--border: #26314d;--text: #e4e9f5;--text-muted: #8b96b3;--accent: #38bdf8;--accent-2: #a78bfa}*{box-sizing:border-box}html,body{margin:0;padding:0;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% -20%,#16203a 0%,var(--bg) 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}#app{max-width:760px;margin:0 auto;padding:1rem 1rem 2rem;display:flex;flex-direction:column;align-items:center}.site-header{text-align:center;margin-bottom:.75rem}.logo{font-size:2rem;letter-spacing:.35em;margin:.25rem 0 0;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(56,189,248,.25)}.logo-tri{-webkit-text-fill-color:var(--accent);margin-right:.4em;font-size:.8em;vertical-align:.1em}.tagline{color:var(--text-muted);font-size:.85rem;margin:.35rem 0 0}.game-area{display:flex;gap:1rem;align-items:flex-start;justify-content:center}.play-row{display:flex;align-items:stretch;justify-content:center;gap:.4rem;min-width:0}.touch-col{display:none;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:4.5rem;flex-shrink:0}.board-wrap{position:relative;line-height:0}#board{border:1px solid var(--border);border-radius:10px;background:#090d18e6;box-shadow:0 8px 40px #00000080,0 0 0 1px #38bdf80f;max-width:100%;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#070a12d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;line-height:1.4}.overlay[hidden]{display:none}.overlay-inner{text-align:center;padding:1rem}.overlay-title{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:.2em}.overlay-sub{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.btn{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);padding:.6rem 1.6rem;background:var(--bg-panel);color:var(--text)}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;font-weight:700;letter-spacing:.08em;box-shadow:0 4px 18px #0ea5e959}.btn-primary:hover{filter:brightness(1.1)}.side-panel{display:flex;flex-direction:column;gap:.75rem;width:150px;flex-shrink:0}.stat-card,.next-card,.keys-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:.15rem 0}.stat-label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem}.next-card{text-align:center}#next{display:block;margin:.4rem auto 0;max-width:100%}.keys-card{font-size:.78rem;color:var(--text-muted)}.key-row{display:flex;align-items:center;gap:.35rem;padding:.18rem 0}kbd{background:#1c2540;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:.05rem .4rem;font-family:inherit;font-size:.75rem;color:var(--text)}.tbtn{width:100%;height:4.5rem;font-size:1.55rem;padding:0;border-radius:12px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);touch-action:manipulation;user-select:none;-webkit-user-select:none}.tbtn:active{background:#1e2a4a}.tbtn-drop{font-size:.78rem;letter-spacing:.12em;font-weight:700}.site-footer{margin-top:1.5rem;color:var(--text-muted);font-size:.75rem;display:flex;gap:1rem}.game-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){#app{padding:.5rem .5rem 1.5rem}.logo{font-size:1.4rem}.tagline{display:none}.game-area{flex-direction:column;align-items:center;width:100%}.board-wrap{min-width:0;display:flex;justify-content:center}.side-panel{flex-direction:row;width:100%;max-width:420px}.stat-card{flex:1}.keys-card{display:none}}html.touch-ui,html.touch-ui body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}html.touch-ui #app{height:100%;max-width:none;padding:max(2.1rem,calc(env(safe-area-inset-top,0px) + .55rem)) .35rem env(safe-area-inset-bottom,.3rem);justify-content:flex-start}html.touch-ui .site-header{margin-bottom:.2rem}html.touch-ui .logo{font-size:1.05rem;letter-spacing:.22em}html.touch-ui .tagline,html.touch-ui .site-footer,html.touch-ui .keys-card{display:none}html.touch-ui .game-area{flex-direction:column;align-items:stretch;flex:1;min-height:0;width:100%;gap:.35rem}html.touch-ui .play-row{flex:1;min-height:0;width:100%;align-items:center}html.touch-ui .touch-col{display:flex}html.touch-ui .board-wrap{position:relative;line-height:0;flex:0 0 auto}html.touch-ui #board{display:block}html.touch-ui .side-panel{flex-direction:row;width:100%;max-width:none;gap:.35rem}html.touch-ui .stat-card{flex:1;padding:.35rem .55rem}html.touch-ui .stat-value{font-size:.92rem}html.touch-ui .next-card{width:5.4rem;padding:.25rem .35rem}html.touch-ui #next{width:72px;height:54px}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080c18f0;color:#e8ecf4;align-items:center;justify-content:center;flex-direction:column;gap:1rem;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:72px;height:42px;border:3px solid #38bdf8;border-radius:8px;animation:tip-phone-port 1.4s ease-in-out infinite}@keyframes tip-phone-port{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-90deg)}}