:root{--ink: #4a4033;--ink-soft: #6d6152;--gold: #b89340;--paper-0: #ddd0b6;--paper-1: #cdbf9f;--paper-edge: #b7a884;--card: #f3ecdc;--card-shadow: rgba(90, 74, 48, .28);--c1: #e6cf7c;--c2: #cbb6e4;--c3: #a9dcd2;--c4: #bfe0a6;--c5: #e2a596;--c6: #a9c6e8;--gap: clamp(4px, 1.4vw, 9px);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Nunito,Quicksand,ui-rounded,Segoe UI,system-ui,sans-serif;color:var(--ink);background:#201826;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh;display:grid;place-items:center}.stage{width:min(400px,100vw);height:100dvh;overflow:hidden;padding:max(env(safe-area-inset-top),12px) 16px max(env(safe-area-inset-bottom),12px);display:flex;flex-direction:column;gap:10px;background:radial-gradient(farthest-corner at 50% 0%,var(--paper-0),var(--paper-1) 55%,var(--paper-edge) 100%);border:0;box-shadow:none}@media (min-width: 480px){.stage{height:min(calc(100dvh - 48px),840px);border-radius:30px;box-shadow:0 28px 72px #00000080}}@media (hover: hover){.tile:not(.sel):hover{transform:translateY(-2px);box-shadow:0 6px 11px #5a4a3052,inset 0 1px #fff6}.btn:hover:not(:disabled),.slot:hover,.key:hover:not(:disabled),.menu:hover,.close:hover{filter:brightness(1.04)}}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4}.menu-pop{position:absolute;top:52px;left:0;z-index:5;background:var(--card);border-radius:12px;padding:12px 14px;box-shadow:0 8px 22px #00000047}.cb-toggle{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);cursor:pointer;white-space:nowrap}.cb-toggle input{width:18px;height:18px}.wordmark{font-weight:800;letter-spacing:3px;font-size:17px;color:var(--ink-soft);opacity:.72;-webkit-user-select:none;user-select:none}.menu{width:56px;height:46px;border:0;cursor:pointer;border-radius:12px;font-size:19px;color:#6e5c4e;background:linear-gradient(#d8bba8,#cba58e);box-shadow:0 3px 8px var(--card-shadow),inset 0 1px #fff6}.tokens{font-weight:800;color:#5c5044;font-size:16px;padding:13px 26px;border-radius:14px;background:linear-gradient(#e1beaa,#d3aa92);box-shadow:0 3px 8px var(--card-shadow),inset 0 1px #ffffff73}.slots{display:flex;gap:6px;justify-content:center}.slot{flex:1 1 0;min-width:0;aspect-ratio:1;max-width:52px;display:grid;place-items:center;font-size:clamp(14px,4.6vw,26px);font-weight:800;color:var(--ink-soft);background:var(--card);border-radius:10px;box-shadow:0 3px 7px var(--card-shadow),inset 0 1px #fff9}.slot.revealed{color:var(--ink);background:#eae0c8}.slot.armed{outline:3px solid var(--gold);cursor:pointer}.headrow{display:flex;align-items:flex-start;justify-content:space-between;margin-top:2px}.headleft{display:flex;flex-direction:column;gap:3px}.headrow .title{font-size:22px;font-weight:800;color:var(--ink);line-height:1}.countdown-sm{font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.headrow .score{font-size:22px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.clue{text-align:center;font-style:italic;color:var(--ink-soft);font-size:17px;min-height:22px}.energy{display:flex;align-items:center;gap:10px;height:42px;border-radius:12px;padding:6px 12px 6px 8px;background:#ece3d0;box-shadow:inset 0 2px 5px #78644242,0 2px 5px #7864421f}.energy .bolt{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:15px;background:#f4eddd;color:var(--gold);box-shadow:0 1px 3px var(--card-shadow)}.energy .channel{flex:1;height:22px;border-radius:12px;background:#f6f0e2;overflow:hidden;box-shadow:inset 0 1px 3px #78644233}.energy .fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#cdeac0,#e6d98a 60%,#e2a58f);transition:width .35s ease}.energy.full .channel{box-shadow:inset 0 0 0 2px #e6c85a8c}.energy.full{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.06)}}.btn{border:0;cursor:pointer;font-weight:800;color:var(--ink);font-size:15px;padding:10px;border-radius:var(--radius);background:var(--card);box-shadow:0 3px 7px var(--card-shadow),inset 0 1px #fff9;transition:transform .08s ease,filter .08s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn.gold{background:linear-gradient(#e6cf7c,#dcc06a)}.btn.wide{flex:2}.row{display:flex;gap:10px}.row>.btn{flex:1}.board-wrap{flex:1 1 auto;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;container-type:size}.board{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;--g: 2.4%;--cw: calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));--ch: calc((100% - (var(--rows) - 1) * var(--g)) / var(--rows))}.tile{position:absolute;width:var(--cw);height:var(--ch);left:calc(var(--c) * (var(--cw) + var(--g)));top:calc(var(--r) * (var(--ch) + var(--g)));border-radius:14%;cursor:pointer;border:0;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;display:grid;place-items:center;background:var(--tile);box-shadow:0 3px 6px #5a4a3042,inset 0 1px #ffffff59;transition:left .2s ease,top .28s cubic-bezier(.3,.9,.4,1),transform .12s ease,box-shadow .12s ease;animation:tilein .24s ease}.tile.sel{transform:scale(1.09);box-shadow:0 0 0 3px var(--gold),0 4px 8px #5a4a304d;z-index:2}.tile.hint{animation:hintpulse .7s ease-in-out 2}.tile .glyph{font-size:88%;line-height:1;font-weight:800;color:#342a1cad;pointer-events:none}@keyframes tilein{0%{opacity:0;transform:translateY(-26%) scale(.9)}to{opacity:1;transform:none}}@keyframes hintpulse{50%{transform:scale(1.13);filter:brightness(1.12)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.boosters{display:flex;gap:10px}.boosters>.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.boosters .cost{color:var(--gold);font-weight:800}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e1473;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(360px,92vw);background:var(--card);border-radius:18px;padding:20px;box-shadow:0 12px 30px #00000059;display:flex;flex-direction:column;gap:14px;text-align:center}.modal h2{margin:0;font-size:20px}.modal .answer{font-size:30px;font-weight:800;letter-spacing:3px;color:var(--ink)}.result-flavor{font-size:20px;font-weight:800;color:var(--gold);letter-spacing:1px}.stars{font-size:26px;letter-spacing:4px;line-height:1}.stars .on{color:var(--gold)}.stars .off{color:#78644247}.sharegrid{font-size:22px;letter-spacing:2px}.btn.ghost{background:transparent;box-shadow:none;color:var(--ink-soft)}a.btn{text-decoration:none;display:block;text-align:center}.keys{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.key{padding:12px 0;border-radius:9px;border:0;cursor:pointer;font-weight:800;background:#eee2c8;color:var(--ink)}.key:disabled{opacity:.35;cursor:default}.key.wrong{background:#e2a596}.solve-input{font-size:30px;font-weight:800;text-align:center;text-transform:uppercase;color:var(--ink);padding:14px 12px;border-radius:10px;border:2px solid var(--paper-edge);background:#fff;width:100%;box-sizing:border-box}.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#342c21f0;color:#fff;padding:13px 24px;border-radius:14px;font-weight:700;font-size:16px;text-align:center;max-width:78%;z-index:20;box-shadow:0 10px 28px #0006;animation:toastin .16s ease}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.muted{color:var(--ink-soft);font-size:14px}.muted a{color:var(--gold);font-weight:700;text-decoration:underline}.share-row{display:flex;gap:8px}.share-btn{flex:1;padding:10px 6px;font-size:14px}@media (max-height: 780px){.stage{padding:max(env(safe-area-inset-top),8px) 12px max(env(safe-area-inset-bottom),8px);gap:6px}.menu{width:48px;height:36px;font-size:17px}.wordmark{font-size:15px;letter-spacing:2px}.slots{gap:5px}.slot{max-width:40px;border-radius:8px;font-size:clamp(12px,4.2vw,22px)}.headleft{gap:2px}.headrow .title,.headrow .score{font-size:17px}.countdown-sm{font-size:11px}.clue{font-size:14px;min-height:17px}.energy{height:30px;padding:4px 10px 4px 6px;gap:8px}.energy .bolt{width:24px;height:24px;font-size:13px;border-radius:6px}.energy .channel{height:16px}.btn{padding:6px 8px;font-size:13.5px}.row,.boosters{gap:8px}}@media (max-height: 620px){.stage{gap:4px}.menu{height:32px}.slot{max-width:34px}.headrow .title,.headrow .score{font-size:15px}.clue{font-size:13px;min-height:15px}.energy{height:26px}.energy .bolt{width:20px;height:20px}.energy .channel{height:14px}.btn{padding:5px 6px;font-size:12.5px}}.clue-paged{cursor:pointer}.clue-dots{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.clue-dots i{width:5px;height:5px;border-radius:50%;background:var(--ink-soft);opacity:.28;transition:opacity .15s ease}.clue-dots i.on{opacity:.85}.no-daily{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100dvh;padding:24px;text-align:center;color:var(--ink)}.no-daily h1{margin:0;font-size:26px;letter-spacing:-.01em}.no-daily p{margin:0;max-width:34ch;line-height:1.5;color:var(--ink-soft)}.no-daily a{margin-top:6px;padding:11px 22px;border-radius:10px;font-weight:700;text-decoration:none;background:var(--ink);color:var(--paper)}