@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg:#0a0e1a;--bg-elev:#131826;--bg-table:#0f1320;--text:#e4e6ed;--text-muted:#7a8195;--border:#232a3e;--border-strong:#2f374f;--accent:#00f0ff;--accent-2:#f0a;--danger:#ff3b6b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0009, 0 4px 6px -4px #00000080;--glow-accent:0 0 12px #00f0ff80;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--tier-color:#9ca3af;--font-ui:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}[data-theme=light]{--bg:#fafafa;--bg-elev:#fff;--bg-table:#f3f4f6;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#111827;--accent-2:#6366f1;--danger:#dc2626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glow-accent:0 0 0 transparent}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:14px;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}.app{background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex}.header{background:var(--bg-elev);border-bottom:1px solid var(--border);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.header:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}[data-theme=light] .header:after{display:none}.header__title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 8px var(--accent);font-size:13px;font-weight:700}[data-theme=light] .header__title{color:var(--text);text-shadow:none;font-family:var(--font-ui);letter-spacing:.02em;font-size:16px}.header__counter{font-family:var(--font-mono);color:var(--text-muted);text-align:center;letter-spacing:.06em;flex:1;font-size:11px}[data-theme=light] .header__counter{font-family:var(--font-ui);font-size:13px}.header__insight{font-family:var(--font-mono);color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;box-shadow:0 0 12px #fbbf2426}[data-theme=light] .header__insight{box-shadow:none;color:var(--text);font-family:var(--font-ui);background:#fef3c7;border-color:#0000;font-size:13px}.header__icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;padding:0;font-size:14px;transition:border-color .15s,color .15s;display:flex}.header__icon-btn:hover{border-color:var(--accent);color:var(--accent)}.header__icon-btn:active{background:var(--bg)}.header__text-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:30px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;background:0 0;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.header__text-btn:hover{border-color:var(--accent);color:var(--accent)}.header__text-btn:active{background:var(--bg)}.header__text-btn span:first-child{font-size:13px;line-height:1}[data-theme=light] .header__text-btn{font-family:var(--font-ui);letter-spacing:.02em;text-transform:none;font-size:11px}.audio-panel__overlay{-webkit-backdrop-filter:blur(6px);z-index:4500;background:#0a0e1ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-theme=light] .audio-panel__overlay{background:#0006}.audio-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:280px;max-width:340px;box-shadow:0 0 0 1px var(--accent), 0 0 30px -6px var(--accent), var(--shadow-lg);padding:24px 20px 20px;position:relative}[data-theme=light] .audio-panel{box-shadow:var(--shadow-lg)}.audio-panel__close{border:1px solid var(--border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.audio-panel__close:hover{color:var(--accent);border-color:var(--accent)}.audio-panel__title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700}[data-theme=light] .audio-panel__title{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px}.audio-panel__row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.audio-panel__row:first-of-type{border-top:none;padding-top:0}.audio-panel__label{color:var(--text);flex:none;min-width:100px;font-size:13px}.audio-panel__slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.audio-panel__slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--accent);border-radius:50%}[data-theme=light] .audio-panel__slider::-webkit-slider-thumb{background:var(--text);box-shadow:none}.audio-panel__slider::-moz-range-thumb{background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--accent);border:none;border-radius:50%}.audio-panel__value{text-align:right;font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:0 0 36px;font-size:11px}.audio-panel__row--toggle{justify-content:space-between}.audio-panel__checkbox{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.audio-panel__checkbox:before{content:"";background:var(--bg-elev);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.audio-panel__checkbox:checked{background:var(--accent)}.audio-panel__checkbox:checked:before{transform:translate(16px)}[data-theme=light] .audio-panel__checkbox:checked{background:var(--text)}.progress{background:var(--border);flex-shrink:0;height:3px;position:relative;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);width:0%;height:100%;box-shadow:0 0 12px var(--accent);transition:width .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .progress__fill{box-shadow:none;background:linear-gradient(90deg,#10b981 0%,#059669 50%,#f59e0b 100%)}.tabs{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:8px 16px;display:flex}.tab{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;letter-spacing:.04em;background:0 0;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.tab--active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 14px -2px var(--accent)}[data-theme=light] .tab--active{background:var(--text);color:#fff;border-color:var(--text);box-shadow:none}.view{flex-direction:column;flex:1;min-height:0;display:none}.view--active{display:flex}.table{background:radial-gradient(circle at 50% 50%, #00f0ff0a 0%, transparent 70%), var(--bg-table);border-bottom:1px solid var(--border);touch-action:none;overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:hidden}.table:after{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(#00f0ff0a 1px,#0000 1px),linear-gradient(90deg,#00f0ff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}[data-theme=light] .table{background:radial-gradient(circle at 50% 50%, #00000005 0%, transparent 70%), var(--bg-table)}[data-theme=light] .table:after{display:none}.table:before{content:"// drag a card from the tray below onto this table.\a or tap a card to select, tap another to combine.";white-space:pre-line;text-align:center;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;opacity:.7;pointer-events:none;z-index:1;justify-content:center;align-items:center;max-width:380px;margin:0 auto;padding:0 32px;font-size:11px;display:flex;position:absolute;inset:0}[data-theme=light] .table:before{content:"Drag a card from the tray below onto this table. Then drop another on top of it.";font-family:var(--font-ui);color:#4b5563;opacity:1;white-space:normal;font-size:13px}.table:has(.table__card):before{display:none}.card.table__card{cursor:grab;animation:4s ease-in-out infinite tableCardFloat;animation-delay:var(--float-delay,0s);position:absolute}@keyframes tableCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.table__card--dragging,.table__card--reject,.table__card--reveal,.table__card--armed,.table__card--rush-left,.table__card--rush-right{animation:none}.table--drag-active .table__card{animation:none!important}.table--drag-active .card__sparks,.table--drag-active .card__spark{opacity:0;animation:none!important}.table--drag-active .card.card--golden:before,.table--drag-active .card.card--golden .card__emoji{animation:none!important}.table__card--dragging{cursor:grabbing;z-index:100;will-change:left, top}.table__card--target{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--radius-md)}.table__card--reject{transition:left .35s cubic-bezier(.2,1.4,.4,1),top .35s cubic-bezier(.2,1.4,.4,1)}.table__card--armed{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 24px var(--accent), var(--shadow-md);z-index:50;transition:transform .12s cubic-bezier(.2,1.4,.4,1),box-shadow .12s;transform:scale(1.08)}[data-theme=light] .table__card--armed{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 0 3px #11182766, var(--shadow-md)}.table__card--armed-tried{outline:2px dashed var(--danger);outline-offset:4px;opacity:.85;z-index:50;transition:transform .12s cubic-bezier(.2,1.4,.4,1);position:relative;transform:scale(1.04)}.table__card--armed-tried:before{content:"tried";background:var(--danger);color:#fff;font-family:var(--font-mono);letter-spacing:.06em;z-index:51;text-transform:uppercase;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:-4px}.table__card--rush-left{animation:.28s ease-in forwards rushLeft}.table__card--rush-right{animation:.28s ease-in forwards rushRight}@keyframes rushLeft{to{opacity:0;transform:translate(40px)scale(.7)}}@keyframes rushRight{to{opacity:0;transform:translate(-40px)scale(.7)}}.table__card--reveal{z-index:100;animation:.55s cubic-bezier(.2,1.5,.4,1) both reveal}@keyframes reveal{0%{opacity:0;transform:scale(.2)rotate(-8deg)}60%{opacity:1;transform:scale(1.25)rotate(3deg)}to{opacity:1;transform:scale(1)}}.fx-particle{pointer-events:none;z-index:9000;filter:drop-shadow(0 0 6px var(--accent));font-size:18px;animation:.9s ease-out forwards fxBurst;position:fixed;transform:translate(-50%,-50%)}@keyframes fxBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx)), calc(-50% + var(--fx-dy))) scale(.3)}}.fx-spark{pointer-events:none;z-index:9000;color:var(--danger);filter:drop-shadow(0 0 6px var(--danger));font-size:14px;font-weight:700;animation:.45s ease-out forwards fxSpark;position:fixed;transform:translate(-50%,-50%)}@keyframes fxSpark{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx)), calc(-50% + var(--fx-dy))) scale(.4)}}.fx-flash{opacity:0;pointer-events:none;z-index:8000;background:#fff;position:fixed;inset:0}.fx-flash--on{animation:.35s ease-out fxFlash}@keyframes fxFlash{0%{opacity:0}20%{opacity:.7}to{opacity:0}}[data-theme=dark] .fx-flash,:root:not([data-theme=light]) .fx-flash{background:var(--accent)}.fx-shake{animation:.42s fxShake}@keyframes fxShake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);width:84px;height:100px;box-shadow:0 0 0 2px var(--tier-color) inset, var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:8px 4px 6px;display:flex;position:relative;overflow:hidden}.card[data-tier="2"]{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 6px -2px var(--tier-color), var(--shadow-sm)}.card[data-tier="3"]{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 10px -2px var(--tier-color), var(--shadow-sm)}.card[data-tier="4"]{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 14px -2px var(--tier-color), var(--shadow-sm)}.card[data-tier="5"]{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 18px -2px var(--tier-color), var(--shadow-md)}.card[data-tier="6"]{box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 22px -2px var(--tier-color), var(--shadow-md)}.card[data-tier="7"]{border-color:var(--tier-color);box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 28px -4px var(--tier-color), 0 0 50px -8px var(--tier-color), var(--shadow-md)}.card[data-tier="8"]{border-color:var(--tier-color);box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 34px -4px var(--tier-color), 0 0 64px -8px var(--tier-color), var(--shadow-lg)}.card[data-tier="9"]{border-color:var(--tier-color);box-shadow:0 0 0 2px var(--tier-color) inset, 0 0 40px -4px var(--tier-color), 0 0 80px -8px #ffd86a80, var(--shadow-lg)}[data-theme=light] .card,[data-theme=light] .card[data-tier="1"],[data-theme=light] .card[data-tier="2"],[data-theme=light] .card[data-tier="3"],[data-theme=light] .card[data-tier="4"],[data-theme=light] .card[data-tier="5"],[data-theme=light] .card[data-tier="6"],[data-theme=light] .card[data-tier="7"],[data-theme=light] .card[data-tier="8"],[data-theme=light] .card[data-tier="9"]{background:var(--card-bg,var(--bg-elev));border-color:var(--border);box-shadow:0 0 0 2px var(--tier-color) inset, var(--shadow-sm)}.card[data-tier="7"]:before,.card[data-tier="8"]:before,.card[data-tier="9"]:before{content:"";background:linear-gradient(135deg, var(--tier-color) 0%, transparent 40%, transparent 60%, var(--tier-color) 100%);opacity:.12;pointer-events:none;position:absolute;inset:0}[data-theme=light] .card:before{display:none}.card[data-tier="9"]:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 25% 30%,#fff9 0,#0000 6%),radial-gradient(circle at 70% 20%,#ffffff80 0,#0000 5%),radial-gradient(circle at 50% 70%,#ffffff80 0,#0000 5%),radial-gradient(circle at 85% 80%,#fff6 0,#0000 4%);animation:3s ease-in-out infinite t9Twinkle;position:absolute;inset:0}@keyframes t9Twinkle{0%,to{opacity:.4}50%{opacity:1}}[data-theme=light] .card[data-tier="9"]:after{display:none}.card--small{width:68px;height:84px;padding:6px 4px 5px}.card--icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;padding:0}.card--icon .card__emoji{margin-top:0;font-size:30px}.card--icon.card--golden{border:2px solid #ffd86a;box-shadow:0 0 12px #ffd86a80;background:radial-gradient(circle at 30% 22%,#3a2c10,#15100a 75%)!important}.card__emoji{filter:drop-shadow(0 0 8px #0006);z-index:1;margin-top:4px;font-size:38px;line-height:1}[data-theme=light] .card__emoji{filter:none}.card--small .card__emoji{font-size:30px}.card__name{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;z-index:1;width:100%;margin-top:auto;padding-top:4px;font-size:11px;font-weight:600;line-height:1.1;position:relative;overflow:hidden}.card--small .card__name{font-size:10px}.card__tier{font-family:var(--font-mono);color:#0a0e1a;background:var(--tier-color);letter-spacing:.05em;z-index:2;box-shadow:0 0 8px var(--tier-color);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}[data-theme=light] .card__tier{color:#fff;box-shadow:none}.card__new{color:#fff;background:var(--danger);letter-spacing:.05em;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:800;position:absolute;top:4px;right:4px}.card.card--golden{background:radial-gradient(circle at 30% 22%,#3a2c10,#15100a 75%) padding-box padding-box,linear-gradient(120deg,#ffd86a,#fff4c0,#ffb13a,#ffd86a) 0 0/300% 300% border-box;border:2px solid #0000;animation:3s ease-in-out infinite goldGlow,4s linear infinite goldFoil;box-shadow:0 0 22px #ffd86a73}[data-theme=light] .card.card--golden{background:radial-gradient(circle at 30% 22%,#fff7d4,#ffe9a6 75%) padding-box padding-box,linear-gradient(120deg,#ffd86a,#fff4c0,#ffb13a,#ffd86a) border-box;animation:3s ease-in-out infinite goldGlow,4s linear infinite goldFoil;box-shadow:0 0 18px #f59e0b66}@keyframes goldGlow{0%,to{box-shadow:0 0 22px #ffd86a73}50%{box-shadow:0 0 40px #ffd86acc}}@keyframes goldFoil{0%{background-position:0 0,0%}to{background-position:0 0,300%}}.card.card--golden .card__tier{color:#ffe9a6;box-shadow:none;background:#ffd86a38}[data-theme=light] .card.card--golden .card__tier{color:#fff;background:#f59e0b}.card.card--golden .card__emoji{filter:drop-shadow(0 0 8px #ffd86ab3);z-index:2;animation:2.4s ease-in-out infinite goldEmojiLive;position:relative}@keyframes goldEmojiLive{0%,to{transform:translateY(0)rotate(-4deg)scale(1)}50%{transform:translateY(-4px)rotate(4deg)scale(1.08)}}.card.card--golden:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 42%,#fff5c880 50%,#0000 58%);animation:3s ease-in-out infinite goldSweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes goldSweep{0%,55%{transform:translate(-130%)}to{transform:translate(130%)}}.card.card--golden:after{display:none}.card.card--golden .card__sparks{pointer-events:none;z-index:1;position:absolute;inset:0}.card.card--golden .card__spark{background:#ffe9a6;border-radius:50%;width:3px;height:3px;animation:3s ease-in infinite goldSparkRise;position:absolute;box-shadow:0 0 5px #ffd86a}.card.card--golden .card__spark:first-child{animation-delay:0s;left:22%}.card.card--golden .card__spark:nth-child(2){animation-delay:-1s;left:50%}.card.card--golden .card__spark:nth-child(3){animation-delay:-2s;left:76%}@keyframes goldSparkRise{0%{opacity:0;bottom:-4px;transform:scale(.4)}20%{opacity:1}to{opacity:0;bottom:104%;transform:scale(1)}}.card--small.card--golden .card__emoji,.card--icon.card--golden .card__emoji{animation-name:goldEmojiLiveSmall}@keyframes goldEmojiLiveSmall{0%,to{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-2px)rotate(3deg)scale(1.06)}}.card--small.card--golden .card__spark,.card--icon.card--golden .card__spark{width:2px;height:2px;box-shadow:0 0 3px #ffd86a}@media (prefers-reduced-motion:reduce){.card.card--golden,.card.card--golden .card__emoji,.card.card--golden:before,.card.card--golden .card__spark{animation:none!important}.card.card--golden:before{display:none}}.collection__cell--has-golden:before{content:"★";color:#f59e0b;text-shadow:0 0 3px #0003;z-index:2;pointer-events:none;font-size:11px;position:absolute;bottom:2px;right:4px}.collection__cell--golden-locked{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);border:1px dashed #fbbf24}.collection__cell--golden-locked .card__emoji{color:#d97706;opacity:.5}.collection__toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.collection__toggle--active{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b}.collection__golden-pref{padding:0 12px}.collection__golden-pref:empty{display:none}.collection__golden-pref-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.collection__golden-pref-btn:hover{border-color:var(--border-strong)}.collection__golden-pref-label{text-align:left;flex:1}.collection__golden-pref-switch{background:var(--border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.collection__golden-pref-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.collection__golden-pref-btn--on .collection__golden-pref-switch{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.collection__golden-pref-btn--on .collection__golden-pref-knob{transform:translate(16px)}.toast.toast--golden{color:#422006;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);font-weight:700}.toast.toast--error{color:#fff;box-shadow:0 0 18px -2px #ef444499, var(--shadow-lg);background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);font-weight:600}[data-theme=light] .toast.toast--error{color:#991b1b;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.card--mystery{background:var(--bg);border:1px dashed var(--border-strong);box-shadow:none;opacity:.6;position:relative}.card--mystery .card__emoji{color:var(--text-muted);font-weight:300}.card--hint-partial,.card--hint-ready{opacity:.85}.card--hint-partial:after,.card--hint-ready:after{content:"";background:var(--text-muted);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.card--hint-ready{border-style:solid;border-color:#f59e0b}.card--hint-ready:after{background:#f59e0b;animation:1.6s ease-in-out infinite pulseDot;box-shadow:0 0 6px #f59e0b99}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.tray{background:var(--bg-elev);border-top:1px solid var(--border);padding:8px 0;padding-bottom:max(8px, env(safe-area-inset-bottom));flex-shrink:0}.tray__filters{scrollbar-width:none;gap:6px;padding:4px 16px 6px;display:flex;overflow-x:auto}.tray__filters::-webkit-scrollbar{display:none}.tray__filter{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s}.tray__filter--active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 10px -2px var(--accent)}[data-theme=light] .tray__filter{font-family:var(--font-ui);letter-spacing:.02em;font-size:11px}[data-theme=light] .tray__filter--active{background:var(--text);color:#fff;border-color:var(--text);box-shadow:none}.tray__filter-spacer{flex:1;min-width:8px}.tray__view-toggle{background:var(--bg);border:1px solid var(--border);border-radius:999px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.tray__view-btn{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:999px;padding:3px 9px;font-size:9px;font-weight:700;transition:all .15s}.tray__view-btn:hover{color:var(--text)}.tray__view-btn--active{background:var(--accent);color:var(--bg)}[data-theme=light] .tray__view-btn{font-family:var(--font-ui);letter-spacing:.02em;text-transform:none;font-size:10px}[data-theme=light] .tray__view-btn--active{background:var(--text);color:#fff}.tray__search{border:1px solid var(--border);border-radius:var(--radius-md);width:calc(100% - 32px);font-family:var(--font-mono);background:var(--bg);color:var(--text);outline:none;margin:0 16px 8px;padding:8px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.tray__search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00f0ff1f}[data-theme=light] .tray__search{font-family:var(--font-ui);font-size:13px}[data-theme=light] .tray__search:focus{border-color:var(--text);box-shadow:none}.tray__empty{text-align:center;color:var(--text-muted);grid-column:1/-1;width:100%;padding:20px 16px;font-size:12px}.tray__scroller{-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding:4px 16px;display:grid;overflow:auto hidden}.tray__scroller::-webkit-scrollbar{display:none}.tray__item{cursor:grab;position:relative}.tray__item--selected{outline:2px solid var(--text);outline-offset:2px}.tray__item--target{outline:2px solid var(--text);outline-offset:2px;transition:transform .1s;transform:scale(1.08)}.tray__item--favorite{background:linear-gradient(#fffbeb 0%,#fff 100%)}.tray__star{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:.4;z-index:2;background:0 0;border:none;padding:0;font-size:14px;line-height:1;position:absolute;top:2px;right:2px}.tray__item--favorite .tray__star{color:#f59e0b;opacity:1}.tray__star:active{transform:scale(.9)}.tray__ghost{pointer-events:none;z-index:1000;opacity:.85;box-shadow:var(--shadow-lg);position:fixed;transform:scale(1.05)}.tray__ghost--snapping{transition:left .18s cubic-bezier(.2,1.5,.4,1),top .18s cubic-bezier(.2,1.5,.4,1),transform .18s cubic-bezier(.2,1.5,.4,1);transform:scale(1.15)}.collection{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;overflow-y:auto}.collection__header{background:var(--bg-elev);border-bottom:1px solid var(--border);z-index:2;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.collection__counter{flex:1}.collection__title{font-size:14px;font-weight:600}.collection__counter{color:var(--text-muted);font-size:13px}.collection__tiers{flex-direction:column;gap:16px;padding:16px;display:flex}.tier-block{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.tier-block__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tier-block__label{color:var(--tier-color);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.tier-block__count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.tier-block__grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;display:grid}.collection__cell{content-visibility:auto;contain-intrinsic-size:68px 90px;width:100%!important}.toasts{top:calc(env(safe-area-inset-top) + 70px);z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;padding:0 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;align-items:center;gap:8px;max-width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;transform:translateY(-12px)}.toast--in{opacity:1;transform:translateY(0)}.toast--out{opacity:0;transform:translateY(-8px)}.toast--new{background:linear-gradient(135deg,#16a34a,#059669)}.toast__emoji{font-size:18px}.tree{-webkit-backdrop-filter:blur(8px);z-index:5000;background:#0a0e1aeb;flex-direction:column;display:none;position:fixed;inset:0}.tree--open{display:flex}[data-theme=light] .tree{background:#fffffff2}.tree__panel{width:100%;max-width:480px;min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;margin:0 auto;display:flex}.tree__topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.tree__back{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.tree__back:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.tree__back:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .tree__back{font-family:var(--font-ui);font-size:13px}.tree__breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}[data-theme=light] .tree__breadcrumb{font-family:var(--font-ui);font-size:12px}.tree__close{border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:12px;display:flex}.tree__close:hover{border-color:var(--accent);color:var(--accent)}.tree__body{-webkit-overflow-scrolling:touch;opacity:1;flex-direction:column;flex:1;align-items:center;gap:4px;padding:20px 16px;transition:opacity .2s;display:flex;overflow-y:auto}.tree__body--enter{opacity:0}.tree__sectlbl{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 6px;font-size:9px;font-weight:700}[data-theme=light] .tree__sectlbl{font-family:var(--font-ui);letter-spacing:.04em;font-size:11px}.tree__row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;width:100%;max-width:380px;display:flex}.tree__recipe{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px;display:flex}.tree__op{font-family:var(--font-mono);color:var(--accent);font-size:18px;font-weight:700}[data-theme=light] .tree__op{color:var(--text-muted)}.tree__child{flex-direction:column;align-items:center;gap:4px;display:flex}.tree__via{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:9px;overflow:hidden}[data-theme=light] .tree__via{font-family:var(--font-ui);font-size:10px}.tree__arrow{color:var(--accent);text-shadow:0 0 12px var(--accent);margin:6px 0;font-size:22px;line-height:1}[data-theme=light] .tree__arrow{color:var(--text-muted);text-shadow:none}.tree__more{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-top:4px;font-size:10px}[data-theme=light] .tree__more{font-family:var(--font-ui);font-size:11px}.tree__center{margin:8px 0}.tree__center-card{transform-origin:50%;margin:16px 0;animation:.35s cubic-bezier(.2,1.5,.4,1) treeCenterPop;transform:scale(1.3);cursor:default!important}@keyframes treeCenterPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.3)}}.tree__mini{cursor:pointer;transition:transform .12s,box-shadow .12s}.tree__mini:hover{z-index:10;transform:translateY(-2px)scale(1.05)}.tree__mini:active{transform:translateY(0)scale(1)}.tree__mini-fallback{color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-md);padding:12px 16px;font-size:12px}.tree__unknown{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg);width:68px;height:84px;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;transition:all .15s;display:flex}.tree__unknown:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.tree__unknown-q{opacity:.7;font-size:28px;font-weight:300;line-height:1}.tree__unknown-lbl{font-family:var(--font-mono);letter-spacing:.04em;text-align:center;font-size:8px;line-height:1.2}[data-theme=light] .tree__unknown-lbl{font-family:var(--font-ui);font-size:9px}.collection__cell--clickable{cursor:pointer;transition:transform .12s}.collection__cell--clickable:hover{transform:translateY(-2px)}.collection__cell--clickable:active{transform:translateY(0)}.collection__filters{scrollbar-width:none;background:var(--bg-elev);border-bottom:1px solid var(--border);gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.collection__filters::-webkit-scrollbar{display:none}.collection__filter{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s}.collection__filter--active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 10px -2px var(--accent)}[data-theme=light] .collection__filter{font-family:var(--font-ui);letter-spacing:.02em;font-size:11px}[data-theme=light] .collection__filter--active{background:var(--text);color:#fff;border-color:var(--text);box-shadow:none}.screen{flex-direction:column;flex:1;height:100%;min-height:0;display:none}.screen.view--active{display:flex}.screen--game{display:none}.screen--menu{padding:32px 20px 24px;padding-top:max(32px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(at top,#00f0ff0f,#0000 50%),radial-gradient(at bottom,#ff00aa0a,#0000 50%);justify-content:space-between;align-items:center}[data-theme=light] .screen--menu{background:var(--bg)}.menu__hero{width:100%;margin-top:24px}.menu__logo{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-shadow:0 0 20px var(--accent), 0 0 40px #00f0ff66;font-size:36px;font-weight:700}[data-theme=light] .menu__logo{color:var(--text);text-shadow:none;font-size:40px}.menu__tagline{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);margin-top:8px;font-size:11px}[data-theme=light] .menu__tagline{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px}.menu__grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;display:grid}.menu__btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text);font-family:var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:18px 12px;transition:all .15s;display:flex;position:relative}.menu__btn:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 20px -8px var(--accent);transform:translateY(-2px)}.menu__btn:disabled{opacity:.5;cursor:not-allowed}.menu__btn--primary{background:var(--bg-elev);color:var(--accent);border:2px solid var(--accent);min-height:80px;box-shadow:0 0 0 1px var(--accent) inset, 0 0 24px -4px var(--accent), 0 0 60px -16px var(--accent);grid-column:span 2;position:relative}.menu__btn--primary:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--accent-2));opacity:0;z-index:-1;transition:opacity .18s;position:absolute;inset:-2px}.menu__btn--primary:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent) inset, 0 0 32px -4px var(--accent), 0 0 80px -12px var(--accent);transform:translateY(-2px)}[data-theme=light] .menu__btn--primary{background:var(--text);color:#fff;border-color:var(--text);box-shadow:var(--shadow-md)}[data-theme=light] .menu__btn--primary:before{display:none}.menu__btn-icon{font-size:28px;line-height:1}.menu__btn--primary .menu__btn-icon{font-size:22px}.menu__btn-label{letter-spacing:.02em;font-size:13px;font-weight:600}.menu__btn--primary .menu__btn-label{letter-spacing:.06em;text-transform:uppercase;font-size:16px;font-weight:700}.menu__btn-soon{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--border);color:var(--text-muted);border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:6px;right:6px}[data-theme=light] .menu__btn-soon{font-family:var(--font-ui);letter-spacing:.02em;font-size:9px}.menu__footer{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex}[data-theme=light] .menu__footer{font-family:var(--font-ui);letter-spacing:.02em;font-size:11px}.menu__link{color:var(--accent);font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px}.menu__link:hover{background:var(--bg-elev)}[data-theme=light] .menu__link{color:var(--text);text-decoration:underline}.screen__topbar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;display:flex}.screen__back{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.screen__back:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .screen__back{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px}.screen__title{letter-spacing:.02em;font-size:16px;font-weight:700}.screen__body{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.screen__body--prose{max-width:480px;margin:0 auto;line-height:1.6}.screen__body--prose p{color:var(--text);margin-bottom:12px}.screen__small{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-top:24px;font-size:11px}.settings{flex-direction:column;gap:24px;max-width:480px;margin:0 auto;display:flex}.settings__section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.settings__section--danger{border-color:#ff3b6b4d}.settings__section-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}[data-theme=light] .settings__section-title{font-family:var(--font-ui);letter-spacing:.04em;font-size:12px}.settings__section--danger .settings__section-title{color:var(--danger)}.settings__hint{color:var(--text-muted);font-size:13px;line-height:1.5}.settings__danger-btn{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-bottom:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s}.settings__danger-btn:hover{background:#ff3b6b1a}.profile__guest{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:24px 16px}.profile__name{margin-bottom:4px;font-size:18px;font-weight:700}.profile__sub{color:var(--text-muted);font-size:12px}.profile__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.profile__stat{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 8px}.profile__stat-val{font-family:var(--font-mono);color:var(--accent);font-size:18px;font-weight:700}[data-theme=light] .profile__stat-val{color:var(--text);font-family:var(--font-ui)}.profile__stat-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:2px;font-size:10px}.profile__section-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}[data-theme=light] .profile__section-title{font-family:var(--font-ui);letter-spacing:.04em;font-size:12px}.profile__signin-btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text);text-align:left;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.profile__signin-btn:disabled{opacity:.5;cursor:not-allowed}.profile__signin-soon{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--border);color:var(--text-muted);border-radius:4px;margin-left:auto;padding:3px 6px;font-size:9px;font-weight:700}.profile__signin-hint{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px}.header__options-btn{font-size:20px;font-weight:700;line-height:.5}.options-menu{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);z-index:5500;min-width:180px;box-shadow:0 0 0 1px var(--accent), 0 0 30px -8px var(--accent), var(--shadow-lg);transform-origin:100% 0;flex-direction:column;gap:2px;padding:4px;animation:.15s cubic-bezier(.2,1.3,.4,1) optionsMenuIn;display:none;position:fixed;top:0;right:0}[data-theme=light] .options-menu{box-shadow:var(--shadow-lg)}.options-menu--open{display:flex}@keyframes optionsMenuIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.options-menu__item{border-radius:var(--radius-sm);font-family:var(--font-ui);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .12s;display:flex}.options-menu__item:hover{background:var(--bg)}.options-menu__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:16px;display:flex}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.tab{justify-content:center;align-items:center;gap:6px;display:inline-flex}.screen__back,.tree__back,.header__text-btn{align-items:center;gap:6px;display:inline-flex}.menu__btn-icon{color:var(--text);justify-content:center;align-items:center;display:flex}.menu__btn--primary .menu__btn-icon{color:inherit}.menu__btn--soon .menu__btn-icon,.menu__btn:disabled .menu__btn-icon{color:var(--text-muted)}.profile__avatar{background:var(--bg);border:1px solid var(--border);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:inline-flex}.profile__signin-icon{justify-content:center;align-items:center;display:inline-flex}.onboarding{z-index:6000;pointer-events:none;opacity:0;width:calc(100% - 32px);max-width:320px;transition:opacity .25s,transform .25s;position:fixed;bottom:200px;left:50%;transform:translate(-50%)translateY(8px)}.onboarding--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.onboarding__tip{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--accent), 0 0 30px -8px var(--accent), var(--shadow-lg);padding:14px 16px}[data-theme=light] .onboarding__tip{box-shadow:var(--shadow-lg)}.onboarding__step{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:700}[data-theme=light] .onboarding__step{color:var(--text-muted);font-family:var(--font-ui);font-size:10px}.onboarding__headline{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.onboarding__body{color:var(--text-muted);font-size:12px;line-height:1.4}.onboarding__cta-row{justify-content:flex-end;margin-top:10px;display:flex}.onboarding__skip{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 10px;font-size:10px;font-weight:600;transition:all .15s}.onboarding__skip:hover{color:var(--text);border-color:var(--text-muted)}[data-theme=light] .onboarding__skip{font-family:var(--font-ui);text-transform:none;letter-spacing:.02em;font-size:11px}.onboarding-pulse{z-index:5;animation:1.6s ease-in-out infinite onboardingPulse;position:relative}@keyframes onboardingPulse{0%,to{box-shadow:0 0 0 0 #00f0ff80, 0 0 0 2px var(--tier-color) inset, var(--shadow-sm)}50%{box-shadow:0 0 0 8px #00f0ff00, 0 0 18px 2px var(--accent), 0 0 0 2px var(--tier-color) inset, var(--shadow-sm)}}[data-theme=light] .onboarding-pulse{animation:1.6s ease-in-out infinite onboardingPulseLight}@keyframes onboardingPulseLight{0%,to{box-shadow:0 0 0 0 #1118274d, 0 0 0 2px var(--tier-color) inset, var(--shadow-sm)}50%{box-shadow:0 0 0 8px #11182700, 0 0 0 2px var(--tier-color) inset, var(--shadow-md)}}.header__quests-btn{position:relative}.header__quests-badge{background:var(--accent);color:var(--bg);font-family:var(--font-mono);min-width:16px;height:16px;box-shadow:0 0 8px var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}[data-theme=light] .header__quests-badge{background:var(--danger);color:#fff;box-shadow:none}.quest-panel__overlay{-webkit-backdrop-filter:blur(6px);z-index:5500;background:#0a0e1ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-theme=light] .quest-panel__overlay{background:#0006}.quest-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;max-height:80vh;box-shadow:0 0 0 1px var(--accent), 0 0 30px -6px var(--accent), var(--shadow-lg);padding:24px 20px 20px;position:relative;overflow-y:auto}[data-theme=light] .quest-panel{box-shadow:var(--shadow-lg)}.quest-panel__close{border:1px solid var(--border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.quest-panel__close:hover{color:var(--accent);border-color:var(--accent)}.quest-panel__title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}[data-theme=light] .quest-panel__title{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px}.quest-panel__sub{color:var(--text-muted);margin-bottom:16px;font-size:12px}.quest-panel__list{flex-direction:column;gap:8px;display:flex}.quest-panel__row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.quest-panel__row--done{opacity:.55;border-color:#10b98166}.quest-panel__check{color:var(--text-muted);text-align:center;flex-shrink:0;width:20px;font-size:18px;line-height:1}.quest-panel__row--done .quest-panel__check{color:#10b981}.quest-panel__body{flex:1;min-width:0}.quest-panel__label{color:var(--text);font-size:13px;font-weight:600}.quest-panel__row--done .quest-panel__label{color:var(--text-muted);text-decoration:line-through}.quest-panel__hint{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-top:3px;font-size:10px}[data-theme=light] .quest-panel__hint{font-family:var(--font-ui);letter-spacing:.02em;font-size:11px}.hint-widget{align-items:center;gap:6px;display:inline-flex}.hint-widget__bar{background:var(--border);border-radius:999px;width:50px;height:5px;position:relative;overflow:hidden}.hint-widget__bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;width:0%;height:100%;transition:width .3s cubic-bezier(.2,1,.3,1)}[data-theme=light] .hint-widget__bar-fill{background:#fbbf24}.hint-widget__bar--pulse{animation:.55s hintBarPulse}@keyframes hintBarPulse{0%{box-shadow:none;transform:scale(1)}35%{box-shadow:0 0 18px var(--accent);transform:scale(1.12)}to{box-shadow:none;transform:scale(1)}}.hint-widget__btn{border:1px solid var(--border);cursor:pointer;height:26px;font-family:var(--font-mono);color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:3px;padding:0 8px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.hint-widget__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px -2px var(--accent)}.hint-widget__btn:disabled,.hint-widget__btn--empty{opacity:.45;cursor:not-allowed}[data-theme=light] .hint-widget__btn{font-family:var(--font-ui);font-size:13px}[data-theme=light] .hint-widget__btn:hover:not(:disabled){border-color:var(--text);color:var(--text);box-shadow:none}.hint-widget__bulb{font-size:13px;line-height:1}.hint-widget__count{font-variant-numeric:tabular-nums}.hint-modal__overlay{-webkit-backdrop-filter:blur(6px);z-index:5500;background:#0a0e1ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-theme=light] .hint-modal__overlay{background:#0006}.hint-modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:0 0 0 1px var(--accent), 0 0 30px -6px var(--accent), var(--shadow-lg);padding:24px 20px 20px;position:relative}[data-theme=light] .hint-modal{box-shadow:var(--shadow-lg)}.hint-modal__close{border:1px solid var(--border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.hint-modal__close:hover{color:var(--accent);border-color:var(--accent)}.hint-modal__title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}[data-theme=light] .hint-modal__title{font-family:var(--font-ui);letter-spacing:.02em;font-size:13px}.hint-modal__sub,.hint-modal__body{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.4}.hint-modal__bulbs{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;margin-bottom:16px;font-size:11px}[data-theme=light] .hint-modal__bulbs{color:var(--text);font-family:var(--font-ui)}.hint-modal__reveals{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.hint-modal__reveal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;display:flex}.hint-modal__step{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:700}[data-theme=light] .hint-modal__step{font-family:var(--font-ui);font-size:10px}.hint-modal__action{margin-top:4px}.hint-modal__btn{background:var(--accent);width:100%;color:var(--bg);border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.hint-modal__btn:hover:not(:disabled){box-shadow:0 0 16px -4px var(--accent);transform:translateY(-1px)}.hint-modal__btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] .hint-modal__btn{background:var(--text);color:#fff}.hint-modal__cost{font-family:var(--font-mono);opacity:.85;font-size:11px}.hint-modal__empty{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px}.hint-modal__done{border-radius:var(--radius-md);color:#10b981;text-align:center;background:#10b98126;border:1px solid #10b98166;padding:10px 14px;font-size:13px}