.scope-spelling-bee *{box-sizing:border-box;margin:0;padding:0}.scope-spelling-bee{--bg-0:#f3f4f0;--bg-1:#fafaf7;--panel:#fff;--panel-2:#f5f6f3;--panel-3:#eef0ec;--line:#e6e7e2;--line-2:#d9dbd4;--text:#161616;--text-soft:#33383a;--muted:#6c726c;--muted-2:#a2a7a0;--accent:#16a34a;--accent-2:#22c55e;--accent-soft:rgba(34,197,94,.1);--accent-glow:rgba(34,197,94,.28);--ink:#161616;--listen:#16a34a;--speak:#16a34a;--danger:#ef4444;--gold:#d9a400;--gold-2:#f5b400;--gold-glow:rgba(245,180,0,.32);--correct:#16a34a;--font-display:"Cooper BT","Cooper Lt BT","Cooper",serif;--font-body:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Instrument Sans",-apple-system,BlinkMacSystemFont,Arial,sans-serif;--shadow-sm:0 1px 2px hsla(0,0%,8%,.04),0 1px 3px hsla(0,0%,8%,.05);--shadow:0 2px 6px hsla(0,0%,8%,.04),0 14px 34px hsla(0,0%,8%,.07)}.scope-spelling-bee{height:100%}.scope-spelling-bee{background:radial-gradient(560px 480px at 10% 22%,rgba(34,197,94,.1),transparent 62%),radial-gradient(680px 560px at 92% 78%,rgba(34,197,94,.08),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.scope-spelling-bee .app{min-height:100dvh;display:flex;flex-direction:column}.scope-spelling-bee .app.gate-mode{max-width:520px;margin:0 auto}.scope-spelling-bee .topbar{padding:15px 28px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.scope-spelling-bee .topbar .logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.scope-spelling-bee .topbar .logo img{width:36px;height:36px;object-fit:contain}.scope-spelling-bee .topbar .title{font-size:17px;font-family:var(--font-display);line-height:1.2}.scope-spelling-bee .topbar .subtitle{font-size:12px;color:var(--muted)}.scope-spelling-bee .status-pill{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;gap:7px;flex-shrink:0;font-weight:600}.scope-spelling-bee .status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2)}.scope-spelling-bee .status-pill[data-state=listening] .dot{background:var(--listen);box-shadow:0 0 8px var(--accent-glow);animation:pulse 1.2s infinite}.scope-spelling-bee .status-pill[data-state=speaking] .dot{background:var(--speak);box-shadow:0 0 8px var(--accent-glow);animation:pulse .8s infinite}.scope-spelling-bee .status-pill[data-state=listening],.scope-spelling-bee .status-pill[data-state=speaking]{color:var(--accent);border-color:rgba(34,197,94,.3);background:var(--accent-soft)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}.scope-spelling-bee .change-key{background:none;border:1px solid var(--line-2);color:var(--muted);font-size:11px;cursor:pointer;padding:6px 12px;border-radius:999px;flex-shrink:0;transition:all .15s}.scope-spelling-bee .change-key:hover{color:var(--accent);border-color:var(--accent)}.scope-spelling-bee .gate{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:6px}.scope-spelling-bee .gate-title{font-size:32px;font-weight:700;letter-spacing:-.01em;font-family:var(--font-display)}.scope-spelling-bee .gate-subtitle{font-size:14px;color:var(--muted);max-width:340px;margin-bottom:22px}.scope-spelling-bee .gate-subtitle a{color:var(--accent);font-weight:600}.scope-spelling-bee .gate-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.scope-spelling-bee .gate-input{background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:13px 16px;color:var(--text);font:inherit;outline:none;text-align:center;box-shadow:var(--shadow-sm)}.scope-spelling-bee .gate-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.scope-spelling-bee .gate-submit{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:13px 16px;font-weight:700;cursor:pointer;transition:all .15s}.scope-spelling-bee .gate-submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px hsla(0,0%,8%,.18)}.scope-spelling-bee .gate-submit:disabled{background:var(--panel-3);color:var(--muted-2);cursor:not-allowed;transform:none;box-shadow:none}.scope-spelling-bee .gate-error{margin-top:16px;max-width:320px;color:#b91c1c;font-size:12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:11px 14px}.scope-spelling-bee .gate-note{margin-top:22px;max-width:320px;color:var(--muted-2);font-size:11px}.scope-spelling-bee .gate-badges{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap;justify-content:center}.scope-spelling-bee .gate-badge{font-size:11px;color:var(--text-soft);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 12px;box-shadow:var(--shadow-sm)}.scope-spelling-bee .game-layout{flex:1 1;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;grid-gap:20px;gap:20px;max-width:1280px;width:100%;margin:0 auto;padding:28px 20px;align-items:start}.scope-spelling-bee .panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.scope-spelling-bee .panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}.scope-spelling-bee .panel-left{position:-webkit-sticky;position:sticky;top:80px}.scope-spelling-bee .score-hero{text-align:center;margin-bottom:18px}.scope-spelling-bee .score-hero .big-score{font-size:52px;font-weight:700;line-height:1;letter-spacing:-.02em;font-family:var(--font-display);color:var(--accent)}.scope-spelling-bee .score-hero .score-caption{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.scope-spelling-bee .rank-current{text-align:center;font-size:19px;font-weight:700;color:var(--text);margin-bottom:8px;font-family:var(--font-display)}.scope-spelling-bee .progress-track{height:8px;border-radius:999px;background:var(--panel-3);overflow:hidden;margin-bottom:6px}.scope-spelling-bee .progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--gold-2));transition:width .5s cubic-bezier(.22,1,.36,1)}.scope-spelling-bee .next-hint{text-align:center;font-size:11px;color:var(--muted);margin-bottom:18px}.scope-spelling-bee .next-hint b{color:var(--accent)}.scope-spelling-bee .rank-ladder{display:flex;flex-direction:column;gap:2px}.scope-spelling-bee .rank-row{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:9px;font-size:13px;color:var(--muted-2);transition:all .2s}.scope-spelling-bee .rank-row .rk-name{font-weight:600}.scope-spelling-bee .rank-row .rk-pts{font-size:11px;color:var(--muted-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scope-spelling-bee .rank-row.achieved{color:var(--text-soft)}.scope-spelling-bee .rank-row.achieved .rk-name:before{content:"✓ ";color:var(--accent);font-weight:800}.scope-spelling-bee .rank-row.current{background:var(--accent-soft);border:1px solid rgba(34,197,94,.32);color:var(--accent)}.scope-spelling-bee .rank-row.current .rk-name{font-weight:800}.scope-spelling-bee .rank-row.current .rk-name:before{content:"▸ "}.scope-spelling-bee .rank-row.current .rk-pts{color:var(--accent)}.scope-spelling-bee .rank-row.queen.current{background:rgba(245,180,0,.12);border-color:rgba(245,180,0,.4);color:var(--gold)}.scope-spelling-bee .rank-row.queen.current .rk-pts{color:var(--gold)}.scope-spelling-bee .streak-box{margin-top:18px;display:flex;gap:10px}.scope-spelling-bee .stat-chip{flex:1 1;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.scope-spelling-bee .stat-chip .sc-val{font-size:20px;font-weight:800;color:var(--text)}.scope-spelling-bee .stat-chip .sc-val.hot{color:var(--gold)}.scope-spelling-bee .stat-chip .sc-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}.scope-spelling-bee .panel-center{display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;min-height:520px;justify-content:flex-start;padding-top:8px}.scope-spelling-bee .stage{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.scope-spelling-bee .word-tiles{display:flex;gap:6px;justify-content:center;min-height:44px;align-items:center}.scope-spelling-bee .wt{width:34px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;text-transform:uppercase;background:var(--panel);border:1px solid var(--line-2);color:var(--text);box-shadow:var(--shadow-sm);animation:tileIn .12s ease-out}.scope-spelling-bee .wt.center{background:var(--accent);border-color:var(--accent);color:#fff}.scope-spelling-bee .wt.bad{background:rgba(239,68,68,.1);border-color:var(--danger);color:var(--danger)}@keyframes tileIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.scope-spelling-bee .stage-hint{font-size:14px;color:var(--muted);text-align:center}.scope-spelling-bee .stage-feedback{font-size:16px;font-weight:600;text-align:center;max-width:460px}.scope-spelling-bee .stage-feedback.good{color:var(--accent)}.scope-spelling-bee .stage-feedback.error{color:var(--danger)}.scope-spelling-bee .stage-feedback.info{color:var(--text-soft)}.scope-spelling-bee .hex-wrap{position:relative;display:flex;justify-content:center;padding:8px}.scope-spelling-bee .hex-wrap:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,var(--accent-glow),transparent 62%);opacity:.4;z-index:0;pointer-events:none}.scope-spelling-bee .hex-wrap svg{position:relative;z-index:1}.scope-spelling-bee .hex-cell{cursor:pointer;transition:transform .1s}.scope-spelling-bee .hex-cell:active{transform:scale(.94);transform-origin:center}.scope-spelling-bee .point-popup{position:absolute;top:44%;left:50%;transform:translateX(-50%);font-size:36px;font-weight:800;color:var(--accent);pointer-events:none;z-index:5;animation:floatUp 1.1s ease-out forwards;font-family:var(--font-display)}.scope-spelling-bee .point-popup.pangram{color:var(--gold);font-size:42px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}.scope-spelling-bee .celebrate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.scope-spelling-bee .celebrate-text{font-size:66px;font-weight:700;letter-spacing:-.01em;color:var(--gold);font-family:var(--font-display);text-shadow:0 6px 30px var(--gold-glow);animation:celebratePop 1.6s ease-out forwards}@keyframes celebratePop{0%{opacity:0;transform:scale(.4) rotate(-6deg)}25%{opacity:1;transform:scale(1.15) rotate(2deg)}70%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.1)}}.scope-spelling-bee .controls{display:flex;align-items:center;gap:10px}.scope-spelling-bee .ctrl-btn{background:var(--panel);border:1px solid var(--line-2);color:var(--text-soft);padding:9px 18px;font-size:13px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.scope-spelling-bee .ctrl-btn:hover{border-color:var(--accent);color:var(--accent)}.scope-spelling-bee .ctrl-btn.ghost{background:none;color:var(--muted);box-shadow:none}.scope-spelling-bee .ctrl-btn.ghost:hover{color:var(--accent)}.scope-spelling-bee .ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.scope-spelling-bee .play-dock{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px;width:100%}.scope-spelling-bee .mic-big{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 8px 22px var(--accent-glow);transition:transform .12s}.scope-spelling-bee .mic-big:hover{transform:translateY(-2px)}.scope-spelling-bee .mic-big[data-active=true]{background:linear-gradient(135deg,#f87171,var(--danger));box-shadow:0 0 0 0 rgba(239,68,68,.4);animation:micPulse 1.1s infinite}.scope-spelling-bee .mic-big:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 16px rgba(239,68,68,0)}}.scope-spelling-bee .mic-label{font-size:12px;color:var(--muted)}.scope-spelling-bee .mic-label b{color:var(--accent)}.scope-spelling-bee .type-row{display:flex;gap:8px;width:100%;max-width:380px;align-items:center}.scope-spelling-bee .type-row .input{flex:1 1;background:var(--panel);border:1px solid var(--line-2);padding:10px 18px;color:var(--text);font:inherit;outline:none;text-transform:uppercase;letter-spacing:.06em;text-align:center;box-shadow:var(--shadow-sm)}.scope-spelling-bee .type-row .input:focus{border-color:var(--accent)}.scope-spelling-bee .type-row .input::placeholder{color:var(--muted-2);text-transform:none;letter-spacing:normal}.scope-spelling-bee .type-row .input.live{color:var(--accent)}.scope-spelling-bee .send{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;transition:background .15s}.scope-spelling-bee .send:hover{background:var(--accent-2)}.scope-spelling-bee .send:disabled{background:var(--panel-3);color:var(--muted-2);cursor:not-allowed}.scope-spelling-bee .waveform{display:flex;gap:3px;align-items:center;height:26px}.scope-spelling-bee .waveform span{width:3px;background:#fff;border-radius:2px;animation:wave .9s ease-in-out infinite}.scope-spelling-bee .waveform span:first-child{animation-delay:0s;height:30%}.scope-spelling-bee .waveform span:nth-child(2){animation-delay:.1s;height:60%}.scope-spelling-bee .waveform span:nth-child(3){animation-delay:.2s;height:100%}.scope-spelling-bee .waveform span:nth-child(4){animation-delay:.3s;height:60%}.scope-spelling-bee .waveform span:nth-child(5){animation-delay:.4s;height:30%}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.scope-spelling-bee .panel-right{max-height:calc(100dvh - 90px);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:80px}.scope-spelling-bee .found-count{font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 10px;font-weight:700}.scope-spelling-bee .panel-right .panel-title{display:flex;align-items:center;justify-content:space-between}.scope-spelling-bee .found-scroll{overflow-y:auto;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;min-height:60px}.scope-spelling-bee .found-empty{color:var(--muted-2);font-size:13px;text-align:center;padding:30px 10px;width:100%}.scope-spelling-bee .found-word{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--text);animation:tileIn .15s ease-out}.scope-spelling-bee .found-word.pangram{background:rgba(245,180,0,.12);border-color:var(--gold-2);color:var(--gold);box-shadow:0 0 0 1px rgba(245,180,0,.15)}.scope-spelling-bee .footer-note{padding:10px 28px 18px;font-size:11px;color:var(--muted-2);text-align:center}@media (max-width:980px){.scope-spelling-bee .game-layout{grid-template-columns:1fr;max-width:560px;gap:18px;padding:20px 16px}.scope-spelling-bee .panel-center{order:-1;min-height:auto}.scope-spelling-bee .panel-right{max-height:none}.scope-spelling-bee .found-scroll{max-height:220px}}.scope-spelling-bee .start-screen{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;min-height:60dvh}.scope-spelling-bee .start-hex{width:84px;height:74px;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:34px;animation:tileIn .25s ease-out}.scope-spelling-bee .start-lede{max-width:400px;font-size:14px;color:var(--muted)}.scope-spelling-bee .start-cta{background:var(--ink);color:#fff;border:none;border-radius:14px;padding:14px 44px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.scope-spelling-bee .start-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px hsla(0,0%,8%,.18)}.scope-spelling-bee{--sb-yellow:#f7da21;--sb-cell:#e6e6e6;--sb-ink:#000;--sb-rule:#dcdcdc;--sb-gray:#5a5a5a;--accent:var(--sb-yellow);--panel-3:var(--sb-cell);--line-2:var(--sb-cell);--hex-center-ink:#000;--hex-outer-ink:#000;background:#fff;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--sb-ink)}.game-scope.scope-spelling-bee>.app{background:#fff}.scope-spelling-bee .topbar{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--sb-rule);padding:12px 20px}.scope-spelling-bee .topbar .title{font-family:Cooper BT,Cooper Lt BT,serif;font-weight:700;font-size:21px;letter-spacing:-.01em;color:#000}.scope-spelling-bee .topbar .subtitle{font-size:11.5px;color:#767676}.scope-spelling-bee .status-pill{background:#f4f4f4;border:1px solid var(--sb-rule);color:#767676}.scope-spelling-bee .change-key{border-color:var(--sb-rule);color:var(--sb-gray);font-weight:600;font-size:12px}.scope-spelling-bee .change-key:hover{color:#000;border-color:#a8a8a8}.scope-spelling-bee .panel{background:#fff;border:1px solid var(--sb-rule);border-radius:6px;box-shadow:none}.scope-spelling-bee .panel-title{color:#000;font-weight:700;letter-spacing:.06em;font-size:11px}.scope-spelling-bee .rank-current,.scope-spelling-bee .score-hero .big-score{font-family:Cooper BT,Cooper Lt BT,serif;color:#000}.scope-spelling-bee .progress-track{background:#ececec;height:6px}.scope-spelling-bee .progress-fill{background:var(--sb-yellow)}.scope-spelling-bee .next-hint b,.scope-spelling-bee .rank-row.achieved .rk-name:before{color:#000}.scope-spelling-bee .rank-row.current{background:#fdf6d3;border:1px solid var(--sb-yellow);color:#000}.scope-spelling-bee .rank-row.current .rk-pts{color:#000}.scope-spelling-bee .rank-row.queen.current{background:#fdf6d3;border-color:var(--sb-yellow);color:#000}.scope-spelling-bee .stat-chip{background:#fafafa;border:1px solid var(--sb-rule);border-radius:6px}.scope-spelling-bee .stat-chip .sc-val{color:#000}.scope-spelling-bee .stat-chip .sc-val.hot{color:#b58900}.scope-spelling-bee .hex-wrap:before{display:none}.scope-spelling-bee .wt{background:#fff;border:1px solid #c9c9c9;border-radius:3px;color:#000;box-shadow:none;font-weight:700}.scope-spelling-bee .wt.center{background:var(--sb-yellow);border-color:var(--sb-yellow);color:#000}.scope-spelling-bee .stage-feedback.good{color:#1a7f37}.scope-spelling-bee .stage-feedback.info{color:#444}.scope-spelling-bee .stage-hint{color:#767676}.scope-spelling-bee .found-count{color:#000;background:#fdf6d3;border:1px solid var(--sb-yellow)}.scope-spelling-bee .found-word{background:#fff;border:1px solid var(--sb-rule);border-radius:3px;color:#000;font-weight:500;text-transform:capitalize}.scope-spelling-bee .found-word.pangram{background:#fdf6d3;border-color:var(--sb-yellow);color:#000;box-shadow:none;font-weight:700}.scope-spelling-bee .found-empty{color:#969696}.scope-spelling-bee .ctrl-btn{background:#fff;border:1px solid #8a8a8a;color:#000;border-radius:999px;font-weight:600;box-shadow:none}.scope-spelling-bee .ctrl-btn:hover{border-color:#000;color:#000;background:#fafafa}.scope-spelling-bee .ctrl-btn.ghost{border-color:transparent;color:var(--sb-gray)}.scope-spelling-bee .mic-big{background:#000;box-shadow:none}.scope-spelling-bee .mic-label{color:#767676}.scope-spelling-bee .mic-label b{color:#000}.scope-spelling-bee .type-row .input{border:1px solid #c9c9c9;border-radius:999px;box-shadow:none;color:#000}.scope-spelling-bee .type-row .input:focus{border-color:#000}.scope-spelling-bee .send{background:#000}.scope-spelling-bee .footer-note{color:#a0a0a0}.scope-spelling-bee .celebrate-text{color:#000;font-family:Cooper BT,Cooper Lt BT,serif;text-shadow:0 4px 22px rgba(247,218,33,.9)}.scope-spelling-bee .point-popup{color:#000}.scope-spelling-bee .point-popup.pangram{color:#b58900}.scope-spelling-bee .start-hex{background:var(--sb-yellow);color:#000}.scope-spelling-bee .start-lede{color:var(--sb-gray)}.scope-spelling-bee .start-cta{background:#000;border-radius:4px}