*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #252836;--border: #333650;--text: #e8eaf6;--text-dim: #8b90b5;--accent: #6c63ff;--accent-hover: #7c75ff;--green: #538d4e;--yellow: #b59f3b;--gray: #3a3a4c;--locked: #2e3050;--branch: #d4a017;--branch-glow: rgba(212, 160, 23, .35);--cell: 44px;--radius: 8px}html,body{height:100%;background:#030510;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 52% at 50% -6%,rgba(90,25,215,.88) 0%,transparent 60%),radial-gradient(ellipse 65% 35% at 50% 36%,rgba(70,15,180,.3) 0%,transparent 65%),radial-gradient(ellipse 7% 25% at 8% 44%,rgba(160,0,255,.6) 0%,transparent 85%),radial-gradient(ellipse 11% 32% at 19% 41%,rgba(130,0,255,.72) 0%,transparent 85%),radial-gradient(ellipse 6% 20% at 30% 46%,rgba(110,0,240,.52) 0%,transparent 85%),radial-gradient(ellipse 13% 38% at 41% 38%,rgba(150,0,255,.78) 0%,transparent 85%),radial-gradient(ellipse 8% 26% at 51% 43%,rgba(105,0,235,.55) 0%,transparent 85%),radial-gradient(ellipse 12% 34% at 62% 40%,rgba(135,0,255,.7) 0%,transparent 85%),radial-gradient(ellipse 7% 22% at 72% 44%,rgba(115,15,245,.57) 0%,transparent 85%),radial-gradient(ellipse 10% 30% at 83% 41%,rgba(145,0,255,.66) 0%,transparent 85%),radial-gradient(ellipse 6% 18% at 93% 46%,rgba(125,0,240,.52) 0%,transparent 85%),radial-gradient(ellipse 100% 18% at 50% 52%,rgba(0,210,110,.22) 0%,transparent 75%),radial-gradient(ellipse 42% 38% at 0% 82%,rgba(0,195,130,.24) 0%,transparent 60%),radial-gradient(ellipse 42% 38% at 100% 82%,rgba(0,85,215,.2) 0%,transparent 60%),#030510}.app:after{content:"";position:fixed;bottom:0;left:-30%;width:160%;height:56vh;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,255,95,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,95,.5) 1px,transparent 1px),linear-gradient(rgba(0,255,95,.14) 3px,transparent 3px),linear-gradient(90deg,rgba(0,255,95,.14) 3px,transparent 3px);background-size:62px 52px,62px 52px,62px 52px,62px 52px;transform:perspective(520px) rotateX(58deg);transform-origin:bottom center;mask-image:linear-gradient(to top,black 0%,rgba(0,0,0,.75) 45%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,rgba(0,0,0,.75) 45%,transparent 100%)}.screen{width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;gap:20px;position:relative;z-index:1}@keyframes bg-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes title-pulse-1{0%,to{text-shadow:0 0 10px rgba(108,99,255,1),0 0 28px rgba(108,99,255,.7),0 0 60px rgba(108,99,255,.35),0 0 100px rgba(108,99,255,.15)}50%{text-shadow:0 0 18px rgba(140,130,255,1),0 0 45px rgba(108,99,255,.9),0 0 90px rgba(108,99,255,.5),0 0 140px rgba(108,99,255,.25)}}@keyframes title-pulse-2{0%,to{text-shadow:0 0 10px rgba(180,240,50,1),0 0 26px rgba(180,240,50,.7),0 0 55px rgba(180,240,50,.3)}50%{text-shadow:0 0 18px rgba(210,255,80,1),0 0 42px rgba(180,240,50,.9),0 0 85px rgba(180,240,50,.5)}}@keyframes btn-glow-play{0%,to{box-shadow:0 0 18px #6c63ff99,0 0 40px #6c63ff47,inset 0 1px #ffffff2e,inset 0 -2px #00000040}50%{box-shadow:0 0 30px #6c63ffd9,0 0 65px #6c63ff73,inset 0 1px #ffffff38,inset 0 -2px #00000040}}@keyframes btn-glow-scores{0%,to{box-shadow:0 0 10px #00dcb440,inset 0 1px #00dcb41a}50%{box-shadow:0 0 22px #00dcb480,inset 0 1px #00dcb42e}}@keyframes orb-float{0%,to{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-18px) scale(1.06);opacity:.75}}@keyframes cell-pulse{0%,to{box-shadow:0 0 6px #00ff5f99,0 0 12px #00ff5f40}50%{box-shadow:0 0 12px #00ff5ff2,0 0 24px #00ff5f80}}@keyframes bar-shine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(400%) skew(-15deg)}}.screen--start{justify-content:center;gap:28px}.screen--modeselect{justify-content:center;gap:20px;padding-top:32px;padding-bottom:32px}.ms-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,5vw,1.5rem);text-align:center;color:#c040ff;text-shadow:0 0 8px #c040ff,0 0 22px #a000e0,0 0 44px rgba(180,0,255,.45);letter-spacing:2px}.ms-subtitle{font-size:.85rem;color:var(--text-dim);text-align:center;letter-spacing:1px;margin-top:-8px}.ms-cards{display:flex;flex-direction:column;gap:14px;width:100%}.ms-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:10px;border:2px solid transparent;background:#0e101ed9;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s,background .15s;width:100%}.ms-card:hover{transform:scale(1.02)}.ms-card:active{transform:scale(.97)}.ms-card-icon{font-size:1rem;letter-spacing:2px}.ms-card-name{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,3vw,.8rem);letter-spacing:1px}.ms-card-level{font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,3vw,.9rem);letter-spacing:1px}.ms-card-desc{font-size:clamp(.76rem,3vw,.85rem);color:#c8cdf0bf;line-height:1.5}.ms-card--easy{border-color:#39ff1466;box-shadow:0 0 18px #39ff141f,inset 0 1px #39ff140f}.ms-card--easy .ms-card-icon,.ms-card--easy .ms-card-name{color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.6)}.ms-card--easy:hover{background:#39ff1412;box-shadow:0 0 28px #39ff144d,inset 0 1px #39ff141a;border-color:#39ff14b3}.ms-card--medium{border-color:#ffd70066;box-shadow:0 0 18px #ffd7001f,inset 0 1px #ffd7000f}.ms-card--medium .ms-card-icon,.ms-card--medium .ms-card-name{color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.ms-card--medium:hover{background:#ffd70012;box-shadow:0 0 28px #ffd7004d,inset 0 1px #ffd7001a;border-color:#ffd700b3}.ms-card--hard{border-color:#ff2d7866;box-shadow:0 0 18px #ff2d781f,inset 0 1px #ff2d780f}.ms-card--hard .ms-card-icon,.ms-card--hard .ms-card-name,.ms-card--hard .ms-card-level{color:#ff2d78;text-shadow:0 0 8px rgba(255,45,120,.6)}.ms-card--hard:hover{background:#ff2d7812;box-shadow:0 0 28px #ff2d784d,inset 0 1px #ff2d781a;border-color:#ff2d78b3}.ms-back-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.42rem,2vw,.55rem);background:transparent;border:1px solid rgba(140,110,255,.4);color:#a080ff;padding:10px 20px;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:background .12s,border-color .12s}.ms-back-btn:hover{background:#8c6eff1a;border-color:#8c6effb3}.mode-badge{font-size:.6rem;font-weight:800;letter-spacing:1.5px;padding:2px 7px;border-radius:4px;border:1px solid currentColor;align-self:center}.mode-badge--easy{color:#39ff14}.mode-badge--medium{color:gold}.mode-badge--hard{color:#ff2d78}.start-hero{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.start-title-wrap{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.start-title-word{font-size:clamp(2.8rem,14vw,4.2rem);font-weight:900;letter-spacing:8px;text-transform:uppercase}.start-title-word--1{color:#e8e4ff;animation:title-pulse-1 3.5s ease-in-out infinite}.start-title-word--2{color:#d4ff45;animation:title-pulse-2 3.5s ease-in-out infinite .4s}.start-tagline{font-size:.82rem;letter-spacing:3px;color:#7a80a8;text-transform:uppercase;margin-top:6px}.start-actions{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;position:relative;z-index:1}.btn-arcade{width:min(300px,88%);padding:15px 0;border-radius:8px;font-size:1.1rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}.btn-arcade:hover{transform:scale(1.04)}.btn-arcade:active{transform:scale(.95)}.btn-arcade--play{background:linear-gradient(160deg,#8b7fff,#6c63ff 40%,#a020f0);border-color:#a855f7b3;color:#fff;animation:btn-glow-play 2.8s ease-in-out infinite}.btn-arcade--play:hover{background:linear-gradient(160deg,#a090ff,#7c73ff 40%,#b030ff);box-shadow:0 0 36px #6c63fff2,0 0 80px #6c63ff80,inset 0 1px #ffffff40,inset 0 -2px #0000004d}.btn-arcade--scores{background:#00dcb40f;border-color:#00dcb48c;color:#00e8c0;animation:btn-glow-scores 3.2s ease-in-out infinite}.btn-arcade--scores:hover{background:#00dcb421;box-shadow:0 0 28px #00dcb48c,0 0 60px #00dcb440,inset 0 1px #00dcb433}@keyframes btn-glow-howto{0%,to{box-shadow:0 0 10px #8c6eff38,inset 0 1px #8c6eff14}50%{box-shadow:0 0 22px #8c6eff73,inset 0 1px #8c6eff26}}.btn-arcade--howto{background:#8c6eff0f;border-color:#8c6eff80;color:#c4b8ff;animation:btn-glow-howto 3.4s ease-in-out infinite}.btn-arcade--howto:hover{background:#8c6eff21;box-shadow:0 0 28px #8c6eff80,0 0 60px #8c6eff38,inset 0 1px #8c6eff2e}.screen--howtoplay{justify-content:flex-start;gap:20px;padding-top:28px;padding-bottom:28px}.htp-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,5vw,1.45rem);text-align:center;color:#c040ff;text-shadow:0 0 8px #c040ff,0 0 20px #a000e0,0 0 40px rgba(180,0,255,.5),0 0 70px rgba(160,0,220,.25);letter-spacing:2px;line-height:1.4}.htp-card{background:#0e101ed1;border:1px solid rgba(180,50,255,.28);border-radius:12px;padding:18px;width:100%;box-shadow:0 0 0 1px #b432ff0f,0 0 28px #b432ff1a,inset 0 1px #ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px}.htp-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(180,50,255,.25),transparent)}.htp-section{display:flex;flex-direction:column;gap:8px}.htp-section-heading{font-family:"Press Start 2P",monospace;font-size:clamp(.42rem,2vw,.55rem);color:#a060ff;text-shadow:0 0 8px rgba(160,80,255,.6);letter-spacing:1px;text-transform:uppercase;margin:0}.htp-section-heading--bonus{color:gold;text-shadow:0 0 8px rgba(255,215,0,.55)}.htp-list{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:6px}.htp-list li{font-size:clamp(.78rem,3.2vw,.88rem);color:#9da3c8;line-height:1.55}.htp-list--bullets{list-style:disc}.htp-highlight{font-weight:700;font-style:normal}.htp-highlight--active{color:#00e5ff;text-shadow:0 0 6px rgba(0,229,255,.5)}.htp-highlight--orphan{color:#c840ff;text-shadow:0 0 6px rgba(200,64,255,.5)}.htp-highlight--flash{color:gold;text-shadow:0 0 6px rgba(255,215,0,.5)}.htp-markers{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#00000040;border-radius:8px;border:1px solid rgba(0,255,95,.15)}.htp-marker-row{display:flex;align-items:center;gap:12px}.htp-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;font-weight:900;font-size:.85rem;flex-shrink:0;border:2px solid #00ff5f;background:#00d25026;color:#00ff5f;box-shadow:0 0 8px #00ff5f66}.htp-marker-desc{font-size:clamp(.75rem,3vw,.84rem);color:#9da3c8;line-height:1.45}.htp-marker-desc strong{color:#c8cfff}.htp-marker-desc em{color:#7a82aa;font-style:italic}.htp-modes{display:flex;flex-direction:column;gap:10px}.htp-mode{display:flex;align-items:flex-start;gap:10px}.htp-mode-label{font-family:"Press Start 2P",monospace;font-size:clamp(.35rem,1.6vw,.46rem);padding:4px 8px;border-radius:4px;border:1px solid currentColor;flex-shrink:0;letter-spacing:.5px;margin-top:2px}.htp-mode-label--easy{color:#39ff14;border-color:#39ff14;background:#39ff141a}.htp-mode-label--medium{color:gold;border-color:gold;background:#ffd7001a}.htp-mode-label--hard{color:#ff2d78;border-color:#ff2d78;background:#ff2d781a;opacity:.7}.htp-mode-desc{font-size:clamp(.76rem,3vw,.85rem);color:#9da3c8;line-height:1.5;margin:0}.htp-mode-desc--soon{color:#555a80;font-style:italic}.htp-footer{font-family:"Press Start 2P",monospace;font-size:clamp(.42rem,2.2vw,.58rem);text-align:center;color:gold;text-shadow:0 0 8px rgba(255,215,0,.7),0 0 20px rgba(255,180,0,.4);letter-spacing:1px;line-height:1.7}.htp-action-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%}.screen--game{padding-top:0;gap:10px}.game-header{width:calc(100% + 32px);margin-left:-16px;display:flex;align-items:stretch;background:linear-gradient(180deg,#0a0820fa,#0e0a2af2);border-bottom:2px solid rgba(108,99,255,.5);box-shadow:0 4px 32px #6c63ff33,0 8px 48px #00000080}.hud-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px 8px;border-right:1px solid rgba(108,99,255,.25);gap:3px}.hud-col:last-child{border-right:none}.hud-label{font-size:.52rem;font-weight:600;letter-spacing:.6px;color:#b4aaff73;text-transform:uppercase}.hud-value{font-size:.75rem;font-weight:800;letter-spacing:.4px}.hud-mode--easy{color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.65)}.hud-mode--medium{color:gold;text-shadow:0 0 10px rgba(255,215,0,.65)}.hud-mode--hard{color:#ff2d78;text-shadow:0 0 10px rgba(255,45,120,.65)}.hud-score{color:#c8c2ff;text-shadow:0 0 12px rgba(108,99,255,.7)}.hud-length{color:#d4ff45;text-shadow:0 0 12px rgba(180,240,50,.7)}.hud-orphans{color:#c8a8ff;text-shadow:0 0 12px rgba(160,90,255,.7)}.mute-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:4px;transition:color .15s}.mute-btn--on{color:#0c5}.mute-btn--on:hover{color:#00ff7a}.mute-btn--off{color:#ff4040}.mute-btn--off:hover{color:#f66}.mute-state{font-size:.75rem;font-weight:800;letter-spacing:.4px}.progression-bar-wrap{width:100%;height:26px;background:#040814d9;border:2px solid rgba(0,255,95,.35);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 16px #00ff5f26,0 0 4px #00ff5f4d,inset 0 0 20px #00000080}.progression-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#00c853,#39ff14 60%,#d4ff45);border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 16px #00ff5fb3,0 0 40px #00ff5f4d,inset 0 1px #ffffff4d;overflow:hidden}.progression-bar-fill:after{content:"";position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:bar-shine 2.5s ease-in-out infinite}.progression-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#fff;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.9)}.direction-picker{display:flex;flex-direction:column;gap:10px}.direction-btns{display:flex;gap:10px}.length-btns{display:flex;flex-direction:column;gap:8px}.btn--dir{flex:1;padding:12px 8px;background:linear-gradient(135deg,#6c63ff2e,#5046c81a);border:2px solid rgba(108,99,255,.65);border-radius:var(--radius);color:#c4bfff;font-size:1rem;font-weight:800;letter-spacing:1px;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 0 16px #6c63ff33,inset 0 1px #ffffff0f;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn--dir:hover{background:linear-gradient(135deg,#6c63ff52,#6c63ff2e);box-shadow:0 0 26px #6c63ff80;transform:scale(1.02)}.btn--dir:active{transform:scale(.95)}.back-row{width:100%;display:flex}.btn--back{background:#080c1c99;border:1px solid rgba(108,99,255,.3);border-radius:var(--radius);color:#6b7099;font-size:.85rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;-webkit-tap-highlight-color:transparent}.btn--back:hover{background:#6c63ff1f;border-color:#6c63ff99;color:#c4bfff}.hint-text{color:#aab0d0;font-size:.95rem;font-weight:500}.dir-legend{margin-top:5px;font-size:.78rem;color:#5a6090;letter-spacing:.2px;text-align:center}.orphan-hint{margin-top:6px;font-size:.8rem;color:#9b7fc8}.score-breakdown{width:100%;background:#060818e0;border:1px solid rgba(0,255,140,.35);border-left:3px solid rgba(0,255,140,.8);border-radius:var(--radius);padding:12px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 20px #00ff8c1f,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:4px;animation:sb-appear .25s ease-out}@keyframes sb-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sb-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#8bbfaa;font-family:var(--font-mono)}.sb-row--word{color:#c8e6d8}.sb-row--level{color:gold;font-weight:600}.sb-row--level .sb-value{color:gold}.sb-row--total{margin-top:4px;padding-top:6px;border-top:1px solid rgba(0,255,140,.2);color:#00ff8c;font-size:.9rem;font-weight:700;letter-spacing:1px}.sb-label{flex:1}.sb-value{color:#00ff8c;font-weight:700;padding-left:12px}.sb-row--word .sb-value{color:#c8e6d8}.sb-orphan-tag{color:#ff6b6b;font-size:.72rem;letter-spacing:1px;margin-left:4px}.clue-box{width:100%;background:#060818d1;border:1px solid rgba(108,99,255,.45);border-left:3px solid rgba(108,99,255,.8);border-radius:var(--radius);padding:14px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px #6c63ff26,0 0 60px #6c63ff0f,inset 0 1px #ffffff0d}.clue-label{font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:#8b7fff;text-shadow:0 0 12px rgba(108,99,255,.8);display:block;margin-bottom:6px;font-weight:800;text-align:center}.clue-text{font-size:1.08rem;line-height:1.45;color:#d8daee;font-weight:500;text-align:center}.branch-prompt{margin-top:8px;font-size:.85rem;color:var(--branch);font-weight:500}.grid-scroll-wrapper{width:100%;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center;background:#040610e6;border:2px solid rgba(0,200,80,.45);border-radius:10px;padding:8px;box-shadow:0 0 0 1px #00ff5f1a,0 0 30px #00c85033,0 0 70px #00c85014,inset 0 0 40px #0009,inset 0 0 0 1px #00ff5f0d;scrollbar-width:thin;scrollbar-color:rgba(0,255,95,.25) rgba(4,6,16,.6)}.grid-scroll-wrapper::-webkit-scrollbar{width:4px}.grid-scroll-wrapper::-webkit-scrollbar-track{background:#04061099}.grid-scroll-wrapper::-webkit-scrollbar-thumb{background:#00ff5f4d;border-radius:2px}.grid-canvas{flex-shrink:0}.grid-cell{position:absolute;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;letter-spacing:.5px;border-radius:5px;border:1px solid transparent;color:var(--text);background:transparent;-webkit-user-select:none;user-select:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s}.grid-cell--bg{background:#0a0e22b3;border-color:#282d5080;opacity:.6}.grid-cell--placed{background:linear-gradient(145deg,#1e2341f2,#161a36f2);border-color:#6c63ff73;color:#e0e3ff;opacity:1;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d}.grid-cell--placed-orphan{background:linear-gradient(145deg,#8232dcbf,#641ebeb3);border-color:#c878ffe6;color:#fff;opacity:1;box-shadow:0 0 14px #b45aff99,0 0 4px #b45affcc,inset 0 1px #ffffff2e;text-shadow:0 0 8px rgba(220,160,255,.7)}.grid-cell--placed-blocked{background:linear-gradient(145deg,#460f0feb,#320a0aeb);border-color:#a028288c;color:#b44646a6;opacity:.72;text-decoration:line-through;text-decoration-color:#dc3c3c99;box-shadow:inset 0 0 6px #c81e1e33}.grid-cell--pending{background:#6c63ff1a;border-color:#6c63ff8c;border-style:dashed;border-width:1px}.grid-cell--pending-start{background:#6c63ff40;border-color:#8b7fff;border-width:2px;box-shadow:0 0 12px #6c63ff8c,inset 0 1px #ffffff1a}.grid-cell--valid-h,.grid-cell--valid-v,.grid-cell--valid-both{cursor:pointer;animation:cell-pulse 2s ease-in-out infinite}.grid-cell--valid-h,.grid-cell--valid-v{background:#00d25026;border-color:#00ff5f;border-width:2px}.grid-cell--valid-both{background:#00d25038;border-color:#00ff5f;border-width:2px}.grid-cell--valid-h:hover,.grid-cell--valid-h:focus,.grid-cell--valid-v:hover,.grid-cell--valid-v:focus,.grid-cell--valid-both:hover,.grid-cell--valid-both:focus{transform:scale(1.16);outline:none;box-shadow:0 0 18px #00ff5fd9,0 0 36px #00ff5f66;animation:none;background:#00ff5f40}.grid-cell--spawn-h,.grid-cell--spawn-v,.grid-cell--spawn-both{cursor:pointer;animation:cell-pulse 2s ease-in-out infinite}.grid-cell--spawn-h,.grid-cell--spawn-v,.grid-cell--spawn-both{border-color:#00ff5f;border-width:2px}.grid-cell--spawn-h:hover,.grid-cell--spawn-h:focus,.grid-cell--spawn-v:hover,.grid-cell--spawn-v:focus,.grid-cell--spawn-both:hover,.grid-cell--spawn-both:focus{transform:scale(1.16);outline:none;box-shadow:0 0 18px #00ff5fd9,0 0 36px #00ff5f66;animation:none}@keyframes flash-word{0%{box-shadow:0 0 #00ff8c00}25%{box-shadow:0 0 18px 6px #00ff8cf2,0 0 32px 8px #00ff8c80}to{box-shadow:0 0 4px #00ff8c00}}@keyframes flash-orphan{0%{box-shadow:0 0 #ffc85000}25%{box-shadow:0 0 18px 6px #ffc850f2,0 0 32px 8px #ffa00080}to{box-shadow:0 0 4px #ffc85000}}@keyframes flash-blocked{0%{box-shadow:0 0 #dc282800}20%{box-shadow:0 0 22px 8px #dc2828f2,0 0 36px 10px #b400008c}to{box-shadow:0 0 4px #dc282800}}.grid-cell--flash-word{animation:flash-word .75s ease-out forwards!important}.grid-cell--flash-orphan{animation:flash-orphan .75s ease-out forwards!important}.grid-cell--flash-blocked{animation:flash-blocked .9s ease-out forwards!important}.dir-marker{font-size:.62rem;font-weight:900;letter-spacing:0;line-height:1;color:#00ff5f;text-shadow:0 0 8px rgba(0,255,95,1),0 0 16px rgba(0,255,95,.5)}.dir-badge{position:absolute;top:1px;right:2px;font-size:.48rem;font-weight:900;line-height:1;pointer-events:none;color:#00ff5f;text-shadow:0 0 6px rgba(0,255,95,.9)}.guess-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.guess-history{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.guess-row{display:flex;gap:2px;justify-content:center}.guess-row--active{cursor:text}.guess-tile{width:calc(var(--cell-size, 36px) - 2px);height:calc(var(--cell-size, 36px) - 2px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;letter-spacing:.5px;border-radius:5px;border:1px solid rgba(80,85,130,.45);background:linear-gradient(145deg,#141834e6,#0e1228e6);color:#d8daee;text-transform:uppercase;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000004d}.guess-tile--green{background:linear-gradient(145deg,#1e7832f2,#146426f2);border-color:#00c853;color:#fff;box-shadow:0 0 12px #00c8538c,inset 0 1px #ffffff1f}.guess-tile--yellow{background:linear-gradient(145deg,#8c640ff2,#6e4e08f2);border-color:#d4a017;color:#fff;box-shadow:0 0 12px #d4a0178c,inset 0 1px #ffffff1f}.guess-tile--gray{background:linear-gradient(145deg,#1e2034f2,#16182af2);border-color:#3c416499;color:#4a5080}.guess-tile--input{border-color:#6c63ffe6;background:linear-gradient(145deg,#463e91bf,#302c6ebf);box-shadow:0 0 14px #6c63ff73,inset 0 1px #ffffff1f}.guess-tile--locked{background:linear-gradient(145deg,#32305ae6,#262448e6);border-color:#6c63ff8c;box-shadow:inset 0 1px #ffffff0f}.hidden-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.guesses-remaining{font-size:.88rem;color:var(--text-dim);letter-spacing:.5px;font-weight:500}.btn{padding:10px 24px;border-radius:var(--radius);border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s,transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn--primary{background:linear-gradient(135deg,#8b80ff,#6c63ff 55%,#5848dd);color:#fff;border:1px solid rgba(108,99,255,.6);box-shadow:0 0 18px #6c63ff66,inset 0 1px #ffffff1f}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#a096ff,#7c73ff 55%,#6858ee);box-shadow:0 0 28px #6c63ff99;transform:scale(1.02)}.btn--primary:active:not(:disabled){transform:scale(.97)}.btn--primary:disabled{opacity:.35;cursor:default}.btn--large{padding:14px 36px;font-size:1.1rem}.btn--secondary{background:#080c1c8c;border:1px solid rgba(108,99,255,.32);color:#6b7099}.btn--secondary:hover{border-color:#6c63ffa6;color:#c4bfff}.btn--secondary:active{transform:scale(.97)}.screen--gameover{justify-content:center;gap:24px}.gameover-message{color:#6b7099;font-size:1.1rem}.score-display{display:flex;flex-direction:column;align-items:center;background:#080c1ccc;border:1px solid rgba(108,99,255,.4);border-radius:var(--radius);padding:24px 48px;gap:4px;box-shadow:0 0 32px #6c63ff26}.score-number{font-size:4rem;font-weight:900;color:#a090ff;line-height:1;text-shadow:0 0 30px rgba(108,99,255,.7)}.score-label{font-size:.9rem;color:#4a5080;text-transform:uppercase;letter-spacing:2px}.debug-panel{width:100%;margin-top:4px;font-size:.8rem}.debug-toggle{background:#060814b3;border:1px solid rgba(40,45,75,.7);color:#2a3060;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.72rem;letter-spacing:.5px}.debug-body{background:#040610eb;border:1px solid rgba(40,45,75,.6);border-radius:var(--radius);padding:10px 14px;margin-top:6px;font-family:monospace;white-space:pre-wrap;line-height:1.6;color:#3a4070}.debug-body ul{padding-left:16px}.debug-body strong{color:#6a70a0}.debug-branch{margin:6px 0;padding:6px 8px;background:#0a0c1ecc;border-radius:4px;border-left:2px solid rgba(40,45,75,.8)}.debug-branch ul{margin-top:4px}.keyboard-container{width:calc(100% + 32px);margin-left:-16px}.keyboard{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;background:#040612e0;border:1px solid rgba(108,99,255,.35);border-radius:var(--radius) var(--radius) 0 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px #6c63ff1a,inset 0 1px #ffffff0a}.keyboard-row{display:flex;gap:6px;width:100%;justify-content:center}.key{height:58px;flex:0 0 calc((100% - 54px)*.1);border-radius:7px;border:1px solid rgba(70,75,120,.6);background:linear-gradient(180deg,#1c203cf2,#121630f2);color:#c0c4e8;font-size:clamp(.82rem,3vw,1.05rem);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background .1s,transform .07s,box-shadow .1s;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0006,0 2px 4px #0000004d}.key:hover{background:linear-gradient(180deg,#323764f2,#232850f2);border-color:#6c63ff8c}.key:active:not(:disabled){background:linear-gradient(180deg,#464b82e6,#32376ee6);transform:scale(.9);box-shadow:inset 0 2px 6px #00000080}.action-row{display:flex;gap:6px;width:100%;padding:6px 4px 10px;background:#040612e0;border:1px solid rgba(108,99,255,.35);border-top:none;border-radius:0 0 var(--radius) var(--radius)}.btn--delete{flex:1;height:54px;border-radius:7px;border:2px solid rgba(220,140,40,.55);background:linear-gradient(160deg,#502d0ad9,#371e05bf);color:#ffb347;font-size:clamp(.78rem,2.4vw,.92rem);font-weight:800;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .12s,transform .07s,box-shadow .12s;box-shadow:0 0 12px #dc8c2833,inset 0 1px #ffffff14}.btn--delete:hover{background:linear-gradient(160deg,#6e410fe6,#502d08d9);border-color:#ffaa3cbf;box-shadow:0 0 22px #dc8c2866}.btn--delete:active{transform:scale(.93)}.btn--submit{flex:1.6;height:54px;border-radius:7px;border:2px solid rgba(108,99,255,.7);background:linear-gradient(160deg,#9080ff,#6c63ff 45%,#a020f0);color:#fff;font-size:clamp(.78rem,2.4vw,.92rem);font-weight:800;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .12s,transform .07s,box-shadow .12s;box-shadow:0 0 18px #6c63ff80,inset 0 1px #ffffff2e}.btn--submit:hover{box-shadow:0 0 30px #6c63ffbf;transform:scale(1.02)}.btn--submit:active{background:linear-gradient(160deg,#7a6eee,#5c53ee 45%,#9010df);transform:scale(.93)}.btn--submit:disabled{opacity:.28;cursor:default;transform:none;box-shadow:none}.scroll-to-keyboard-btn{align-self:center;background:#060818b3;border:1px solid rgba(108,99,255,.3);border-radius:20px;color:#3a4070;font-size:.8rem;padding:4px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .12s,color .12s}.scroll-to-keyboard-btn:active{background:#6c63ff24;color:#c4bfff}.quit-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:12px 0 4px;width:100%}.btn--quit{background:linear-gradient(135deg,#b41e1e33,#780f0f1f);border:2px solid rgba(220,55,55,.45);color:#ff6464d9;border-radius:var(--radius);padding:11px 32px;font-size:.9rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 0 14px #dc373726,inset 0 1px #ffffff0d}.btn--quit:hover{background:linear-gradient(135deg,#dc323247,#a0191933);border-color:#ff5050b3;color:#f88;box-shadow:0 0 24px #dc373759,0 0 48px #dc37371f;transform:scale(1.03)}.btn--quit:active{transform:scale(.96)}.btn--pause{background:linear-gradient(135deg,#821ec847,#640faf2e);border:2px solid rgba(160,50,230,.65);color:#d296fff2;border-radius:var(--radius);padding:11px 22px;font-size:.9rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 0 14px #8c28dc38,inset 0 1px #ffffff12}.btn--pause:hover{background:linear-gradient(135deg,#aa3cff5c,#821edc42);border-color:#c35affd9;color:#dfa8ff;box-shadow:0 0 26px #9628e68c,0 0 52px #8c1ed22e;transform:scale(1.03)}.btn--pause:active{transform:scale(.96)}.btn--edit-word{background:linear-gradient(135deg,#00b4a02e,#008c7d1a);border:2px solid rgba(0,200,170,.45);color:#00dcc3e0;border-radius:var(--radius);padding:11px 22px;font-size:.9rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 0 12px #00b4a026,inset 0 1px #ffffff0d}.btn--edit-word:hover:not(:disabled){background:linear-gradient(135deg,#00d2b947,#00aa9633);border-color:#00e6cdb3;color:#00e8cc;box-shadow:0 0 22px #00bea573,0 0 44px #00b49b26;transform:scale(1.03)}.btn--edit-word:active:not(:disabled){transform:scale(.96)}.btn--edit-word:disabled{opacity:.22;cursor:default}.btn--pause--resume{background:linear-gradient(135deg,#9628dc7a,#6e14be5c);border-color:#be55ffd9;color:#e2b4ff;box-shadow:0 0 22px #9b2de680,0 0 48px #8c1ed22e,inset 0 1px #ffffff1a}.grid-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#08041cb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.grid-pause-label{font-size:clamp(2rem,12vw,3rem);font-weight:900;letter-spacing:10px;color:#c87fff;text-shadow:0 0 28px rgba(160,50,230,.95),0 0 60px rgba(140,30,210,.55),0 0 100px rgba(120,20,190,.25);text-transform:uppercase;-webkit-user-select:none;user-select:none}.screen--highscore{gap:16px}.hs-loading,.hs-error{color:var(--text-dim);font-size:1rem;text-align:center;margin-top:40px}.hs-error{color:#ff7878e6}.hs-title{font-size:clamp(1.6rem,7vw,2.2rem);font-weight:900;letter-spacing:3px;color:var(--text);text-align:center}.hs-title--congrats{color:gold}.hs-subtitle{font-size:.9rem;font-weight:700;letter-spacing:2px;color:var(--text-dim);text-align:center}.hs-alltime-label{font-family:"Press Start 2P",monospace;font-size:clamp(.45rem,2.2vw,.6rem);letter-spacing:1px;text-align:center;color:#00e5ff;text-shadow:0 0 6px #00e5ff,0 0 14px #00b8d4,0 0 28px rgba(0,229,255,.4);margin-top:2px;margin-bottom:2px}.hs-score-summary{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 28px}.hs-big-score{font-size:clamp(2rem,10vw,3rem);font-weight:900;color:var(--accent);line-height:1}.hs-score-meta{font-size:.85rem;color:var(--text-dim);letter-spacing:1px}.hs-entry-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.hs-name-form{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.hs-name-label{font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--text-dim)}.hs-name-input{width:min(220px,80%);background:var(--surface2);border:2px solid var(--accent);border-radius:var(--radius);color:var(--text);font-size:1.4rem;font-weight:700;letter-spacing:4px;text-align:center;padding:10px 12px;outline:none;text-transform:uppercase}.hs-name-input:focus{border-color:var(--accent-hover);box-shadow:0 0 0 2px #6c63ff4d}.hs-name-error{font-size:.8rem;color:#ff7878e6;text-align:center}.hs-congrats-small{font-size:.95rem;font-weight:700;color:gold;text-align:center;letter-spacing:1px}.hs-no-qualify{font-size:.85rem;color:var(--text-dim);text-align:center}.hs-table-wrap{width:100%;overflow-x:auto}.hs-table{width:100%;border-collapse:collapse;font-size:clamp(.78rem,3vw,.95rem)}.hs-table-head th{font-size:.72rem;font-weight:700;letter-spacing:1.5px;color:var(--text-dim);padding:6px 8px;border-bottom:1px solid var(--border)}.hs-row td{padding:8px;border-bottom:1px solid rgba(51,54,80,.5);vertical-align:middle}.hs-row--empty td{color:var(--text-dim);opacity:.4}.hs-row--player td{background:#6c63ff26;color:#c8c4ff;font-weight:700}.hs-col-rank{width:46px;color:var(--text-dim);font-size:.78em}.hs-col-name{font-weight:700;letter-spacing:1px}.hs-col-score{text-align:right}.hs-col-round,.hs-col-words{text-align:right;color:var(--text-dim)}.hs-play-again{margin-top:8px}.hs-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:10px 0 4px}.hs-tab-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.38rem,1.8vw,.5rem);letter-spacing:.5px;padding:7px 10px;border-radius:4px;border:2px solid currentColor;background:transparent;cursor:pointer;transition:background .12s,box-shadow .12s,transform .08s;line-height:1.4}.hs-tab-btn:active{transform:scale(.95)}.hs-tab-btn--cyan{color:#00e5ff;border-color:#00e5ff44}.hs-tab-btn--pink{color:#ff2d78;border-color:#ff2d7844}.hs-tab-btn--gold{color:gold;border-color:#ffd70044}.hs-tab-btn--green{color:#39ff14;border-color:#39ff1444}.hs-tab-btn--active.hs-tab-btn--cyan{background:#00e5ff24;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff88,0 0 22px #00e5ff44,inset 0 0 8px #00e5ff22}.hs-tab-btn--active.hs-tab-btn--pink{background:#ff2d7824;border-color:#ff2d78;box-shadow:0 0 10px #ff2d7888,0 0 22px #ff2d7844,inset 0 0 8px #ff2d7822}.hs-tab-btn--active.hs-tab-btn--gold{background:#ffd70024;border-color:gold;box-shadow:0 0 10px #ffd70088,0 0 22px #ffd70044,inset 0 0 8px #ffd70022}.hs-tab-btn--active.hs-tab-btn--green{background:#39ff141f;border-color:#39ff14;box-shadow:0 0 10px #39ff1488,0 0 22px #39ff1444,inset 0 0 8px #39ff1422}.hs-tab-btn--cyan:hover{background:#00e5ff14;border-color:#00e5ffaa}.hs-tab-btn--pink:hover{background:#ff2d7814;border-color:#ff2d78aa}.hs-tab-btn--gold:hover{background:#ffd70014;border-color:#ffd700aa}.hs-tab-btn--green:hover{background:#39ff1414;border-color:#39ff14aa}.hs-action-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px;width:100%}.hs-action-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.42rem,2vw,.55rem);display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;border:2px solid currentColor;cursor:pointer;transition:box-shadow .12s,transform .08s,background .12s;letter-spacing:1px;min-width:120px;justify-content:center}.hs-action-btn:active{transform:scale(.95)}.hs-action-icon{font-size:1.2em;font-family:inherit}.hs-action-btn--play{color:#39ff14;background:#39ff141a;border-color:#39ff14;box-shadow:0 0 10px #39ff1466,0 0 24px #39ff1433}.hs-action-btn--play:hover{background:#39ff1433;box-shadow:0 0 16px #39ff1499,0 0 36px #39ff1455}.hs-action-btn--home{color:#bf7fff;background:#bf7fff1a;border-color:#bf7fff;box-shadow:0 0 10px #bf7fff66,0 0 24px #bf7fff33}.hs-action-btn--home:hover{background:#bf7fff33;box-shadow:0 0 16px #bf7fff99,0 0 36px #bf7fff55}.toast-layer{position:fixed;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px;pointer-events:none;z-index:200}@keyframes toast-rise{0%{opacity:0;transform:translateY(10px) scale(.8)}10%{opacity:1;transform:translateY(0) scale(1.06)}20%{opacity:1;transform:translateY(0) scale(1)}55%{opacity:1;transform:translateY(-90px)}to{opacity:0;transform:translateY(-165px)}}.toast{white-space:nowrap;font-family:var(--font-mono);font-weight:800;letter-spacing:1.5px;border-radius:6px;padding:5px 14px;animation:toast-rise 2s ease-in-out forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.toast--word{font-size:1.25rem;color:#00ff8c;text-shadow:0 0 16px rgba(0,255,140,.9),0 0 32px rgba(0,255,140,.5);background:#001e12bf;border:1px solid rgba(0,255,140,.4)}.toast--intersection{font-size:1rem;color:#6cf0ff;text-shadow:0 0 14px rgba(80,220,255,.9);background:#00141ebf;border:1px solid rgba(80,220,255,.35)}.toast--orphan{font-size:1rem;color:#ffc84a;text-shadow:0 0 14px rgba(255,200,60,.9);background:#1e1200bf;border:1px solid rgba(255,200,60,.35)}.toast--big{font-size:1.35rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.6);background:#1c1600cc;border:1px solid rgba(255,215,0,.45);letter-spacing:3px}.toast--combo{font-size:1.1rem;color:#ff6ef7;text-shadow:0 0 16px rgba(255,80,240,.9);background:#1c001cc7;border:1px solid rgba(255,80,240,.38)}.toast--orphaned{font-size:.9rem;color:#ff6b6b;text-shadow:0 0 10px rgba(255,80,80,.7);background:#1e0000b3;border:1px solid rgba(255,80,80,.3);letter-spacing:1px}.toast--level6{font-size:1.1rem;color:#00f0ff;text-shadow:0 0 14px rgba(0,240,255,.9);background:#00141ecc;border:1px solid rgba(0,220,255,.45);letter-spacing:2px}.toast--level7{font-size:1.15rem;color:#00ff8c;text-shadow:0 0 18px rgba(0,255,140,1),0 0 36px rgba(0,255,140,.4);background:#00140cd1;border:1px solid rgba(0,255,140,.5);letter-spacing:2px}.toast--level8{font-size:1.2rem;color:#ffa040;text-shadow:0 0 20px rgba(255,160,60,1),0 0 40px rgba(255,120,0,.5);background:#1c0c00d1;border:1px solid rgba(255,140,40,.55);letter-spacing:2.5px}.toast--level9{font-size:1.25rem;color:#ff3eb5;text-shadow:0 0 22px rgba(255,60,180,1),0 0 44px rgba(255,60,180,.6),0 0 70px rgba(255,60,180,.25);background:#1c0012d6;border:1px solid rgba(255,60,180,.6);letter-spacing:2.5px}.toast--level10{font-size:1.35rem;color:gold;text-shadow:0 0 24px rgba(255,215,0,1),0 0 48px rgba(255,215,0,.7),0 0 80px rgba(255,200,0,.35);background:#1c1400e0;border:2px solid rgba(255,215,0,.7);letter-spacing:3px;font-weight:900}.toast--bonus{color:gold;text-shadow:0 0 12px rgba(255,215,0,.8);background:#1e1600e0;border:1px solid rgba(255,215,0,.55);font-weight:700}.toast--missed-bonus{color:#b0a060;background:#14120ad1;border:1px solid rgba(160,140,60,.35);font-size:.82rem;font-weight:500}@keyframes bonus-hint{0%{box-shadow:0 0 #8cd2ff00}25%{box-shadow:0 0 8px 3px #8cd2ffa6;border-color:#8cd2ffb3}to{box-shadow:0 0 #8cd2ff00;border-color:transparent}}.grid-cell--bonus-hint{animation:bonus-hint .35s ease-out forwards!important}.sb-row--bonus-score{color:gold;font-weight:600}.sb-row--bonus-score .sb-value{color:gold}.sparkle-burst{position:fixed;width:0;height:0;pointer-events:none;z-index:199}@keyframes sparkle-fly{0%{opacity:1;transform:rotate(var(--angle)) translate(4px) scale(1)}60%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(var(--dist)) scale(.4)}}.sparkle-dot{position:absolute;width:7px;height:7px;border-radius:50%;top:-3.5px;left:-3.5px;animation:sparkle-fly .65s ease-out forwards}@media (prefers-reduced-motion: reduce){.toast{animation:none;opacity:1}.sparkle-dot{display:none}.grid-cell--flash-word,.grid-cell--flash-orphan,.grid-cell--flash-blocked,.grid-cell--bonus-hint{animation:none!important}}.leave-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#030510d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.leave-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;max-width:340px;width:100%;box-shadow:0 0 40px #6c63ff4d,0 8px 32px #0009;display:flex;flex-direction:column;gap:12px}.leave-dialog-title{font-size:1.25rem;font-weight:700;color:var(--text);text-align:center}.leave-dialog-body{font-size:.92rem;color:var(--text-dim);text-align:center;line-height:1.4}.leave-dialog-btns{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn--stay{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn--stay:hover{background:var(--accent-hover)}.btn--leave{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);padding:11px;font-size:.95rem;cursor:pointer;transition:color .15s,border-color .15s}.btn--leave:hover{color:var(--text);border-color:#666}.bonus-slots{display:flex;flex-direction:column;gap:4px}.bonus-slot{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:.95rem;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s}.bonus-slot--empty{border:1px dashed rgba(70,75,120,.45);background:#06081466;color:transparent}.bonus-slot--filled{border:1px solid rgba(255,215,0,.55);background:#1e1600bf;color:gold;box-shadow:0 0 8px #ffd7004d;text-shadow:0 0 8px rgba(255,215,0,.7)}.bonus-slot--tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bonus-slot--tappable:hover{transform:scale(1.12);box-shadow:0 0 14px #ffd7008c}.bonus-slot--tappable:active{transform:scale(.92)}.bonus-slot--tappable:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none}.bonus-bar{width:100%;display:flex;align-items:center;gap:8px;padding:6px 14px;background:#060816bf;border:1px solid rgba(255,215,0,.18);border-radius:var(--radius);box-shadow:0 0 10px #ffd7000f}.bonus-bar .bonus-slot{width:30px;height:26px;font-size:.88rem}.bonus-bar-label{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5a6080;flex-shrink:0}.bp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;background:#030510d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.bp-card{background:#0c0e22fa;border:1px solid rgba(255,215,0,.38);border-radius:var(--radius);padding:26px 22px 20px;max-width:280px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 40px #ffd7002e,0 0 80px #ffd7000f,0 10px 36px #000000bf;animation:sb-appear .2s ease-out}.bp-card--wide{max-width:360px;align-items:stretch}.bp-icon{font-size:2.4rem;line-height:1;color:gold;text-shadow:0 0 24px rgba(255,215,0,.85),0 0 48px rgba(255,215,0,.35);margin-bottom:2px}.bp-title{font-size:1.1rem;font-weight:800;color:gold;letter-spacing:1.5px;text-align:center;text-shadow:0 0 12px rgba(255,215,0,.55)}.bp-card--wide .bp-title{text-align:left}.bp-subtitle{font-size:.84rem;color:var(--text-dim);text-align:left;line-height:1.45;width:100%}.bp-save-hint{font-size:.72rem;color:#a78bfa;text-align:center;line-height:1.45;border-top:1px solid rgba(167,139,250,.2);padding-top:8px;width:100%;opacity:.85}.bp-type{font-size:.88rem;color:#d4b850;text-align:center;letter-spacing:.5px}.bp-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:2px}.bp-actions--footer{flex-direction:row;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px;padding-top:10px;border-top:1px solid rgba(80,85,130,.25)}.bp-btn{padding:11px 16px;border-radius:var(--radius);font-size:.9rem;font-weight:700;cursor:pointer;text-align:center;transition:background .12s,transform .1s,box-shadow .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid transparent}.bp-btn:active{transform:scale(.95)}.bp-btn--primary{background:linear-gradient(135deg,#ffd70038,#c8a00f2e);border-color:#ffd7008c;color:gold;box-shadow:0 0 14px #ffd7002e}.bp-btn--primary:hover{background:linear-gradient(135deg,#ffd70052,#c8a00f47);box-shadow:0 0 22px #ffd70061;transform:scale(1.02)}.bp-btn--secondary{background:#080c1ca6;border-color:#6c63ff61;color:#9da3c8}.bp-btn--secondary:hover{border-color:#6c63ffa6;color:#c4bfff;background:#6c63ff1a}.bp-btn--ghost{background:transparent;border-color:#373c5f73;color:#4a5080;font-size:.84rem}.bp-btn--ghost:hover{color:var(--text-dim);border-color:#505582a6}.bp-btn--sm{padding:6px 10px;font-size:.76rem}.bp-saved-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:2px 0}.bp-saved-row{display:flex;flex-direction:column;gap:8px;background:#060814a6;border:1px solid rgba(70,75,115,.35);border-radius:6px;padding:10px 12px}.bp-saved-info{display:flex;flex-direction:column;gap:3px}.bp-saved-header{display:flex;align-items:center;gap:8px}.bp-saved-icon{flex-shrink:0;width:20px;text-align:center;font-size:.9rem;font-weight:800;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);line-height:1}.bp-saved-name{font-size:.86rem;font-weight:700;color:var(--text)}.bp-saved-desc{font-size:.78rem;color:var(--text-dim);line-height:1.4;padding-left:28px}.bp-saved-btns{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.screen--suggest{justify-content:flex-start;gap:20px;padding-top:32px}.suggest-card{background:#121420c7;border:1px solid rgba(108,99,255,.38);border-radius:12px;padding:22px 22px 26px;width:100%;box-shadow:0 0 32px #6c63ff1a,inset 0 1px #ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.suggest-heading{font-size:.72rem;font-weight:800;letter-spacing:4px;color:#8b7fff;text-shadow:0 0 14px rgba(108,99,255,.8);margin-bottom:16px;text-transform:uppercase}.suggest-tabs{display:flex;gap:0;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(108,99,255,.28);margin-bottom:4px}.suggest-tab{flex:1;padding:10px 8px;background:transparent;border:none;color:var(--text-dim);font-size:.82rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s,color .15s;text-transform:uppercase}.suggest-tab--active{background:#6c63ff2e;color:var(--text)}.suggest-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.suggest-field{display:flex;flex-direction:column;gap:5px;width:100%}.suggest-label{font-size:.78rem;font-weight:700;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase}.suggest-required{color:#f06060}.suggest-optional{color:#4a5080;font-weight:400;text-transform:none;letter-spacing:0}.suggest-input,.suggest-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;font-family:inherit}.suggest-input:focus,.suggest-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6c63ff33}.suggest-input--word{text-transform:uppercase;letter-spacing:3px;font-weight:700;font-family:monospace}.suggest-textarea{resize:vertical;min-height:80px}.suggest-textarea--short{min-height:60px}.suggest-hint{font-size:.78rem;color:#4a5080}.suggest-error{font-size:.84rem;color:#ff6e6ef2;padding:6px 12px;background:#ff3c3c14;border:1px solid rgba(255,80,80,.25);border-radius:6px}.suggest-success{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;text-align:center}.suggest-success-icon{font-size:3rem;color:#00d4a0;text-shadow:0 0 24px rgba(0,200,150,.8)}.suggest-success-title{font-size:1.4rem;font-weight:900;letter-spacing:3px;color:var(--accent);text-shadow:0 0 18px rgba(108,99,255,.7)}.suggest-success-msg{font-size:.92rem;color:var(--text-dim);line-height:1.55}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;tab-index:-1}@keyframes btn-glow-suggest{0%,to{box-shadow:0 0 10px #00c8962e,inset 0 1px #00c89614}50%{box-shadow:0 0 22px #00c89661,inset 0 1px #00c89629}}.btn-arcade--suggest{background:#00c8960d;border-color:#00c8966b;color:#00d4a8;animation:btn-glow-suggest 3.6s ease-in-out infinite}.btn-arcade--suggest:hover{background:#00c8961f;box-shadow:0 0 28px #00c89673,0 0 60px #00c8962e}.toast--cant-use{font-size:.82rem;color:#ff8080;text-shadow:0 0 10px rgba(255,80,80,.6);background:#1c0000d1;border:1px solid rgba(255,80,80,.3)}.toast--blocked{font-size:.85rem;font-weight:700;color:#f55;text-shadow:0 0 12px rgba(255,50,50,.8),0 0 24px rgba(200,0,0,.4);background:#280000eb;border:1px solid rgba(220,50,50,.5);letter-spacing:1px}