@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titan-one.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/baloo2-400.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo2-700.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo2-800.woff2) format("woff2")}:root{--blue: #f89d2e;--blue-bright: #ffb14d;--gold: #ffc83d;--brand-deep: #b9670f;--correct: #2fae5a;--partial: #f5a524;--wrong: #4a3d2c;--ink-900: #16120e;--ink-800: #1e1812;--ink-700: #271f17;--surface: #271f17;--surface-2: #332a1f;--stroke: #473a2a;--text: #f6efe4;--text-dim: #c7b8a3;--el-fire: #ce4a21;--el-water: #1063ce;--el-grass: #63ad00;--el-electric: #cead00;--el-ice: #10a5b5;--el-ground: #8c5221;--el-dark: #940839;--el-dragon: #9c3dbd;--el-neutral: #b59484;--radius: 14px;--maxw: 720px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink-900);color:var(--text);font-family:"Baloo 2",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 540px at 50% -10%,#3a2a14 0%,transparent 60%),radial-gradient(600px 600px at 8% 18%,rgba(248,157,46,.1),transparent 60%),radial-gradient(620px 620px at 94% 80%,rgba(16,99,206,.1),transparent 62%),radial-gradient(520px 520px at 88% 10%,rgba(148,8,57,.08),transparent 60%)}.backdrop-pals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop-pals img{position:absolute;width:160px;height:auto;opacity:.15;filter:saturate(.8) blur(1.5px) drop-shadow(0 10px 24px rgba(0,0,0,.5))}.backdrop-pals:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 52% at 50% 42%,rgba(22,18,14,.82) 0%,rgba(22,18,14,.5) 70%,transparent 100%)}.app{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:12px 16px 64px;min-height:100%}button{font-family:inherit;cursor:pointer}.link{background:none;border:none;color:var(--blue-bright);font-size:14px;padding:4px 0}.btn{background:var(--blue);color:#2a1604;border:none;border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 3px 0 var(--brand-deep);transition:transform .08s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brand-deep)}.langbar{display:flex;gap:6px;justify-content:flex-end}.lang-btn{background:var(--surface);color:var(--text-dim);border:1px solid var(--stroke);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:800}.lang-btn.active{color:var(--ink-900);background:var(--gold);border-color:var(--gold)}.home-hero{text-align:center;padding:18px 0 8px}.brand{font-family:Titan One,system-ui,sans-serif;font-size:clamp(44px,12vw,76px);margin:0;letter-spacing:1px;line-height:1.04;background:linear-gradient(180deg,#ffe08a 6%,var(--gold) 38%,var(--blue) 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2.5px #3a1f06;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #2a1604) drop-shadow(0 0 20px rgba(248,157,46,.4))}.home-sub{color:var(--text-dim);margin:6px 0 14px}.home-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.chip{background:var(--surface);border:1px solid var(--stroke);border-radius:999px;padding:6px 14px;font-size:14px}.chip strong{color:var(--gold)}.chip-share{color:var(--gold);font-weight:800;font-family:inherit;cursor:pointer}.chip-share:hover{border-color:var(--gold)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mode-card{text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:transform .12s,border-color .12s}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent, var(--blue))}.mode-card:hover .mode-card-art{transform:scale(1.06) rotate(-2deg)}.mode-card-art{position:absolute;right:-10px;bottom:-14px;width:150px;height:150px;object-fit:contain;object-position:bottom right;opacity:1;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55));transition:transform .2s ease;z-index:1}.mode-card>span{position:relative;z-index:2}.mode-card:before{content:"";position:absolute;right:-30px;bottom:-50px;width:210px;height:210px;background:radial-gradient(circle,var(--accent, var(--blue)) 0%,transparent 66%);opacity:.34;z-index:0}.mode-card.hero-card{grid-column:1 / -1;min-height:150px;background:linear-gradient(105deg,color-mix(in srgb,var(--accent, var(--blue)) 28%,var(--surface)),var(--surface) 64%);border-color:var(--accent, var(--blue))}.hero-card .mode-card-art{width:230px;height:230px;right:18px;bottom:-26px}.hero-card:before{width:320px;height:320px;right:20px;opacity:.4}.mode-card-icon{color:var(--accent, var(--blue-bright));display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:#0a070466;border-radius:9px;padding:5px;box-shadow:inset 0 0 0 1px #ffffff0f}.hero-card .mode-card-icon{color:var(--gold)}.flame,.streak svg{color:var(--blue-bright);vertical-align:-2px}.chip svg{vertical-align:-2px}.mode-card-title{font-family:"Baloo 2",sans-serif;font-size:21px;font-weight:800;margin-top:6px}.mode-card-desc{font-size:13px;color:var(--text-dim);max-width:56%;line-height:1.35}.hero-card .mode-card-desc{max-width:62%}.mode-card-cta{font-size:13px;font-weight:800;color:var(--gold);margin-top:4px}.mode-card{box-shadow:inset 0 3px 0 var(--accent, var(--blue))}.mode-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:8px 0 14px}.mode-head h1{font-family:"Baloo 2",sans-serif;font-size:28px;margin:0;text-align:center}.head-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.head-right .streak{font-weight:800;color:var(--gold)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:var(--text-dim);background:var(--surface);border:1px solid var(--stroke)}.icon-btn:hover{color:var(--text);border-color:var(--blue-bright)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:auto;background:#040810ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:440px;max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 20px 60px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--stroke)}.modal-head h2{margin:0;font-family:"Baloo 2",sans-serif;font-size:20px}.modal-close{background:none;border:none;color:var(--text-dim);font-size:18px}.modal-close:hover{color:var(--text)}.modal-body{padding:18px}.stats-empty{color:var(--text-dim);text-align:center;padding:12px 0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{text-align:center}.stat-value{font-size:26px;font-weight:900;color:var(--gold);font-family:"Baloo 2",sans-serif}.stat-label{font-size:11px;color:var(--text-dim)}.stats-dist-title{font-size:14px;margin:18px 0 8px;color:var(--text-dim)}.dist{display:flex;flex-direction:column;gap:5px}.dist-row{display:flex;align-items:center;gap:8px}.dist-label{width:18px;text-align:center;font-weight:800;font-size:13px;color:var(--text-dim)}.dist-bar-wrap{flex:1}.dist-bar{background:var(--surface-2);border-radius:5px;min-width:22px;padding:3px 7px;text-align:right;font-size:12px;font-weight:800;color:var(--text-dim);transition:width .5s ease}.dist-bar.hi{background:var(--correct);color:#06240f}.share-preview{width:100%;border-radius:12px;border:1px solid var(--stroke);display:block;background:var(--ink-800)}.share-actions{display:flex;gap:8px;margin-top:14px}.share-actions .btn{flex:1}.btn-ghost{background:var(--surface-2);color:var(--text);box-shadow:0 3px 0 var(--ink-900)}.btn-ghost:active{box-shadow:0 1px 0 var(--ink-900)}.share-toast{margin-top:10px;text-align:center;color:var(--correct);font-weight:800;font-size:14px}.social-share{margin-top:14px;text-align:center}.social-label{font-size:12px;color:var(--text-dim);font-weight:700}.social-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.social-btn{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--surface-2);border:1px solid var(--stroke);transition:transform .12s,filter .12s;text-decoration:none}.social-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.s-x{background:#000;border-color:#333}.s-whatsapp{background:#25d366;border-color:#1faa52;color:#062b13}.s-reddit{background:#ff4500;border-color:#d63a00}.s-telegram{background:#229ed9;border-color:#1b7fae}.s-facebook{background:#1877f2;border-color:#1260c4}.s-link{background:var(--surface-2);color:var(--gold)}.mode-switcher{display:flex;gap:10px;justify-content:center;align-items:center;margin:2px 0 14px}.ms-btn{position:relative;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);background:var(--surface);border:2px solid var(--stroke);transition:transform .12s,border-color .12s,color .12s}.ms-btn:hover{transform:translateY(-2px);color:var(--text);border-color:var(--blue-bright)}.ms-btn.active{color:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d2e,0 4px 12px #0006}.ms-check{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;background:var(--correct);color:#06240f;border-radius:50%;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink-800)}.mode-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;padding:3px}.seg-btn{border:none;background:none;color:var(--text-dim);padding:6px 16px;border-radius:999px;font-weight:800;font-size:13px}.seg-btn.active{background:var(--blue);color:#fff}.chip-toggle{background:var(--surface);border:1px solid var(--stroke);color:var(--text-dim);padding:7px 16px;border-radius:999px;font-weight:800;font-size:13px}.chip-toggle.on{background:var(--wrong);border-color:var(--wrong);color:#fff}.game-intro{text-align:center;margin:4px 0 12px}.game-no{display:inline-block;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:12px;letter-spacing:.5px;color:var(--gold);background:#ffc83d1a;border:1px solid rgba(255,200,61,.28);border-radius:999px;padding:3px 12px}.game-prompt{color:var(--text-dim);font-size:14px;margin:9px 0 0}.game-yesterday{text-align:center;color:var(--text-dim);font-size:12.5px;margin:12px 0 0;opacity:.8}.guess-input{position:relative;margin:0 auto 14px;max-width:440px}.gi-row{display:flex;gap:8px;align-items:stretch}.guess-input input{flex:1;min-width:0;padding:13px 16px;font-size:16px;color:var(--text);background:var(--surface);border:2px solid var(--stroke);border-radius:12px;outline:none}.guess-input input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d40}.gi-submit{flex:0 0 auto;width:52px;border-radius:12px;border:none;background:var(--blue);color:#2a1604;font-size:20px;font-weight:900;box-shadow:0 3px 0 var(--brand-deep);transition:transform .08s,opacity .12s}.gi-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--brand-deep)}.gi-submit:disabled{opacity:.4;cursor:default;box-shadow:none}.ac-list{list-style:none;margin:6px 0 0;padding:4px;position:absolute;z-index:20;width:100%;background:var(--surface-2);border:1px solid var(--stroke);border-radius:12px;max-height:320px;overflow:auto}.ac-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.ac-item{font-weight:700}.ac-item:hover{background:var(--surface)}.ac-item img{border-radius:6px;background:var(--ink-700);object-fit:cover}.ac-item.active{background:var(--blue);color:#2a1604}.ac-item.active .ac-no{color:#2a1604b8}.ac-no{margin-left:auto;color:var(--text-dim);font-size:12px;font-weight:800}.classic-table{overflow-x:auto}.ct-row{display:grid;grid-template-columns:1.5fr .82fr .82fr .98fr .66fr .76fr 1.42fr .9fr;gap:5px;min-width:580px;margin-bottom:5px}.ct-head .ct-th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);text-align:center;padding:4px 2px;font-weight:800}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 3px;border-radius:9px;min-height:52px;background:var(--surface);border:1px solid var(--stroke);font-size:12px;text-align:center;line-height:1.15;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000004d}.ct-row-new .tile{animation:flip .42s cubic-bezier(.2,.7,.3,1.2) both;transform-origin:center}.ct-row-new .tile:nth-child(1){animation-delay:0ms}.ct-row-new .tile:nth-child(2){animation-delay:90ms}.ct-row-new .tile:nth-child(3){animation-delay:.18s}.ct-row-new .tile:nth-child(4){animation-delay:.27s}.ct-row-new .tile:nth-child(5){animation-delay:.36s}.ct-row-new .tile:nth-child(6){animation-delay:.45s}.ct-row-new .tile:nth-child(7){animation-delay:.54s}.ct-row-new .tile:nth-child(8){animation-delay:.63s}.tile-sym{font-size:11px;opacity:.9}.tile-val{font-weight:700;word-break:break-word}.el-badge{border-radius:7px;display:block;box-shadow:0 1px 3px #00000073}.el-none{opacity:.5;font-weight:800}.work-icons{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;max-width:100%;padding:3px 4px;border-radius:7px;background:#0a070457}.work-icon{display:block}.tile-pal{flex-direction:row;gap:7px;font-weight:800}.tile-pal img{border-radius:6px;background:var(--ink-700)}.v-correct{background:var(--correct);border-color:#25a854;color:#06240f}.v-partial{background:var(--partial);border-color:#d6920f;color:#2b1c00;outline:2px dashed rgba(0,0,0,.35);outline-offset:-5px}.v-wrong{background:var(--surface-2);border-color:var(--stroke);color:var(--text-dim)}.v-wrong .tile-sym{color:var(--text)}@keyframes flip{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.ct-row-new .tile{animation:none}}.legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:14px 0;font-size:12px;color:var(--text-dim)}.legend .dot{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:middle}.legend .v-correct{background:var(--correct)}.legend .v-partial{background:var(--partial)}.legend .v-wrong{background:var(--surface-2);border:1px solid var(--stroke)}.clue{display:flex;justify-content:center;margin:6px 0 16px}.clue-pixel .pixel-frame{width:220px;height:220px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a2a18,var(--surface));border:2px solid var(--stroke);box-shadow:inset 0 0 30px #0006,0 10px 24px #0006}.clue-pixel canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.clue-emoji{gap:12px;font-size:44px}.clue-splash .splash-frame{width:200px;height:200px;border-radius:16px;overflow:hidden;background:var(--surface);border:2px solid var(--stroke)}.clue-splash img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.ability-card{background:var(--surface);border:2px solid var(--stroke);border-radius:14px;padding:18px 26px;text-align:center;display:flex;flex-direction:column;gap:4px}.ability-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.ability-name{font-size:24px;font-weight:900;color:var(--gold)}.win-banner{display:flex;align-items:center;gap:14px;justify-content:center;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:14px;margin-bottom:16px}.win-banner img{border-radius:10px;background:var(--ink-700);animation:pop .5s cubic-bezier(.2,.8,.3,1.4) both}@keyframes pop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:200}@media(prefers-reduced-motion:reduce){.win-banner img{animation:none}}.win-name{color:var(--gold);font-weight:800}.guess-list{list-style:none;padding:0;max-width:420px;margin:8px auto}.guess-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;margin-bottom:6px;background:var(--surface);border:1px solid var(--stroke);font-weight:700}.guess-list img{border-radius:6px;background:var(--ink-700)}.guess-list li.g-correct{background:var(--correct);color:#06240f;border-color:#25a854}.guess-list li.g-correct img{background:#ffffff40}.seo-content{max-width:640px;margin:40px auto 0;padding:24px 4px 0;border-top:1px solid var(--stroke);color:var(--text-dim)}.seo-content article{margin-bottom:22px}.seo-content h2{font-family:"Baloo 2",sans-serif;font-size:19px;color:var(--text);margin:0 0 8px}.seo-content p,.seo-content li,.seo-content dd{font-size:14px;line-height:1.65}.seo-content ol,.seo-content ul{margin:0;padding-left:20px}.seo-content li{margin-bottom:5px}.seo-modes{list-style:none;padding-left:0}.seo-modes a{color:var(--blue-bright);text-decoration:none;font-weight:700}.seo-modes a:hover{color:var(--gold);text-decoration:underline}.seo-content dt{font-weight:800;color:var(--text);margin-top:10px}.seo-content dd{margin:2px 0 0}.site-footer{margin-top:40px;text-align:center;color:var(--text-dim);font-size:12px}.disclaimer{max-width:520px;margin:0 auto 6px;line-height:1.5}@media(max-width:480px){.mode-grid{grid-template-columns:1fr}.clue-emoji{font-size:36px}.mode-card{min-height:116px}.mode-card-art{width:124px;height:124px;right:-6px;bottom:-10px}.hero-card .mode-card-art{width:150px;height:150px;right:0;bottom:-12px}.mode-card-desc,.hero-card .mode-card-desc{max-width:60%}.mode-card-title{font-size:19px}.backdrop-pals img{opacity:.08;width:110px}.backdrop-pals img:nth-child(2),.backdrop-pals img:nth-child(5){display:none}.ct-row{grid-template-columns:1.1fr .72fr .72fr .9fr .58fr .66fr 1.05fr .76fr;min-width:524px}.tile{min-height:46px;font-size:11px}.tile-pal{position:sticky;left:0;z-index:3;box-shadow:6px 0 10px -6px #000000b3}.tile-pal img{width:32px;height:32px}.ct-head .ct-th:first-child{position:sticky;left:0;z-index:3;background:var(--ink-900)}.el-badge{width:23px;height:23px}.work-icon{width:17px;height:17px}}