:root{--gold: #eec941;--gold-bright: #ffe08a;--gold-deep: #e8a317;--wood: #542916;--wood-light: #6e3a1f;--gem: #01c2fd;--gem-deep: #0048ab;--elixir: #d63ac9;--dark-elixir: #2b1a33;--ink-900: #1a1208;--ink-800: #241a0e;--ink-700: #2f2415;--surface: #33271680;--surface-solid: #3a2c19;--border: #6e4a248c;--wood-top: #6b4f2c;--wood-bot: #2c2013;--panel: linear-gradient(177deg, #6b4f2c 0%, #4a371f 42%, #2f2214 100%);--inset-hi: inset 0 2px 0 rgba(255, 226, 160, .22), inset 0 -5px 10px rgba(0, 0, 0, .45);--gold-edge: #a26f25;--frame: 0 0 0 2px #1b1206, 0 6px 0 #1b1206, 0 8px 16px rgba(0, 0, 0, .55);--correct: #2fd06b;--correct-deep: #1f9e4f;--wrong: #b5462f;--wrong-deep: #8a3422;--text: #fbf3e2;--text-dim: #d9c6a6;--font-display: "Lilita One", system-ui, sans-serif;--font-ui: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--radius: 12px;--radius-lg: 18px;--maxw: 600px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background-color:#0d0904;background-image:radial-gradient(120% 90% at 50% 8%,#140d069e,#0d0904d1 55%,#070402f2),linear-gradient(180deg,#140d068c,#0b0703b3 60%,#070402eb),url(/assets/ui/village.jpg);background-position:center top,center top,center top;background-size:cover,cover,cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.32;background-image:radial-gradient(rgba(238,201,65,.1) 1px,transparent 1.4px),radial-gradient(rgba(238,201,65,.06) 1px,transparent 1.4px);background-size:64px 64px,96px 96px;background-position:0 0,32px 48px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{max-width:var(--maxw);margin:0 auto;padding:var(--s5) var(--s4) var(--s7)}.brand{text-align:center;margin-bottom:var(--s4)}.brand h1{font-family:var(--font-display);font-size:clamp(40px,11vw,64px);margin:0;letter-spacing:1px;color:var(--gold);-webkit-text-stroke:2px #3a1c0f;text-shadow:0 2px 0 var(--wood),0 4px 0 #3a1c0f,0 7px 10px #0009}.brand h1 a{color:inherit;text-decoration:none}.brand p{font-family:var(--font-ui);font-weight:600;color:var(--text-dim);margin:var(--s1) 0 0;text-transform:uppercase;letter-spacing:2px;font-size:13px}.toolbar{display:flex;justify-content:center;gap:var(--s2);margin-top:var(--s3)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#d8b566;background:var(--panel);border:2px solid var(--gold-edge);cursor:pointer;box-shadow:var(--inset-hi);transition:color .12s,border-color .12s,transform .08s}.iconbtn:hover{color:var(--gold-bright);border-color:var(--gold);transform:translateY(-1px)}.iconbtn:active{transform:translateY(1px)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b0805cc;display:flex;align-items:flex-start;justify-content:center;padding:var(--s5) var(--s4);overflow:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:460px;margin:auto;max-height:92vh;overflow:auto;background:radial-gradient(120% 80% at 50% -10%,#34271580 0%,transparent 60%),linear-gradient(180deg,#2b2013,#211810 46%,#160f08);border:2px solid var(--gold);border-radius:20px;box-shadow:inset 0 1px #ffecbe4d,inset 0 0 34px #00000080,0 0 0 4px #1b1206,0 30px 70px #000000b8}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);background:linear-gradient(180deg,#eec94124,#eec94100);border-bottom:1px solid rgba(238,201,65,.28)}.modal-head h2{font-family:var(--font-display);color:var(--gold);margin:0;font-size:22px;letter-spacing:.4px;text-shadow:0 1px 0 #3a1c0f,0 2px 5px rgba(0,0,0,.5)}.modal-close{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:none;border:0;color:var(--text-dim);cursor:pointer}.modal-close:hover{color:var(--text);background:#ffffff14}.modal-body{padding:var(--s5)}.modal-body h3{font-family:var(--font-ui);color:var(--text);margin:var(--s5) 0 var(--s2);font-size:15px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);text-align:center}.stat-n{font-family:var(--font-display);font-size:30px;color:var(--gold);line-height:1;text-shadow:0 1px 0 #3a1c0f,0 2px 6px rgba(0,0,0,.45)}.stat-l{font-family:var(--font-ui);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.histo{display:flex;flex-direction:column;gap:4px}.histo-row{display:flex;align-items:center;gap:var(--s2)}.histo-k{font-family:var(--font-ui);font-weight:700;width:16px;text-align:right;color:var(--text-dim)}.histo-bar{background:linear-gradient(180deg,#cf5a40,#9c3826);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:12px;padding:3px var(--s2);border-radius:5px;text-align:right;min-width:22px;box-shadow:inset 0 1px #fff3,0 1px 2px #0006}.histo-bar.today{background:linear-gradient(180deg,#4ee089,#25b85c)}.muted{color:var(--text-dim)}.small{font-size:12px}.lb{list-style:none;margin:var(--s3) 0;padding:0;display:flex;flex-direction:column;gap:4px;counter-reset:rank}.lb li{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border);font-family:var(--font-ui);font-weight:600}.lb li.me{border-color:var(--gold)}.lb-rank{width:22px;text-align:center;color:var(--text-dim);font-weight:800}.lb-name{flex:1}.lb-streak{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.share-card{margin:0 0 var(--s3);border-radius:var(--radius);overflow:hidden;border:2px solid var(--gold-edge);box-shadow:inset 0 0 0 1px #1b1206,0 8px 22px #000a;aspect-ratio:1200 / 630;background:#140e06}.share-card img{display:block;width:100%;height:100%;object-fit:cover}.share-card-skel{width:100%;height:100%;background:linear-gradient(100deg,#241a0e 30%,#3a2c19,#241a0e 70%);background-size:220% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.share-text{margin:0 0 var(--s4);padding:var(--s2) var(--s3);background:linear-gradient(180deg,#1c1409,#140e06);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word;text-align:center}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s4)}.share-actions .btn{font-size:14px;padding:var(--s2) var(--s3)}.share-social{display:flex;justify-content:center;gap:var(--s3)}.s-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff;border:2px solid #ffffff22;box-shadow:inset 0 2px #ffffff2e,0 3px 7px #0007;transition:transform .1s}.s-btn:hover{transform:translateY(-2px)}.s-x{background:#1a1a1a}.s-wa{background:#25d366}.s-rd{background:#ff4500}.s-tg{background:#26a5e4}.s-fb{background:#1877f2}.share-msg{text-align:center;margin-top:var(--s4);font-family:var(--font-ui);font-weight:600;color:var(--gold)}.discord-btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;margin-bottom:var(--s4);padding:var(--s3);border-radius:var(--radius);background:linear-gradient(180deg,#6b78e8,#5865f2);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:15px;text-decoration:none;border:2px solid #3b45c4;box-shadow:inset 0 2px #ffffff3a,0 4px #3b45c4,0 7px 12px #0007}.discord-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff3a,0 1px #3b45c4}.acct{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);padding:var(--s2) var(--s3);border-radius:var(--radius);background:var(--panel);border:2px solid var(--gold-edge);box-shadow:var(--inset-hi)}.acct-av{width:36px;height:36px;border-radius:50%;border:2px solid var(--gold)}.acct-name{flex:1;font-family:var(--font-ui);font-weight:700;color:var(--text)}.acct-out{font-size:13px;padding:var(--s2) var(--s3)}.name-set{margin-bottom:var(--s3)}.name-row{display:flex;gap:var(--s2)}.name-row input{flex:1;height:44px;padding:0 var(--s3);font-family:var(--font-ui);font-size:15px;color:var(--text);background:var(--ink-800);border:2px solid var(--border);border-radius:var(--radius);outline:none}.name-row input:focus{border-color:var(--gold)}.howto p{line-height:1.55}.legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s2)}.legend li{line-height:1.5}.chip{display:inline-block;padding:2px 8px;border-radius:6px;font-family:var(--font-ui);font-weight:700;font-size:12px;color:#fff}.chip.correct{background:var(--correct)}.chip.wrong{background:var(--wrong)}.modes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-bottom:var(--s4)}.modetab{font-family:var(--font-ui);font-weight:700;font-size:14px;color:#ffe9bf;background:linear-gradient(180deg,#7a5a31,#56401e 48%,#3a2a17);border:2px solid var(--gold-edge);border-radius:999px;padding:var(--s2) var(--s4);min-height:40px;cursor:pointer;text-shadow:0 1px 1px #00000099;box-shadow:inset 0 2px #ffe2a042,inset 0 -3px 7px #0006,0 3px #160f05,0 5px 8px #0008;transition:color .12s,border-color .12s,transform .08s,box-shadow .08s,filter .12s}.modetab:hover{color:#fff;border-color:var(--gold);filter:brightness(1.08)}.modetab:active{transform:translateY(2px);box-shadow:var(--inset-hi),0 1px #160f05}.modetab.active{color:#3a1c0f;text-shadow:0 1px 0 #ffffff77;background:linear-gradient(180deg,#fff0c0,var(--gold-bright) 35%,var(--gold));border-color:#8a5a14;box-shadow:inset 0 2px #fffbe8,0 3px 0 var(--gold-deep),0 5px 9px #0008}.variants{display:flex;justify-content:center;gap:var(--s1);margin:calc(-1 * var(--s2)) 0 var(--s3)}.varbtn{font-family:var(--font-ui);font-weight:600;font-size:12px;color:var(--text-dim);background:var(--panel);border:1px solid var(--gold-edge);border-radius:999px;padding:4px var(--s3);min-height:32px;cursor:pointer;box-shadow:var(--inset-hi);transition:color .12s,border-color .12s,background .12s}.varbtn:hover{color:var(--text)}.varbtn.active{color:var(--gold);border-color:var(--gold);background:#eec9411a}.countdown{text-align:center;font-family:var(--font-ui);font-weight:600;color:var(--text-dim);margin:var(--s3) 0 var(--s5);font-size:14px}.countdown b{color:var(--gold);font-variant-numeric:tabular-nums}.hub{display:flex;flex-direction:column;gap:var(--s4)}.hub .countdown{margin:var(--s2) 0 calc(-1 * var(--s2))}.hub-progress{display:flex;align-items:center;gap:var(--s3);font-family:var(--font-ui);font-weight:600;font-size:14px;color:var(--text-dim)}.hub-progress-bar{flex:1;height:10px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--border);overflow:hidden}.hub-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-bright),var(--gold));transition:width .4s ease}.hub-cta{width:100%;font-size:18px;padding:var(--s4)}.hub-share{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:calc(-1 * var(--s2))}.hub-share-btn{font-size:14px;padding:var(--s2) var(--s3)}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.hub-card{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:16px;background:linear-gradient(180deg,#7a5a31,#5b421f 44%,#3a2a17);border:2px solid var(--gold-edge);box-shadow:inset 0 2px #ffe2a047,inset 0 -6px 12px #00000080,0 0 0 2px #1b1206,0 5px #160f05,0 10px 16px #000a;font-family:var(--font-ui);font-weight:700;font-size:16px;color:#fff4dd;text-shadow:0 1px 2px #000000aa;cursor:pointer;transition:transform .1s,box-shadow .12s,border-color .12s,filter .12s}.hub-card:hover{transform:translateY(-2px);border-color:var(--gold);filter:brightness(1.06);box-shadow:inset 0 2px #ffe2a047,inset 0 -6px 12px #00000080,0 0 0 2px #1b1206,0 5px #160f05,0 14px 24px #000c,0 0 18px #eec94130}.hub-card:active{transform:translateY(2px);box-shadow:inset 0 2px #ffe2a047,0 0 0 2px #1b1206,0 2px #160f05,0 5px 10px #0009}.hub-card.done{border-color:#3fd47a;box-shadow:inset 0 2px #ffe2a047,inset 0 -6px 12px #00000080,0 0 0 2px #1b1206,0 5px #1c3a26,0 10px 16px #000a,0 0 16px #2fd06b33}.hub-card-ico{flex-shrink:0;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(circle at 50% 32%,#34261480,#1a120a);border:2px solid #1b1206;box-shadow:inset 0 3px 7px #000c,inset 0 0 0 1px #a26f2540,inset 0 -2px 4px #0008}.hub-card-ico img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px #000c)}.hub-card-name{flex:1;text-align:left}.hub-card-status{display:inline-flex;font-weight:800;color:var(--gold);font-size:13px}.hub-card.done .hub-card-status{color:var(--correct)}.search{position:relative;margin-bottom:var(--s5)}.search input{width:100%;height:52px;padding:0 var(--s4);font-family:var(--font-ui);font-size:17px;font-weight:500;color:var(--text);background:linear-gradient(180deg,#261c10,#1c1409);border:2px solid var(--gold-edge);border-radius:var(--radius);outline:none;box-shadow:inset 0 2px 6px #0006;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #0006,0 0 0 4px #eec9413d}.search input::placeholder{color:#b39c78}.ac{position:absolute;z-index:10;top:56px;left:0;right:0;background:var(--surface-solid);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 30px #000a}.ac button{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:48px;padding:var(--s2) var(--s3);background:none;border:0;border-bottom:1px solid #6e4a2440;color:var(--text);font-family:var(--font-ui);font-size:16px;cursor:pointer;text-align:left}.ac button:last-child{border-bottom:0}.ac button:hover,.ac button[aria-selected=true]{background:#4a371f}.ac img{width:34px;height:34px;object-fit:contain}.board{display:flex;flex-direction:column;gap:var(--s2);width:100%;margin:0 auto}.headerrow,.guessrow{display:grid;gap:var(--s1)}.headerrow span{font-family:var(--font-ui);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:#c7ad81;text-align:center;padding:var(--s1) 0;line-height:1.15}.cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:8px;font-family:var(--font-ui);font-weight:600;font-size:11px;text-align:center;color:#fff;padding:2px;line-height:1.05;border:2px solid #0003;word-break:break-word}.cell.icon{background:var(--surface-solid);border-color:var(--border);padding:3px}.cell.icon img{width:100%;height:100%;object-fit:contain}.cell.correct{background:linear-gradient(180deg,#4ee089,#2fd06b 55%,#25b85c);border-color:var(--correct-deep);box-shadow:inset 0 2px #ffffff40,inset 0 -3px 7px #0003}.cell.wrong{background:linear-gradient(180deg,#cf5a40,#b5462f 55%,#9c3826);border-color:var(--wrong-deep);box-shadow:inset 0 2px #ffffff2e,inset 0 -3px 7px #00000038}.cell.icon{box-shadow:var(--inset-hi)}.cell .dir{font-size:13px;line-height:1}.res-ico{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 2px #000a);margin-bottom:1px}.cell.correct:after{content:"✓";position:absolute;font-size:9px;opacity:.35;transform:translateY(-14px)}@keyframes flip{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.guessrow .cell{animation:flip .4s ease both;position:relative}.pixelwrap{display:flex;justify-content:center;margin:var(--s2) 0 var(--s5)}.pixelcanvas{width:220px;height:220px;border-radius:var(--radius-lg);background:var(--surface-solid);border:2px solid var(--border);box-shadow:0 8px 24px #0007;image-rendering:pixelated}.pixelguesses{display:flex;flex-direction:column;gap:var(--s2);max-width:320px;margin:0 auto}.pg-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius);background:var(--surface-solid);border:2px solid var(--wrong-deep);font-family:var(--font-ui);font-weight:600}.pg-row.right{border-color:var(--correct-deep)}.pg-row img{width:30px;height:30px;object-fit:contain}.pg-row span:nth-child(2){flex:1}.pg-mark{font-weight:800;color:var(--wrong)}.pg-row.right .pg-mark{color:var(--correct)}.emojiwrap{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin:var(--s4) 0 var(--s5)}.emojibig{font-size:56px;line-height:1.2;letter-spacing:6px;text-align:center;background:var(--surface-solid);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--s4) var(--s5);box-shadow:0 8px 24px #0007}.equipwrap{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin:var(--s4) 0 var(--s5)}.equipframe{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%,#4a371f,var(--surface-solid));border:2px solid var(--gold);box-shadow:0 8px 24px #0007,inset 0 0 30px #0005;padding:var(--s4)}.equipframe img{width:100%;height:100%;object-fit:contain}.audiowrap{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin:var(--s4) 0 var(--s5)}.playbtn{width:96px;height:96px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#3a1c0f;background:radial-gradient(circle at 50% 35%,var(--gold-bright),var(--gold));border:0;cursor:pointer;box-shadow:0 6px 0 var(--gold-deep),0 10px 20px #0007;transition:transform .1s,box-shadow .1s;padding-left:6px}.playbtn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--gold-deep),0 5px 12px #0007}.playbtn.playing{animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 6px 0 var(--gold-deep),0 0 #eec94166}50%{box-shadow:0 6px 0 var(--gold-deep),0 0 0 16px #eec94100}}.audiohint{font-family:var(--font-ui);font-weight:600;color:var(--text-dim);margin:0}.result{margin-top:var(--s5);text-align:center;background:radial-gradient(120% 80% at 50% -10%,#34271580 0%,transparent 60%),linear-gradient(180deg,#2b2013,#211810 46%,#160f08);border:2px solid var(--gold);border-radius:20px;box-shadow:inset 0 1px #ffecbe4d,inset 0 0 34px #00000080,0 0 0 4px #1b1206,0 16px 40px #0009;padding:var(--s5)}.result h2{font-family:var(--font-display);color:var(--gold);margin:0 0 var(--s2);font-size:30px;letter-spacing:.5px;text-shadow:0 2px 0 #3a1c0f,0 4px 10px rgba(0,0,0,.5)}.result .answer{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin:var(--s3) 0}.result .answer img{width:72px;height:72px;object-fit:contain;padding:6px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#3c2c1880,#1a120a);border:2px solid var(--gold-edge);box-shadow:inset 0 2px 6px #000a,0 2px 8px #0008;filter:drop-shadow(0 2px 3px #000a)}.result .answer strong{font-size:22px;font-family:var(--font-ui)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--font-ui);font-weight:700;font-size:16px;color:#3a1c0f;background:linear-gradient(180deg,#fff0c0 0%,var(--gold-bright) 30%,var(--gold) 100%);border:2px solid #8a5a14;border-radius:var(--radius);padding:var(--s3) var(--s5);cursor:pointer;text-shadow:0 1px 0 #ffffff66;box-shadow:inset 0 2px #fffbe8,inset 0 -3px 6px #c8851a66,0 4px 0 var(--gold-deep),0 7px 14px #0008;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px);box-shadow:inset 0 1px #fffbe8,0 1px 0 var(--gold-deep)}.result-actions{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap}.btn-secondary{color:var(--text);background:var(--surface-solid);box-shadow:0 3px #0005,0 5px 10px #0006;border:2px solid var(--border)}.btn-secondary:active{box-shadow:0 1px #0005}.streak{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:700;color:var(--gold);margin-top:var(--s3)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}@keyframes result-pop{0%{transform:scale(.9) translateY(10px);opacity:0}60%{transform:scale(1.015) translateY(0);opacity:1}to{transform:scale(1)}}.result-pop{animation:result-pop .42s cubic-bezier(.22,1.2,.36,1) both}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--ink-700);color:var(--text);font-family:var(--font-ui);font-weight:600;padding:var(--s3) var(--s5);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 24px #000a;z-index:100}.seo{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--border);font-family:var(--font-body);color:var(--text-dim);line-height:1.65}.seo h2{font-family:var(--font-display);color:var(--gold);font-size:22px;margin:var(--s6) 0 var(--s2);letter-spacing:.3px}.seo h2:first-child{margin-top:0}.seo p{margin:0 0 var(--s3)}.seo-steps,.seo-modes,.seo-why{margin:0 0 var(--s3);padding-left:var(--s5)}.seo-steps li,.seo-modes li,.seo-why li{margin-bottom:var(--s2)}.seo-modes a,.seo-faq a{color:var(--gold);font-weight:600;text-decoration:none}.seo-modes a:hover{text-decoration:underline}.seo-faq div{margin-bottom:var(--s3)}.seo-faq dt{font-family:var(--font-ui);font-weight:700;color:var(--text);margin-bottom:2px}.seo-faq dd{margin:0}.footer{margin-top:var(--s7);text-align:center;font-size:12px;color:var(--text-dim);line-height:1.6}.footer a{color:var(--gold)}.langs{display:flex;justify-content:center;gap:var(--s2);margin-bottom:var(--s4)}.langbtn{font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--text-dim);background:var(--panel);border:1px solid var(--gold-edge);border-radius:999px;padding:4px var(--s3);min-height:32px;cursor:pointer;box-shadow:var(--inset-hi)}.langbtn:hover{color:var(--text)}.langbtn.active{color:var(--gold);border-color:var(--gold)}@media(max-width:420px){.headerrow span{font-size:7px}.cell{font-size:9px}}