:root{--night: #1d1736;--night-2: #261e47;--stone: #2f2758;--stone-2: #3d3470;--stone-edge: #514590;--ember: #ff7a3d;--ember-deep: #c94a17;--gold: #ffc94a;--gold-deep: #b9861a;--steel: #6fe0d2;--steel-deep: #279a8d;--rose: #ff5e7a;--rose-deep: #b8324c;--parchment: #fff3da;--parchment-edge: #e8cf9f;--ink: #2a1e14;--text: #f4eeff;--muted: #b9b0d9;--display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 16px;--gutter: clamp(16px, 4vw, 32px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;font-family:var(--body);font-size:17px;line-height:1.5;color:var(--text);background:radial-gradient(120% 60% at 50% 115%,rgba(255,122,61,.28),transparent 60%),radial-gradient(80% 50% at 50% -10%,rgba(111,224,210,.08),transparent 70%),var(--night);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{max-width:1040px;margin:0 auto;padding:16px var(--gutter) 48px}.narrow{max-width:760px;margin:0 auto}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:16px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.1;margin:0}h1{font-size:clamp(34px,6vw,52px)}h2{font-size:clamp(24px,3.6vw,32px)}h3{font-size:22px}p{margin:0}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;min-height:52px}.topbar .title{font-family:var(--display);font-size:26px;flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--stone);border:2px solid var(--stone-edge);font-weight:600;font-size:15px;white-space:nowrap}.chip.gold{color:var(--gold)}.chip.ember{color:var(--ember)}.panel{background:linear-gradient(180deg,var(--stone-2),var(--stone));border:3px solid var(--stone-edge);border-radius:var(--radius);padding:20px;box-shadow:inset 0 2px #ffffff14,0 6px #00000040}.key{--k: var(--stone-2);--k-edge: #221b40;--k-text: var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;background:var(--k);color:var(--k-text);font-weight:600;font-size:17px;text-decoration:none;box-shadow:0 5px 0 var(--k-edge),inset 0 2px #ffffff38;transform:translateY(0);transition:transform 60ms,box-shadow 60ms,filter .12s}.key:hover{filter:brightness(1.08)}.key:active,.key.down{transform:translateY(4px);box-shadow:0 1px 0 var(--k-edge),inset 0 2px #ffffff2e}.key:disabled{opacity:.45;cursor:not-allowed;transform:none}.key.ember{--k: var(--ember);--k-edge: var(--ember-deep);--k-text: #2b1104}.key.gold{--k: var(--gold);--k-edge: var(--gold-deep);--k-text: #2d1f02}.key.steel{--k: var(--steel);--k-edge: var(--steel-deep);--k-text: #06302b}.key.big{min-height:64px;font-size:22px;padding:14px 28px;border-radius:16px;font-family:var(--display);font-weight:400;letter-spacing:.02em}.key.icon{min-width:48px;padding:10px 12px}.key .kbd{font-size:12px;opacity:.7;border:1.5px solid currentColor;border-radius:6px;padding:0 5px;font-weight:500}.anvil{position:relative;display:grid;justify-items:center;gap:18px;padding:8px 0 4px}.plate{position:relative;min-width:min(100%,420px);max-width:100%;padding:22px 28px;border-radius:18px;background:linear-gradient(180deg,#fff8e8,var(--parchment));border:3px solid var(--parchment-edge);color:var(--ink);text-align:center;box-shadow:0 8px #8a6a3c,0 14px 30px #00000059}.plate.hot{background:linear-gradient(180deg,#ffd2a8,#ff9a5c);border-color:#ffb27a;box-shadow:0 8px #9c3e12,0 0 40px #ff7a3d8c}.plate.cool{background:linear-gradient(180deg,#e8fffb,#b9f3eb);border-color:#8de3d6;box-shadow:0 8px 0 var(--steel-deep),0 0 36px #6fe0d273}.plate .sentence{font-size:clamp(18px,2.6vw,22px);line-height:1.45}.blank{display:inline-block;min-width:4.5em;border-bottom:3px solid currentColor;margin:0 4px;transform:translateY(-4px)}.word-big{font-size:clamp(38px,8vw,64px);font-weight:600;letter-spacing:.04em;line-height:1.15;word-break:break-word}.chunks{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px}.chunk{padding:0 6px;border-radius:10px;background:#2a1e1412}.chunk+.chunk{border-left:3px dotted rgba(42,30,20,.25);border-radius:0 10px 10px 0}.tricky{color:#d1430d;text-decoration:underline 4px rgba(209,67,13,.4);text-underline-offset:8px}.type-field{width:min(100%,520px);padding:14px 18px;border-radius:14px;background:#140f29;border:3px solid var(--stone-edge);color:var(--text);font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:.06em;text-align:center;caret-color:var(--gold)}.type-field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #ffc94a40}.type-field.shake{animation:shake .36s;border-color:var(--rose)}.slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.slot{width:34px;height:44px;border-radius:8px;border:2px dashed var(--stone-edge);display:grid;place-items:center;font-size:24px;font-weight:600;color:var(--gold)}.slot.filled{border-style:solid;border-color:var(--gold)}.diff{display:inline-flex;flex-wrap:wrap;justify-content:center;font-size:clamp(30px,6vw,48px);font-weight:600;letter-spacing:.05em}.diff span{padding:0 1px;border-radius:6px}.diff .wrong,.diff .missing{background:#ff5e7a38;color:#b8143a}.diff .missing{text-decoration:underline 4px;text-underline-offset:6px}.diff.typed{font-size:clamp(20px,3.4vw,28px);color:var(--muted)}.diff.typed .wrong,.diff.typed .extra{color:var(--rose);text-decoration:line-through 3px;background:none}.toast{font-family:var(--display);font-size:clamp(26px,4vw,34px)}.good{color:var(--steel)}.bad{color:var(--rose)}.tip{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:12px;background:#ffc94a1f;border:2px solid rgba(255,201,74,.35);color:#ffe7a8;text-align:left;max-width:560px}.progressbar{height:12px;border-radius:999px;background:#17112e;overflow:hidden;border:2px solid var(--stone-edge)}.progressbar>div{height:100%;background:linear-gradient(90deg,var(--ember),var(--gold));border-radius:999px;transition:width .3s}.progressbar.steel>div{background:linear-gradient(90deg,var(--steel-deep),var(--steel))}.stars{color:var(--gold);letter-spacing:2px;white-space:nowrap}.stars .off{color:#5b5191}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.game-tile{display:grid;gap:6px;align-content:start;text-align:left;padding:18px;border-radius:var(--radius);cursor:pointer;border:3px solid var(--stone-edge);background:var(--stone);color:var(--text);text-decoration:none;min-height:150px;box-shadow:0 6px #0000004d;transition:transform .12s,border-color .12s}.game-tile:hover{transform:translateY(-3px);border-color:var(--gold)}.game-tile .art{font-size:34px;line-height:1}.game-tile h3{font-size:22px}.game-tile p{color:var(--muted);font-size:15px}.game-tile .tag{justify-self:start;font-size:13px;padding:2px 10px;border-radius:999px;background:#1b1535;color:var(--steel)}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:var(--stone-2);border:3px solid var(--gold);flex:none}.avatar.sm{width:40px;height:40px;font-size:22px;border-width:2px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-pick{aspect-ratio:1;font-size:30px;border-radius:14px;border:3px solid transparent;background:var(--stone);cursor:pointer}.avatar-pick[aria-pressed=true]{border-color:var(--gold);background:var(--stone-2)}.list{display:grid;gap:8px}.list-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#0000002e}.strike{text-decoration:line-through 2px var(--rose);color:var(--muted)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes strike{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(6px) scale(.98,1.02)}to{transform:translateY(0)}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.pop{animation:pop .32s ease-out both}.struck{animation:strike .26s ease-out}.rise{animation:rise .26s ease-out both}.spark-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:560px){body{font-size:16px}.panel{padding:16px}.plate{padding:18px 16px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.key.big{width:100%}}.forge-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px;overflow:hidden;position:relative;background:radial-gradient(90% 140% at 100% 100%,rgba(255,122,61,.35),transparent 60%),linear-gradient(180deg,var(--stone-2),var(--stone))}.hero-gems{filter:drop-shadow(0 0 30px rgba(255,160,60,.6));animation:bob 3.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(4deg)}}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat{display:grid;gap:6px;align-content:center;text-decoration:none;color:inherit;padding:16px 18px}.stat-num{font-family:var(--display);font-size:38px;line-height:1;color:var(--gold)}a.key[aria-disabled=true]{opacity:.45;pointer-events:none}@media(max-width:560px){.forge-hero{grid-template-columns:1fr}.hero-gems{display:none}}.slot.given{background:#ffc94a29}.slot:not(.given){color:var(--text)}.bars{display:flex;align-items:flex-end;gap:8px;height:180px;padding-top:22px}.bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar{width:100%;max-width:44px;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--gold),var(--ember))}.bar.steel{background:linear-gradient(180deg,var(--steel),var(--steel-deep))}.bar.empty{background:#2a2250}.bar-val{font-size:13px;color:var(--muted)}.bar-label{font-size:12px;color:var(--muted);white-space:nowrap}.chip.good{color:var(--steel)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.link-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 2px;font-size:14px}.link-btn:hover{color:var(--rose)}.list-row.key{min-height:52px;width:100%}.select{width:100%;min-height:48px;padding:8px 12px;border-radius:12px;background:#140f29;border:3px solid var(--stone-edge)}input[type=range]{width:100%;accent-color:var(--gold)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold)}label.key{position:relative}.chests{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px}.chest{display:grid;justify-items:center;gap:8px;padding:18px 10px 14px;border-radius:16px;cursor:pointer;background:linear-gradient(180deg,#7a4a24,#5a3417);border:3px solid #b9803f;color:#fff3da;box-shadow:0 6px #33200e;transition:transform .12s}.chest:hover:not(:disabled){transform:translateY(-4px) rotate(-1deg)}.chest:disabled{cursor:default}.chest-art{font-size:40px;line-height:1}.chest-word{font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:.03em;word-break:break-word}.chest .kbd{font-size:12px;opacity:.6;border:1.5px solid currentColor;border-radius:6px;padding:0 5px}.chest.real{background:linear-gradient(180deg,#2b9a8d,#1d6c63);border-color:var(--steel);animation:pop .36s}.chest.mimic{background:linear-gradient(180deg,#a12a43,#6e1a2c);border-color:var(--rose);animation:shake .4s}.chest.closed{opacity:.5}.twins{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.twins .key.big{min-width:150px;font-family:var(--body);font-weight:600}.rune-slot{min-height:84px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;padding:12px;border-radius:16px;border:3px dashed var(--stone-edge);background:#0003}.rune-slot.ok{border-style:solid;border-color:var(--steel)}.rune-slot.no{border-style:solid;border-color:var(--rose);animation:shake .38s}.rune-tray{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rune{min-width:56px;min-height:56px;padding:6px 14px;border-radius:12px;cursor:pointer;border:0;background:linear-gradient(180deg,#8f86c9,#6b61a8);color:#fff;font-size:26px;font-weight:600;letter-spacing:.03em;box-shadow:0 5px #3d3470,inset 0 2px #ffffff4d}.rune:hover:not(:disabled){filter:brightness(1.1)}.rune:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #3d3470}.rune:disabled{opacity:.25;cursor:default}.rune.placed{background:linear-gradient(180deg,var(--gold),#f0a92a);color:#2d1f02;box-shadow:0 5px 0 var(--gold-deep);animation:pop .2s}.arena{position:relative;height:clamp(340px,58vh,560px);border-radius:20px;overflow:hidden;cursor:text;background:radial-gradient(2px 2px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(2px 2px at 68% 9%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 30%,#fff5 50%,transparent 51%),radial-gradient(2px 2px at 86% 40%,#fff6 50%,transparent 51%),radial-gradient(120% 50% at 50% 110%,rgba(255,122,61,.45),transparent 60%),linear-gradient(180deg,#0f0b22,#241b48);border:3px solid var(--stone-edge)}.meteor{position:absolute;transform:translate(-50%);display:grid;justify-items:center;gap:2px;background:none;border:0;padding:0;cursor:pointer;color:var(--text)}.meteor .rock{width:46px;height:46px;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 35% 30%,#a8784f,#5c3a21 70%);box-shadow:0 -18px 24px -6px #ff8c3ccc,0 -34px 30px -14px #ffc94a80}.meteor .label{padding:2px 12px;border-radius:10px;background:#0f0b22d9;border:2px solid var(--gold);font-size:clamp(20px,2.6vw,26px);font-weight:600;letter-spacing:.03em;white-space:nowrap;transition:opacity .5s,color .5s}.meteor.ghost .rock{background:radial-gradient(circle at 35% 30%,#c6fff7,#3c8f87 70%);box-shadow:0 -18px 24px -6px #6fe0d2cc}.meteor.ghost.faded .label{color:transparent;border-style:dashed}.meteor.ghost.faded .label:after{content:"?";color:var(--steel);position:absolute;left:50%;transform:translate(-50%)}.meteor.audio .rock{background:radial-gradient(circle at 35% 30%,#d9c6ff,#6b4fb8 70%);box-shadow:0 -18px 24px -6px #b89cffd9}.meteor.audio .label{border-color:#b89cff}.ground{position:absolute;left:0;right:0;bottom:0;height:14%;display:flex;justify-content:center;align-items:center;gap:24px;font-size:28px;background:linear-gradient(180deg,transparent,rgba(255,122,61,.35));border-top:3px solid rgba(255,201,74,.5)}.banner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:8px;background:#0f0b2299;z-index:2;padding:16px}.banner h2{color:var(--gold)}.landed{position:absolute;bottom:16%;transform:translate(-50%);padding:6px 12px;border-radius:10px;background:var(--rose-deep);white-space:nowrap;font-size:18px;z-index:1}.story-page{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,36px);border-radius:18px;background:linear-gradient(180deg,#fff8e8,var(--parchment));color:var(--ink);border:3px solid var(--parchment-edge);box-shadow:0 8px #8a6a3c}.story-page h2{color:#7a3a12;margin-bottom:14px}.story-page p{font-size:clamp(19px,2.4vw,23px);line-height:1.9}.word-btn{background:none;border:0;padding:1px 2px;margin:0;border-radius:6px;cursor:pointer;color:inherit;font:inherit}.word-btn:hover:not(:disabled){background:#ff7a3d2e}.word-btn:disabled{cursor:default}.word-btn.active{background:#ff5e7a40;outline:2px solid var(--rose)}.word-btn.fixed{background:#6fe0d259;color:#0b4a43;font-weight:600}.word-btn.missed{background:#ffc94a66;font-weight:600}.word-btn.nope{animation:shake .4s;background:#00000014}.word-btn.wobble{animation:shake .5s 3;background:#ff5e7a33}.plate .diff.typed{color:#2a1e148c}.plate.hot .diff.typed .wrong,.plate.hot .diff.typed .extra{color:#9b1030}.plate.cool .toast.good{color:#0f6b60}.glow-strip{text-decoration:none;color:inherit;padding:14px 18px}@media(max-width:560px){.bars.daily{gap:3px}.bars.daily .bar-val{display:none}.bar-label{font-size:10px}}