:root{--font-display: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--ink: #0b0a1c;--text: #eef0ff;--muted: #a6a2c6;--faint: #7d78a0;--glass: linear-gradient(160deg, #19173dcc, #0d0c22e6);--glass-line: #ffffff1f;--glass-soft: #ffffff0d;--glass-hover: #ffffff1a;--frame-fill: linear-gradient(#172d60, #0d1b40);--frame-outer: #eaf3ff;--frame-inner: #4a86e8;--frame-deep: #0d1b40;--name: #8fd3ff;--menu-fill: linear-gradient(#11265a, #0a1636);--menu-row: #0a163599;--menu-row-line: #4a86e855;--accent: #ffd84a;--accent-press: #b8901c;--accent-ink: #2a1d00;--danger: #ff7a7a;--ok: #6dff8a;--r-sm: 8px;--r-md: 12px;--r-lg: 18px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);font:600 15px/1.4 var(--font-body);color:var(--text)}#game{position:fixed;top:0;right:0;bottom:0;left:0}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}.hidden{display:none!important}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}small{color:var(--muted);font-weight:600}button,.btn{font:700 14px var(--font-body);cursor:pointer;color:var(--text);background:var(--glass-soft);border:1px solid var(--glass-line);border-radius:var(--r-md);padding:8px 12px;transition:background .15s,transform .08s,border-color .15s}button:hover,.btn:hover{background:var(--glass-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--accent);color:var(--accent-ink);border:none;padding:12px 16px;box-shadow:0 4px 0 var(--accent-press)}button.primary:hover{filter:brightness(1.06)}button.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-press)}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:6px}button.link:hover{color:var(--text)}input{font:600 15px var(--font-body);color:var(--text);background:#00000040;border:1px solid var(--glass-line);border-radius:var(--r-md);padding:10px 12px;outline:none}input:focus{border-color:var(--accent)}label{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted)}label input{flex:1}kbd{font:800 10px var(--font-body);color:var(--muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.panel{position:relative;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:20px;box-shadow:0 24px 50px -20px #000d}.panel.story{background:var(--frame-fill);-webkit-backdrop-filter:none;backdrop-filter:none;border:3px solid var(--frame-outer);border-radius:14px;box-shadow:inset 0 0 0 3px var(--frame-inner),0 18px 40px -12px #000d;padding:20px 20px 18px}.nametag{position:absolute;top:-15px;left:16px;padding:2px 12px;background:var(--frame-deep);border:3px solid var(--frame-outer);border-radius:var(--r-sm);color:var(--name);font:700 13px var(--font-display);letter-spacing:.3px}.more{position:absolute;right:14px;bottom:6px;color:var(--accent);font-size:12px;animation:bob 1s steps(2) infinite}@keyframes bob{50%{transform:translateY(3px)}}.portrait{width:64px;height:64px;image-rendering:pixelated;display:block;border-radius:10px}.panel.story .portrait{border:3px solid var(--frame-outer);border-radius:8px;background:#2b3e74}.portrait{flex:none}.mystery{display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(#3b2a6b,#120d2a)!important}.mystery-sprite{flex:none;image-rendering:pixelated;background-repeat:no-repeat;background-position:0 0;filter:brightness(0) drop-shadow(0 0 4px #c77dff) drop-shadow(0 0 2px #c77dff)}.appear{animation:appear .5s ease-out both}@keyframes appear{0%{opacity:0;translate:0 12px}}.chip,.type{display:inline-block;font:800 10px var(--font-body);font-style:normal;padding:1px 8px;border-radius:999px;color:#fff;text-transform:capitalize;text-shadow:0 1px 1px #0006}.hint{margin:0;color:var(--muted);font-size:13px}.error{color:var(--danger);min-height:1em;margin:0;font-size:13px}.ok{color:var(--ok);margin:0;font-size:13px}.credit{font-size:11px;color:var(--faint);margin:0}.title-panel,.dive-dialog,.pause-menu,.controls-menu,.abra-menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.title-panel{text-align:center}.title-panel h1{font:700 40px/1 var(--font-display);color:#fff;text-shadow:0 3px 0 var(--frame-inner),0 0 30px #c77dff55}.sub{margin:2px 0 6px;color:var(--muted);font-weight:600}.login-btn{display:block;width:100%;padding:12px;border-radius:var(--r-md);color:#fff;text-decoration:none;font:700 14px var(--font-body);border:1px solid var(--glass-line);background:var(--glass-soft);text-align:center}.login-btn:hover{background:var(--glass-hover)}.login-btn.discord{background:#5865f2;border-color:transparent}.login-btn.google{background:#fff;color:#222;border-color:transparent}.login-btn.guest{background:var(--accent);color:var(--accent-ink);border:none;box-shadow:0 4px 0 var(--accent-press);margin-top:4px}.guest-note{color:var(--muted);font-size:13px;margin:0}.char-card{display:flex;gap:12px;align-items:center;justify-content:center;margin:4px 0 8px}.char-card img{width:64px;height:64px;image-rendering:pixelated;border:2px solid var(--accent);border-radius:10px}.char-card div{display:flex;flex-direction:column;text-align:left}.char-card b{font:600 20px var(--font-display)}.row-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.quiz{width:min(520px,calc(100vw - 32px));text-align:left}.quiz-intro{color:var(--muted);line-height:1.55;margin:0}.quiz .speech{display:flex;gap:14px;align-items:center;margin-bottom:14px}.quiz-q{font:600 20px/1.35 var(--font-display);margin:0}.quiz-answers{display:flex;flex-direction:column;gap:8px}.quiz-answers button{text-align:left;padding:11px 14px;border-radius:var(--r-md);border:2px solid #4a86e855;background:#0a163599;color:var(--text);font:700 14px var(--font-body)}.quiz-answers.many{display:grid;grid-template-columns:1fr 1fr}@media(max-width:480px){.quiz-answers.many{grid-template-columns:1fr}}.quiz-answers button:hover{border-color:var(--accent);color:var(--accent);background:#0a1635cc}.quiz-foot{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--name);font:700 12px var(--font-body)}.pips{display:flex;gap:4px}.pips i{width:14px;height:4px;border-radius:4px;background:#fff2}.pips i.done{background:var(--accent)}.nature{margin:0;color:var(--muted)}.nature b{color:var(--text)}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0}.offer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border-radius:14px;border:2px solid var(--glass-line);background:#0a163580}.offer img{width:64px;height:64px;image-rendering:pixelated;border-radius:10px}.offer b{font:600 15px var(--font-display)}.offer.on{border-color:var(--accent);background:#ffd84a14;box-shadow:0 0 0 3px #ffd84a22}.offer span{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}#backdrop:empty{display:none}#backdrop .scene{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter 2.6s ease-out,transform 2.6s ease-out}#backdrop .scene.blurry{filter:blur(14px) brightness(.55);transform:scale(1.06)}#backdrop .sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0b1030,#241a4d 38%,#6b3a6a 62%,#d9806a 78%,#f2b27a 86%)}#backdrop .stars{position:absolute;top:0;right:0;bottom:45%;left:0}#backdrop .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{50%{opacity:.2}}#backdrop .layer{position:absolute;left:-10%;width:120%;animation:pan 40s ease-in-out infinite alternate}#backdrop .layer.far{animation-duration:60s}@keyframes pan{0%{transform:translate(-3%)}to{transform:translate(3%)}}#backdrop .layer svg{display:block;width:100%;height:auto}#backdrop .gate{position:absolute;left:50%;bottom:17%;transform:translate(-50%);width:230px;height:230px}#backdrop .gate .glow{position:absolute;left:50%;top:58%;width:110px;height:130px;transform:translate(-50%,-50%);border-radius:55px 55px 8px 8px;background:radial-gradient(ellipse at 50% 70%,#ffd9a0 0%,#c77dff 45%,#3a1e6b 75%,transparent 76%);animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{filter:brightness(1.35)}}#backdrop .ground{position:absolute;left:0;right:0;bottom:0;height:19%;background:linear-gradient(#1a2a2a,#0b1414)}#backdrop .flies i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff3b0;box-shadow:0 0 8px 3px #ffe17066;animation:drift 9s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0);opacity:.2}50%{opacity:1}to{transform:translate(40px,-60px);opacity:.3}}#backdrop .mon{position:absolute;image-rendering:pixelated;background-repeat:no-repeat}#backdrop .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,transparent 0%,#05060d66 75%),linear-gradient(transparent 60%,#05060d88)}#backdrop .lid{position:absolute;left:0;right:0;height:50%;background:#000;z-index:5;transition:transform .7s cubic-bezier(.6,0,.2,1)}#backdrop .lid.top{top:0}#backdrop .lid.bottom{bottom:0}#backdrop.lids-half .lid.top{transform:translateY(-55%)}#backdrop.lids-half .lid.bottom{transform:translateY(55%)}#backdrop.lids-open .lid.top{transform:translateY(-100%)}#backdrop.lids-open .lid.bottom{transform:translateY(100%)}#backdrop .line{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:min(560px,calc(100% - 32px));z-index:6;opacity:0;transition:opacity .5s}#backdrop .line.show{opacity:1}#backdrop .line .speech{display:flex;gap:14px;align-items:center}.hud-top{position:absolute;top:12px;left:12px;display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:10px;background:var(--menu-fill);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner),0 10px 24px -10px #000c}#hud-portrait{width:52px;height:52px;image-rendering:pixelated;border-radius:10px;border:2px solid var(--accent)}.hud-info{width:210px}#hud-name{font:600 16px var(--font-display)}#hud-name small{font:700 12px var(--font-body)}.hpbar{position:relative;height:14px;background:#2a0d14;border-radius:999px;overflow:hidden;margin:5px 0 4px}#hud-hp{height:100%;background:linear-gradient(#7dfc9a,#2fbf5b);border-radius:999px;transition:width .15s}#hud-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;font:800 10px/14px var(--font-body);text-align:center;text-shadow:0 1px 2px #000}.xpbar{height:4px;background:#ffffff14;border-radius:4px}#hud-xp{height:100%;background:var(--name);border-radius:4px}#hud-floor{font:700 24px var(--font-display);color:var(--accent);min-width:64px;text-align:center}.party{position:absolute;top:12px;right:12px;padding:8px 12px;border-radius:10px;background:var(--menu-fill);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner);font-size:13px}#toasts{position:absolute;top:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--menu-fill);border:2px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner);padding:7px 16px;border-radius:10px;animation:fade 2.6s forwards;font-size:14px}.toast span{text-transform:capitalize}@keyframes fade{0%{opacity:0;transform:translateY(6px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.chat{position:absolute;left:12px;bottom:36px;width:min(360px,calc(100vw - 24px))}#chat-log{max-height:160px;overflow-y:auto;font-size:13px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:#0b1636d9;border:2px solid #4a86e877}#chat-log:empty{display:none}#chat-log b{font-weight:800;color:var(--name)}#chat-log .system{color:var(--accent)}#chat-input{width:100%;background:#0b1636d9;border:2px solid #4a86e877;border-radius:10px}@property --p{syntax: "<number>"; inherits: false; initial-value: 0;}.skillbar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:flex-start}.skill{width:76px;display:flex;flex-direction:column;align-items:center;gap:4px}.skill-ring{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#1a3270,#0a1636 70%);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner),0 6px 14px -6px #000c}.skill-ring .disc{width:45px;height:45px}.skill-ring kbd{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--frame-outer);color:#0a1636;font:800 11px var(--font-body)}.skill-ring .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#000c calc(var(--p) * 360deg),transparent 0);pointer-events:none}.skill small{color:#fff;font:700 12px var(--font-body);text-align:center;text-shadow:0 1px 2px #000,0 0 6px #000;line-height:1.2}.skill .passive{font:800 9px var(--font-body);font-style:normal;color:var(--accent);text-shadow:0 1px 2px #000}.skill.empty .skill-ring{opacity:.45}.skill.empty small{opacity:.5}.inv{position:absolute;right:12px;top:60px;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow-y:auto}.inv h2{font-size:22px;margin-bottom:8px}.inv h3,.burner h3{font-size:15px;margin:14px 0 8px;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}.stats b{color:var(--text)}.slots{display:grid;gap:6px}.slot,.item{background:var(--glass-soft);border:1px solid var(--glass-line);border-radius:var(--r-md);padding:8px 10px;font-size:13px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.slot span{text-transform:capitalize;color:var(--faint);width:74px;font-weight:800;font-size:12px}.slot i,.item i{color:var(--faint)}.item div{width:100%;color:var(--muted);font-size:12px}.item button,.slot button{padding:4px 10px;font-size:12px;border-radius:var(--r-sm)}.item.tm{border-left:3px solid var(--c)}.slot-label{margin-left:auto}.bag{display:grid;gap:6px}.disc-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c, #888);border:2px solid #fff;vertical-align:middle;box-shadow:inset 0 0 0 3px #0003}.disc-dot.big{width:18px;height:18px}.burner,.relearner,.shop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.burner h2,.relearner h2,.shop h2{font-size:24px}.tabs{display:flex;gap:6px;align-items:center}.tabs button{border-radius:999px;padding:6px 14px}.tabs .on{background:var(--text);color:var(--ink);border-color:var(--text)}.tabs .close{margin-left:auto;border-radius:50%;width:34px;height:34px;padding:0}.burn-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.burn-slot{flex:1;background:var(--glass-soft);border:2px solid var(--c, var(--glass-line));border-radius:var(--r-md);padding:12px;font-size:14px;min-height:46px}.burn-slot.empty{color:var(--faint);border-style:dashed}.plus{font:700 24px var(--font-display);color:#ff9a4a}.result{background:var(--frame-fill);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 3px var(--c, var(--frame-inner));border-radius:14px;padding:14px;font-size:14px}.result b{font:600 18px var(--font-display)}.result div{color:var(--muted);margin-top:2px}.result.first{box-shadow:inset 0 0 0 3px var(--c, var(--frame-inner)),0 0 30px #ffd84a55}.banner{font:700 13px var(--font-display);letter-spacing:3px;color:var(--accent);margin-bottom:4px}.result.reveal{animation:reveal .6s cubic-bezier(.2,1.6,.4,1)}@keyframes reveal{0%{transform:scale(.6);opacity:0;filter:brightness(3)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.disc-pick{text-align:left;font-size:12px;border-left:3px solid var(--c);border-radius:var(--r-sm)}.disc-pick.on{background:#ffd84a1f;border-color:var(--accent)}.forge{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.forge-disc{position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid #fff;box-shadow:inset 0 0 0 14px #0004,0 0 16px currentColor}.forge-disc:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--ink)}.forge-disc.left{background:var(--a);color:var(--a);animation:forge-in-left 1.3s cubic-bezier(.6,0,.9,.6) forwards}.forge-disc.right{background:var(--b);color:var(--b);animation:forge-in-right 1.3s cubic-bezier(.6,0,.9,.6) forwards}@keyframes forge-in-left{0%{transform:translate(-170px) rotate(0)}85%{opacity:1}to{transform:translate(0) rotate(900deg) scale(.3);opacity:0}}@keyframes forge-in-right{0%{transform:translate(170px) rotate(0)}85%{opacity:1}to{transform:translate(0) rotate(-900deg) scale(.3);opacity:0}}.forge-core{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,var(--a) 45%,var(--b) 70%,transparent 72%);opacity:0;animation:forge-core 1s 1.15s ease-in-out infinite}@keyframes forge-core{0%{opacity:.6;transform:scale(.7) rotate(0);filter:blur(0)}50%{opacity:1;transform:scale(1.15) rotate(180deg);filter:blur(1px)}to{opacity:.6;transform:scale(.7) rotate(360deg);filter:blur(0)}}.forge-sparks{position:absolute;width:140px;height:140px;border-radius:50%;border:2px dashed #ff9a4a;opacity:0;animation:forge-sparks 1.6s 1.15s linear infinite}@keyframes forge-sparks{0%{opacity:.7;transform:scale(.4) rotate(0)}to{opacity:0;transform:scale(1.4) rotate(120deg)}}.forge-label{text-align:center;color:#ffcf9a;margin:0;letter-spacing:3px;font:700 13px var(--font-display);animation:forge-blink 1s infinite}@keyframes forge-blink{50%{opacity:.4}}.dive-dialog{text-align:center}.dive-dialog .row{display:flex;gap:8px}.dive-dialog .row input{flex:1}.debug{position:absolute;left:12px;top:96px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.debug-toggle{background:#5a2a2a;border-color:#a55;font-size:12px;padding:4px 10px}.debug-panel{display:flex;flex-direction:column;gap:4px;padding:10px}.debug-panel button{font-size:12px;text-align:left;padding:6px 10px}.panel.story.title-panel{overflow:visible;max-height:none}.panel.frame{background:var(--menu-fill);backdrop-filter:none;-webkit-backdrop-filter:none;border:3px solid var(--frame-outer);border-radius:12px;box-shadow:inset 0 0 0 3px var(--frame-inner),0 18px 40px -12px #000d}.panel.frame h2{color:#fff;text-shadow:0 2px 0 var(--frame-inner)}.panel.frame h3{color:var(--name)}.panel.frame .slot,.panel.frame .item,.panel.frame .burn-slot,.panel.frame .disc-pick{background:var(--menu-row);border:2px solid var(--menu-row-line);border-radius:8px}.panel.frame .item.tm,.panel.frame .disc-pick{border-left:4px solid var(--c)}.panel.frame .disc-pick.on{border-color:var(--accent);background:#ffd84a1f}.panel.frame .burn-slot{border-color:var(--c, var(--menu-row-line))}.panel.frame .burn-slot.empty{border-style:dashed}.panel.frame button:not(.primary):not(.close){background:#0a1636;border:2px solid var(--menu-row-line);border-radius:8px}.panel.frame button:not(.primary):not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.panel.frame .tabs .on{background:var(--frame-outer);color:#0a1636;border-color:var(--frame-outer)}.panel.frame .tabs .close{background:#0a1636;border:2px solid var(--frame-outer)}.panel.frame input{background:#0a1636;border:2px solid var(--menu-row-line);border-radius:8px}.panel.frame input:focus{border-color:var(--accent)}.panel.frame .result{background:#0a1636}.panel.bag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 24px));height:min(560px,calc(100vh - 24px));padding:16px 18px;display:flex;flex-direction:column;gap:12px;z-index:5}.bag-head{display:flex;align-items:center;gap:10px}.bag-head .tabs{flex:1}.bag-head .tabs button small{color:inherit;opacity:.7;font-weight:800}.bag-head .gold{font:700 16px var(--font-display);color:var(--accent)}.bag-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:14px}.bag-body.has-side{grid-template-columns:1fr 280px}.bag-main{min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.bag-detail{background:#0a1636;border:2px solid var(--menu-row-line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.bag h3{font:600 14px var(--font-display);color:var(--name);margin:4px 0 0}.empty-note{color:var(--muted);margin:auto;text-align:center;max-width:260px}@media(max-width:720px){.bag-body{grid-template-columns:1fr}.bag-detail{max-height:40%}}.sortbar{display:flex;gap:6px}.panel.frame .sortbar button{padding:3px 12px;border-radius:999px;font-size:12px}.panel.frame .sortbar button.on{background:var(--frame-outer);color:#0a1636;border-color:var(--frame-outer)}.grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:8px;min-height:0}.panel.frame .tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;position:relative;min-height:0;border-radius:10px}.tile small{color:var(--text);font-size:11px;font-weight:700;line-height:1.2;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile.empty{background:#0a163566;border:2px dashed #4a86e833;border-radius:10px}.panel.frame .tile.on,.panel.frame .slot-tile.on{border-color:var(--accent);background:#ffd84a14}.pager{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:800;font-size:13px}.panel.frame .pager button{width:34px;height:30px;padding:0;font-size:16px}.disc{position:relative;display:inline-block;flex:none;width:60px;height:60px;background:var(--img) center / 100% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0008)}.disc.big{width:90px;height:90px}.disc.ghost{--img: url(/items/tm-normal.png);opacity:.25;filter:grayscale(1)}.disc.original:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,#ff8ad8 35%,#ffd84a 45%,#7cf0ff 55%,#b38bff 65%,transparent 80%) 0 0 / 300% 100%;-webkit-mask:var(--img) center / 100% 100% no-repeat;mask:var(--img) center / 100% 100% no-repeat;mix-blend-mode:color-dodge;opacity:.85;animation:holo 2.8s linear infinite}@keyframes holo{0%{background-position:100% 0}to{background-position:-200% 0}}.tile.gear svg,.slot-tile svg,.gear-icon svg{width:34px;height:34px}.tile .count{position:absolute;top:4px;right:6px;font:800 11px var(--font-body);font-style:normal;color:#fff;text-shadow:0 1px 2px #000}.tile .item-sprite{width:36px;height:36px;image-rendering:pixelated}.item-sprite.big{width:48px;height:48px;image-rendering:pixelated}.row-buttons button.on{border-color:var(--accent);color:var(--accent)}.tile .eq{position:absolute;top:4px;left:6px;font:800 10px var(--font-body);font-style:normal;color:var(--accent)}.gear-icon{width:72px;height:72px;display:grid;place-items:center;background:#0a1636;border:2px solid var(--r);border-radius:12px;flex:none}.gear-icon svg{width:44px;height:44px}.partner{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.partner-card{display:flex;gap:16px;align-items:center}.big-portrait{width:112px;height:112px;image-rendering:pixelated;border:3px solid var(--frame-outer);border-radius:12px;box-shadow:inset 0 0 0 2px var(--frame-inner);flex:none}.partner-card h2{font-size:26px}.partner-card .hint{margin:2px 0 10px}.statgrid{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:6px}.statgrid div{background:var(--menu-row);border:2px solid var(--menu-row-line);border-radius:8px;padding:4px 8px;text-align:center}.statgrid small{display:block;font-size:10px;font-weight:800}.statgrid b{font:700 18px var(--font-display)}.slot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel.frame .slot-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:10px}.slot-tile small{color:var(--text);font-size:12px;font-weight:700;text-transform:capitalize}.slot-tile.empty{opacity:.55}.detail-head{display:flex;gap:12px;align-items:center}.detail-head h3{font:600 19px var(--font-display);color:#fff;margin:0 0 4px}.detail-head .row{display:flex;gap:6px;align-items:center}.facts{display:flex;gap:8px}.facts span{flex:1;background:var(--menu-row);border:2px solid var(--menu-row-line);border-radius:8px;padding:4px 8px}.facts small{display:block;font-size:10px;font-weight:800}.facts b{font:700 15px var(--font-display)}.bag-detail .row-buttons{flex-wrap:wrap;justify-content:flex-start}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font:800 11px var(--font-body);padding:3px 9px;border-radius:999px;background:#ffffff12;color:var(--text);border:1px solid #ffffff22}.tag.trigger{background:#ffd84a22;border-color:#ffd84a66;color:#ffe58a}.tag.shape{background:#8fd3ff22;border-color:#8fd3ff66;color:#bfe6ff}.tag.effect{background:#ff8a6a22;border-color:#ff8a6a66;color:#ffc0ad}.tag.mod{background:#b38bff22;border-color:#b38bff66;color:#d8c4ff}.tag.bonus{background:linear-gradient(90deg,#ff8ad833,#7cf0ff33);border-color:#fff5}.tag.stat{background:#6dff8a1f;border-color:#6dff8a55;color:#b8ffc6}.badge{color:var(--accent);font:800 11px var(--font-body);white-space:nowrap}.badge:before{content:"★ "}.move-row{display:flex;gap:12px;align-items:flex-start}.move-row .move-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.move-row .move-body b{font:600 15px var(--font-display)}.panel.frame .item.move-row{flex-wrap:nowrap}.burn-slot{display:flex;align-items:center;gap:10px}.burn-slot .disc{width:30px;height:30px}.panel.frame .disc-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.panel.frame .disc-pick{border-left:2px solid var(--menu-row-line)}.panel.frame .tabs button.on{background:var(--frame-outer);color:#0a1636;border-color:var(--frame-outer)}.panel.frame button.tile.on,.panel.frame button.slot-tile.on{border-color:var(--accent);background:#ffd84a14}.item-sprite{width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0008)}.slot-tile .item-sprite{width:45px;height:45px}.gear-icon .item-sprite{width:60px;height:60px}.toast{display:flex;align-items:center;gap:6px}.toast-icon{width:30px;height:30px;image-rendering:pixelated;margin:-4px 0}.pause-menu,.controls-menu{text-align:center;z-index:50}.pause-menu .row,.controls-menu .row{display:flex;gap:8px}.pause-menu .row button,.controls-menu .row button{flex:1}.muted{color:var(--text-dim, #a9b3c9);font-size:14px;margin:0}.binds{display:grid;gap:6px;text-align:left}.bind{display:flex;align-items:center;justify-content:space-between;gap:12px}.bind button{min-width:120px;padding:6px 12px}#mood{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(8,14,10,.38) 100%)}#mood.dusk{background:radial-gradient(ellipse at 50% 45%,#141e4614 35%,#060a1a99)}#mood.rain{background:radial-gradient(ellipse at 50% 45%,#283c5a29 40%,#0a101c80)}#mood.dusk.rain{background:radial-gradient(ellipse at 50% 45%,#1e285033 35%,#040814a8)}#town-mood{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 18% 8%,rgba(255,214,140,.22),transparent 55%),linear-gradient(175deg,#ffbe6e1a,#ff96500a 45%,#46285a24),radial-gradient(ellipse at 50% 45%,transparent 60%,rgba(40,20,30,.3) 100%)}#game canvas{transition:filter 2.6s ease-out,transform 2.6s ease-out}body.wake-blur #game canvas{filter:blur(14px) brightness(.55);transform:scale(1.06)}.hud-buttons{position:absolute;top:12px;right:12px;display:flex;gap:8px}.hud-btn{width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:10px;background:var(--menu-fill);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner),0 6px 14px -6px #000c;cursor:pointer}.hud-btn:hover{background:var(--menu-fill);border-color:var(--accent)}.hud-btn:hover img,.skill.dodge:hover img{animation:jiggle .32s steps(4) 1}@keyframes jiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.hud-btn img,.skill.dodge img{width:40px;height:40px;image-rendering:pixelated}.party{top:72px}.skillbar{pointer-events:auto}.skill{cursor:pointer}.skill:hover .skill-ring{border-color:var(--accent)}.skill.dodge{position:absolute;right:100%;margin-right:4px;width:60px}.skill.dodge .skill-ring{width:46px;height:46px;margin-top:8px}.skill-ring kbd{min-width:22px;width:auto;padding:0 5px;border-radius:11px}@media(max-width:560px){.hud-buttons{top:96px}.party{top:152px}.skillbar{gap:4px}.skill{width:60px}.skill-ring{width:52px;height:52px}.skill-ring .disc{width:38px;height:38px}.skill.dodge{width:52px;margin-right:2px}.skill.dodge .skill-ring{width:42px;height:42px}}.skill.dodge img{width:27px;height:27px}.party-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 8px;line-height:1;border-radius:8px;background:var(--menu-row);border:2px solid var(--menu-row-line);font-size:13px}.party-row span{color:var(--muted);font-weight:800}.party-row b{font:700 16px var(--font-display);letter-spacing:.04em}.party-row button{margin:0 0 0 4px;padding:6px 12px;font-size:12px;line-height:1;transform:none}#ui>*{transition:opacity .4s}body.cinematic #ui>:not(.panel){opacity:0;pointer-events:none}#hurt-edge{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 90px 30px #d0202088}#hurt-edge.on{animation:hurt-edge .45s ease-out}@keyframes hurt-edge{0%{opacity:0}15%{opacity:1}to{opacity:0}}.hold-skip{position:absolute;right:16px;bottom:14px;z-index:60;display:flex;align-items:center;gap:8px;color:#fffd;font:700 12px var(--font-body);pointer-events:none;opacity:0;transition:opacity .15s}.hold-skip.holding{opacity:1}.hold-skip .ring{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p, 0) * 360deg),#ffffff30 0);-webkit-mask:radial-gradient(circle,transparent 5px,#000 6px);mask:radial-gradient(circle,transparent 5px,#000 6px)}body.cinematic #ui>.hold-skip{opacity:0;pointer-events:none}body.cinematic #ui>.hold-skip.holding{opacity:1}.abra-menu .abra-rows{display:grid;gap:6px}.abra-row{display:flex;align-items:center;gap:12px;text-align:left}.abra-row b{font:800 12px var(--font-body);letter-spacing:.1em;color:var(--accent);min-width:46px}.abra-row span{font:700 15px var(--font-display)}.abra-row:disabled{opacity:.45;cursor:default}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .8s;box-shadow:inset 0 0 160px 70px #140a28}body.drowsy:after{opacity:.85}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .8s;box-shadow:inset 0 0 140px 50px #ff7a1a66}body.hot:before{opacity:.7}body.burning:before{opacity:1;box-shadow:inset 0 0 160px 60px #e0301a88;animation:burn-pulse 1s ease-in-out infinite}@keyframes burn-pulse{50%{opacity:.6}}.status-strip{position:absolute;bottom:112px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}.status-chip{position:relative;width:38px;height:38px;border-radius:9px;background:var(--menu-fill);border:2px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner);overflow:hidden;display:grid;place-items:center}.status-chip img{position:relative;z-index:1;width:20px;height:20px;image-rendering:pixelated;margin-top:-6px}.status-chip .fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#ff8a2a55;transition:height .25s}.status-chip.s-drowsy .fill{background:#9a80ff55}.status-chip.s-air .fill{background:#4ab0ff55}.status-chip.s-wind .fill{background:#c8dcff66}.status-chip.s-shelter .fill{background:#6ad89a55}.status-chip.s-dark .fill{background:#3a4a9a55}.status-chip.s-companion .fill{background:#ffe27a44}.status-chip.s-harmony .fill{background:#ffd04a55}.status-chip.s-discord .fill{background:#c4283e55}.status-chip b{position:absolute;left:0;right:0;bottom:2px;z-index:1;text-align:center;font:800 10px var(--font-body);color:#fff;text-shadow:0 1px 2px #000}.status-list{display:grid;gap:6px}.status-item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;background:var(--menu-row);border:2px solid var(--menu-row-line)}.status-item img{width:32px;height:32px;image-rendering:pixelated}.status-item b{font:700 14px var(--font-display)}.status-item small{color:var(--accent);margin-left:4px}.status-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}@media(max-width:560px){.status-strip{bottom:100px}}#status-tip{position:fixed;z-index:70;transform:translate(-50%,-100%);width:max-content;max-width:240px;padding:8px 12px;border-radius:10px;background:var(--menu-fill);border:2px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner),0 8px 18px -8px #000c;pointer-events:none;opacity:0;transition:opacity .12s}#status-tip.show{opacity:1}#status-tip b{font:700 14px var(--font-display)}#status-tip p{margin:2px 0 0;font:600 12px var(--font-body);color:var(--muted)}.bag-detail.opening{animation:side-in .22s ease-out}@keyframes side-in{0%{opacity:0;translate:16px 0}}.bag-detail{position:relative}.detail-close{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:8px;font-size:13px}.slot-sil{width:40px;height:40px;image-rendering:pixelated}.bag-detail .detail-head{padding-right:30px}#hud-name small{white-space:nowrap}.panel.bag{width:min(560px,calc(100vw - 24px));transition:width .22s ease-out}.panel.bag:has(.bag-body.has-side){width:min(860px,calc(100vw - 24px))}.pause-menu,.dive-dialog{width:min(340px,calc(100vw - 32px))}#mood.sea{background:radial-gradient(ellipse at 50% 40%,#288caa1f 30%,#041e3c8c)}body.low-air:after{opacity:.9;box-shadow:inset 0 0 160px 70px #0a2a5a;animation:burn-pulse 1.2s ease-in-out infinite}.status-chip.no-label img{margin-top:0}#mood.gold{background:radial-gradient(ellipse at 50% 0%,#ffd27838,#ffbe5a14 45%,#3c1e0a59)}.burner.shop,.shop{width:min(400px,calc(100vw - 32px));gap:6px}.shop h3{font-size:13px;color:var(--muted);margin-top:4px}.shop .tabs{align-items:center}.shop .purse{margin-left:auto;margin-right:10px;padding:2px 10px;border-radius:var(--r-md);background:var(--glass-soft);border:1px solid var(--glass-line);font:700 15px var(--font-display);color:var(--accent)}.shop .bag{gap:4px}.shop-row{flex-wrap:nowrap;padding:5px 8px}.shop-icon{position:relative;flex:none;width:30px;height:30px}.shop-icon .item-sprite{width:30px;height:30px;image-rendering:pixelated}.shop-icon i{position:absolute;left:-6px;top:-6px;padding:0 3px;background:#e0463a;color:#fff;font:800 9px var(--font-body);font-style:normal;border-radius:3px;transform:rotate(-8deg)}.on-sale button{color:#8ef0a0}.shop-body{flex:1;min-width:0;display:flex;flex-direction:column}.shop-body b{font-size:14px}.shop-body small{color:var(--muted)}.shop-body .have{color:var(--faint);font-weight:600}.shop-row button{flex:none;min-width:64px;padding:4px 8px}.shop-row s{opacity:.55;color:var(--text)}.shop-row.locked .item-sprite{filter:grayscale(1) brightness(.6)}.belt{position:absolute;left:100%;top:11px;margin-left:8px;display:flex;gap:8px}.belt:not(:has(.belt-item:not(.empty))){display:none}.belt-item{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#1a3270,#0a1636 70%);border:3px solid var(--frame-outer);box-shadow:inset 0 0 0 2px var(--frame-inner);cursor:pointer}.belt-item.empty{opacity:.4;cursor:default}.belt-item .item-sprite{width:28px;height:28px;image-rendering:pixelated}.belt-item b{position:absolute;left:-4px;bottom:-4px;font:800 11px var(--font-body);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.belt-item kbd{position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--frame-outer);color:#0a1636;font:800 10px var(--font-body)}#hud-name .rank{font-weight:800}#hud-name .coin{width:1em;height:1em;vertical-align:-.14em;margin-right:3px}:root{--px: 3px;--text: #2e1c12;--muted: #5e4430;--faint: #7e624a;--name: #9a3e14;--accent: #ffc83a;--accent-press: #a8700c;--accent-ink: #2e1c12;--gold-text: #8a5404;--danger: #b0281c;--ok: #2e7a20;--glass: transparent;--glass-soft: transparent;--glass-line: transparent;--glass-hover: transparent;--frame-fill: transparent;--frame-outer: #2a1810;--frame-inner: #8a5430;--frame-deep: #f1e4c6;--menu-fill: transparent;--menu-row: transparent;--menu-row-line: transparent;--cream: #f1e4c6}@media(max-height:520px),(max-width:720px){:root{--px: 2px}}body{color:#f2ead8}.panel,.panel.frame,.panel.story,.hud-top,.toast,.party,#chat-log,.status-chip{border:calc(var(--px) * 6) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 6) stretch;background:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;image-rendering:pixelated;color:var(--text)}.panel{padding:6px 10px 8px}.hud-top{padding:0 6px 0 0;gap:10px}.toast{padding:0 8px}#chat-log{padding:0 4px}.status-chip{padding:0 4px;border-width:calc(var(--px) * 4);border-image-width:calc(var(--px) * 4)}.panel.frame .slot,.panel.frame .item,.panel .item,.panel.frame .burn-slot,.panel.frame .disc-pick,.statgrid div,.offer,.tile,.slot-tile,.tile.empty,.bag-detail,.gear-icon,.result,.panel.frame .result,.shop .purse,.party-row{border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;background:none;border-radius:0;box-shadow:none;image-rendering:pixelated}.panel.frame .tile.on,.panel.frame .slot-tile.on,.offer.on,.panel.frame .disc-pick.on,.tile.on{border-image-source:var(--k-inset-on);background:none;box-shadow:none}.panel.frame .item.tm,.panel.frame .disc-pick{border-left:calc(var(--px) * 3) solid transparent}.tile.empty{opacity:.7}button,.btn,.login-btn,.quiz-answers button,.panel button:not(.primary),.panel.frame button:not(.primary):not(.close){border:0;border-style:solid;border-color:transparent;border-width:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6);border-image:var(--k-btn) 4 4 6 4 fill / calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6) stretch;background:none;border-radius:0;box-shadow:none;image-rendering:pixelated;color:var(--text);padding:0 6px;font:800 13px var(--font-body);min-height:0}button:hover,.panel button:not(.primary):not(:disabled):hover,.quiz-answers button:hover{background:none;filter:brightness(1.05);color:var(--text)}button:active:not(:disabled){transform:translateY(var(--px))}button.primary,.login-btn.guest,.panel button.primary{border-image-source:var(--k-btn-gold);color:var(--accent-ink);background:none;box-shadow:none;padding:2px 10px}button.primary:active{box-shadow:none}button:disabled{opacity:.5;filter:grayscale(.4)}.login-btn.discord,.login-btn.google{border-image-source:var(--k-btn-wood);color:#fff8e6}button.link,.panel button.link{border:0;border-image:none;background:none;color:var(--muted);text-decoration:underline;padding:4px}.close,.panel .tabs .close,.panel.frame .tabs .close{border:0!important;border-image:none!important;background:none!important;color:var(--text);font-size:20px;width:auto;height:auto;padding:0 4px}.panel .tabs button:not(.close),.panel.frame .tabs button:not(.close),.sortbar button{border-width:calc(var(--px) * 3) calc(var(--px) * 3) var(--px);border-image:var(--k-tab-off) 4 4 1 4 fill / calc(var(--px) * 3) calc(var(--px) * 3) var(--px) stretch;color:var(--muted);padding:0 6px;border-radius:0}.panel .tabs button.on:not(.close),.panel.frame .tabs button.on:not(.close),.panel.frame .sortbar button.on{border-image-source:var(--k-tab);color:var(--text);background:none}.bag-head .tabs button small{color:inherit}input,.panel input,.panel.frame input{border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;background:none;border-radius:0;color:var(--text);padding:2px 6px}input:focus,.panel input:focus{border-image-source:var(--k-inset-on)}.panel h1,.panel h2,.panel.frame h2,.title-panel h1{color:var(--text);text-shadow:none}.panel h3,.panel.frame h3,.bag h3{color:var(--name)}.panel small,.panel .hint,.item div,.result div{color:var(--muted)}.nametag{background:var(--cream);border:calc(var(--px) * 1) solid var(--frame-outer);color:var(--name);border-radius:0}.panel.story .portrait,.big-portrait,#hud-portrait,.char-card img,.offer img{border:var(--px) solid var(--frame-outer);border-radius:0;box-shadow:none;background:#e2cca0}.tile small,.tile .count{color:var(--text);text-shadow:none}.tile .eq,.bag-head .gold,.shop .purse,.badge,#hud-floor{color:var(--gold-text)}.on-sale button{color:var(--ok)!important}.shop-icon i{border:var(--px) solid var(--frame-outer);border-radius:0}.quiz-foot{color:var(--name)}.pips i{background:#2e1c1233;border-radius:0}.pips i.done{background:var(--gold-text)}.pips i.now{background:var(--name)}.error{color:var(--danger)}.ok{color:var(--ok)}::-webkit-scrollbar-thumb{background:#2e1c1240}.tag{background:#2e1c1214;border:var(--px) solid #2e1c1233;border-radius:0;color:var(--text)}.tag.trigger{background:#ffc83a33;border-color:#a8700c66;color:#6a4204}.tag.shape{background:#4a90d826;border-color:#1e56b066;color:#1a4a90}.tag.effect{background:#e0603a26;border-color:#b0401c66;color:#8a2e10}.tag.mod{background:#8a5ad026;border-color:#6a3ab066;color:#4e2488}.tag.stat{background:#3a9a3a26;border-color:#227a2c66;color:#1e5e1e}.tag.bonus{background:#ffc83a40;border-color:#a8700c88;color:#5a3a04}#hud-name{color:var(--text)}#hud-name small{color:var(--muted)}#hud-name .rank{text-shadow:1px 0 0 var(--frame-outer),-1px 0 0 var(--frame-outer),0 1px 0 var(--frame-outer),0 -1px 0 var(--frame-outer),1px 1px 0 var(--frame-outer),-1px 1px 0 var(--frame-outer),1px -1px 0 var(--frame-outer),-1px -1px 0 var(--frame-outer)}.hpbar{background:#2e1c12;border-radius:0;height:14px;box-shadow:0 0 0 var(--px) var(--frame-outer)}#hud-hp{background:#5cb03a;border-radius:0;box-shadow:inset 0 calc(var(--px) * 1) 0 #9ae86a,inset 0 calc(var(--px) * -1) 0 #3a8020}#hud-hp-text{color:#fff;text-shadow:0 1px 0 #2e1c12,0 0 2px #2e1c12}.xpbar{background:#2e1c1226;border-radius:0}#hud-xp{background:#4a90d8;border-radius:0}#hud-floor{font-size:20px}#chat-log{color:var(--text)}#chat-log b{color:var(--name)}#chat-log .system{color:var(--gold-text)}.status-chip{color:var(--text)}.hud-btn,.debug-toggle{border-width:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6);border-image:var(--k-btn) 4 4 6 4 fill / calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6) stretch;background:none;border-radius:0;box-shadow:none}.hud-btn:hover{background:none;border-color:transparent}.debug-toggle{color:#8a1e10;font-weight:800;padding:0 4px}.skill-ring,.belt-item{background:var(--k-ring) center / 100% 100% no-repeat;image-rendering:pixelated;border:0;box-shadow:none;border-radius:50%}.skill-ring{width:calc(var(--px) * 28);height:calc(var(--px) * 28)}.skill-ring .disc{width:62%;height:62%}.belt-item{width:calc(var(--px) * 20);height:calc(var(--px) * 20);background-image:var(--k-ring-sm)}.belt-item .item-sprite{width:60%;height:60%}.skill-ring kbd,.belt-item kbd{background:var(--cream);color:var(--text);border:var(--px) solid var(--frame-outer);border-radius:0}.skill-ring .cd{inset:calc(var(--px) * 4);background:conic-gradient(#1a100ab8 calc(var(--p) * 360deg),transparent 0)}.skill:hover .skill-ring{filter:brightness(1.08)}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#touch .t-left{position:absolute;left:0;top:30%;bottom:0;width:45%;pointer-events:auto}#touch .t-right{position:absolute;right:0;top:30%;bottom:0;width:55%;pointer-events:auto}.t-stick{position:absolute;left:110px;top:calc(100% - 110px);width:calc(var(--px) * 48);height:calc(var(--px) * 48);transform:translate(-50%,-50%);background:var(--k-stick) center / 100% 100% no-repeat;image-rendering:pixelated;opacity:.6;transition:opacity .15s}.t-stick.on{opacity:1}.t-stick i{position:absolute;left:50%;top:50%;width:calc(var(--px) * 24);height:calc(var(--px) * 24);margin:calc(var(--px) * -12) 0 0 calc(var(--px) * -12);background:var(--k-orb) center / 100% 100% no-repeat;image-rendering:pixelated}.t-btn{position:absolute;padding:0;border:0!important;border-image:none!important;box-shadow:none;border-radius:50%;display:grid;place-items:center;background:var(--k-ring) center / 100% 100% no-repeat;image-rendering:pixelated;color:var(--text);touch-action:none}.t-btn.down{transform:scale(.92);filter:brightness(1.1)}.t-btn .cd{position:absolute;inset:calc(var(--px) * 4);border-radius:50%;background:conic-gradient(#1a100ab8 calc(var(--p) * 360deg),transparent 0);pointer-events:none}.t-atk{right:20px;bottom:20px;width:calc(var(--px) * 40);height:calc(var(--px) * 40);background-image:var(--k-orb-gold);font:700 15px var(--font-display);color:var(--accent-ink)}.t-move{width:calc(var(--px) * 28);height:calc(var(--px) * 28)}.t-m1{right:116px;bottom:16px}.t-m2{right:104px;bottom:88px}.t-m3{right:36px;bottom:120px}.t-disc{width:62%;height:62%;background:center / 100% 100% no-repeat;image-rendering:pixelated}.t-move.empty{opacity:.45}.t-move.passive{opacity:.75}.t-dodge{right:182px;bottom:14px;width:calc(var(--px) * 24);height:calc(var(--px) * 24)}.t-ico{width:60%;height:60%;background:center / 100% 100% no-repeat;image-rendering:pixelated}.t-item{width:calc(var(--px) * 20);height:calc(var(--px) * 20);background-image:var(--k-ring-sm)}.t-item img{width:60%;image-rendering:pixelated}.t-item b{position:absolute;left:-2px;bottom:-4px;font:800 11px var(--font-body);color:#fff;text-shadow:0 1px 0 #2e1c12,0 0 3px #2e1c12}.t-item.empty{opacity:.35}.t-item.empty img{visibility:hidden}.t-i1{right:182px;bottom:76px}.t-i2{right:160px;bottom:128px}.t-use{right:28px;bottom:186px;width:calc(var(--px) * 24);height:calc(var(--px) * 24);background-image:var(--k-orb);font:800 12px var(--font-display)}.t-aim{position:fixed;left:50%;top:50%;width:120px;height:4px;margin-top:-2px;transform-origin:0 50%;background:repeating-linear-gradient(90deg,#fff8e6 0 8px,transparent 8px 14px);filter:drop-shadow(0 1px 0 #2e1c12);pointer-events:none}.t-streak{position:fixed;height:4px;margin-top:-2px;transform-origin:0 50%;background:#fff8e6;box-shadow:0 1px #2e1c12;z-index:3;pointer-events:none;animation:streak .3s ease-out forwards}@keyframes streak{0%{opacity:.9}to{opacity:0}}body.touch #skillbar,body.touch kbd{display:none}body.cinematic #touch{opacity:0}body.cinematic #touch *{pointer-events:none}#rotate{display:none}@media(orientation:portrait)and (max-width:700px){body.touch.playing #rotate{display:grid;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;place-items:center;background:#1a1210;color:#fbf0d4;font:700 18px var(--font-display);text-align:center;padding:24px}}.panel.frame,.title-panel,.quiz,.dive-dialog,.pause-menu,.controls-menu,.abra-menu,.burner,.relearner,.shop{max-height:calc(100dvh - 16px);height:auto}.panel.bag{height:auto;max-height:calc(100dvh - 16px)}.pager{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:800;font-size:13px}@media(max-height:520px){.panel h2{font-size:18px}.title-panel h1{font-size:28px}.panel.bag{width:min(820px,calc(100vw - 16px))}.offers{grid-template-columns:repeat(3,minmax(0,120px));justify-content:center}.offer img{width:44px;height:44px}.portrait{width:48px;height:48px}.quiz-q{font-size:16px}.quiz-answers{display:grid;grid-template-columns:1fr 1fr}.quiz-answers button{font-size:12px}.hud-top{top:4px;left:4px}#hud-portrait{width:40px;height:40px}.hud-info{width:150px}#hud-floor{font-size:16px;min-width:0}.hud-btn{width:44px;height:46px}.hud-btn img{width:26px;height:26px}#toasts{top:60px}.grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}}.chat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;bottom:16px}.chat #chat-log{order:0;width:100%}.chat .chat-btn{order:2}.chat #chat-input{order:1;display:none;width:100%}.chat.open #chat-input{display:block}body.touch .chat{bottom:auto;top:46%;transform:translateY(-50%);width:min(300px,40vw)}.binds.two{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.shop .bag{grid-template-columns:1fr 1fr}@media(max-width:560px){.binds.two,.shop .bag{grid-template-columns:1fr}}.disc-grid{grid-template-columns:repeat(4,1fr)}.relearner .purse,.burner .purse{margin-left:auto;margin-right:6px;font:700 15px var(--font-display);color:var(--gold-text)}.relearner .purse{border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;padding:0 6px}button,.btn,.login-btn,.quiz-answers button,.panel button:not(.primary),.panel.frame button:not(.primary):not(.close){border-image-source:var(--k-btn-wood);color:#fff4dc;padding:3px 12px 1px;min-height:calc(var(--px) * 16);display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;text-shadow:0 1px 0 #2a1810}button.primary,.login-btn.guest,.panel button.primary{border-style:solid;border-color:transparent;border-width:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6);border-image:var(--k-btn-gold) 4 4 6 4 fill / calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6) stretch;color:var(--accent-ink);text-shadow:none;padding:3px 14px 1px;font-weight:800}.quiz-answers button{justify-content:flex-start;text-align:left}button:hover,.panel button:not(.primary):not(:disabled):hover,.quiz-answers button:hover{background:none;color:inherit;filter:brightness(1.08)}.t-btn:hover{background-color:transparent}.login-btn.discord,.login-btn.google{border-image-source:var(--k-btn-wood)}.close,.panel .tabs .close,.panel.frame .tabs .close,.detail-close{width:calc(var(--px) * 9 + 8px)!important;height:calc(var(--px) * 9 + 8px)!important;min-height:0!important;padding:0!important;border:0!important;border-image:none!important;font-size:0!important;color:transparent!important;text-shadow:none!important;background:var(--k-x) center / calc(var(--px) * 9) no-repeat!important;image-rendering:pixelated}.detail-close{position:absolute;top:6px;right:6px}.panel .tabs:not(:has(h2)),.bag-head .tabs{box-shadow:inset 0 calc(var(--px) * -2) 0 #8a5430;align-items:flex-end;gap:4px}.panel .tabs button:not(.close),.sortbar button{text-shadow:none;min-height:0;padding:2px 10px 0}.sortbar{box-shadow:none}.pager button{width:calc(var(--px) * 16);padding:0!important;font-size:16px}.hud-top{padding:0 4px;gap:10px}#hud-name small{word-spacing:2px}#hud-name small>*+*{margin-left:8px}#hud-xp{background:#e8902a;box-shadow:inset 0 var(--px) 0 #ffc060}.xpbar{height:calc(var(--px) * 2);background:#2e1c1240}.hud-btn{width:calc(var(--px) * 20);height:calc(var(--px) * 22);padding:0;display:grid;place-items:center}.hud-btn img{width:calc(var(--px) * 12);height:calc(var(--px) * 12);margin:0}.debug-toggle{min-height:0;padding:0 8px;color:#fff4dc}.skillbar{gap:calc(var(--px) * 4);align-items:center}.skill{width:auto}.skill small,.skill .passive{display:none}.skill-ring{width:calc(var(--px) * 28);height:calc(var(--px) * 30);border-radius:0;background:var(--k-slot) center / 100% 100% no-repeat}.skill-ring .disc{width:58%;height:58%;margin-bottom:calc(var(--px) * 2)}.skill-ring .cd{inset:calc(var(--px) * 2) calc(var(--px) * 2) calc(var(--px) * 4);border-radius:0;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}.skill-ring kbd{right:calc(var(--px) * -2);bottom:calc(var(--px) * -1)}.skill.dodge{width:auto;margin-right:calc(var(--px) * 3)}.skill.dodge .skill-ring{width:calc(var(--px) * 20);height:calc(var(--px) * 22);margin-top:0;background-image:var(--k-slot-sm)}.skill.dodge img{width:55%;height:55%;margin-bottom:calc(var(--px) * 2)}.belt{top:50%;transform:translateY(-50%);margin-left:calc(var(--px) * 7);gap:calc(var(--px) * 4)}.belt-item{width:calc(var(--px) * 20);height:calc(var(--px) * 22);border-radius:0;background:var(--k-slot-sm) center / 100% 100% no-repeat}.belt-item .item-sprite{margin-bottom:calc(var(--px) * 2)}.belt-item b{left:auto;right:calc(var(--px) * -3);top:calc(var(--px) * -4);bottom:auto;font:700 13px var(--font-display);color:#fff;text-shadow:1px 0 0 #2a1810,-1px 0 0 #2a1810,0 1px 0 #2a1810,0 -1px 0 #2a1810,1px 1px 0 #2a1810}.belt-item.empty{opacity:.5}.panel{overflow-x:hidden}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.disc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bag-body.has-side{grid-template-columns:minmax(0,1fr) minmax(200px,34%)}.shop,.burner,.relearner{width:min(620px,calc(100vw - 16px))}.shop .bag{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-row{min-width:0;gap:6px}.shop-body b{font-size:13px;line-height:1.15}.shop-body small{font-size:11px;line-height:1.2}.shop-row button{min-width:0;padding:2px 8px 0;font-size:12px}.panel.frame .tile,.tile{min-width:0}.gem{position:absolute;top:calc(var(--px) * 2);right:calc(var(--px) * 2);width:calc(var(--px) * 7);height:calc(var(--px) * 7);background:var(--gem) center / 100% no-repeat;image-rendering:pixelated}.gear-icon,.slot-tile{position:relative}.pips-star{display:flex;gap:var(--px);height:calc(var(--px) * 5);margin:calc(var(--px) * -1) 0}.pips-star i{width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:var(--k-star) center / 100% no-repeat;image-rendering:pixelated}.gear-art{position:relative;display:block;line-height:0}.gear-art .pips-star{position:absolute;left:50%;bottom:calc(var(--px) * -2);transform:translate(-50%);margin:0}.tile.gear .count{top:calc(var(--px) * 10);right:calc(var(--px) * 2);font:700 12px var(--font-display)}.rank-ink,.bag h3.rank-ink,.panel h3.rank-ink{color:var(--ink)}.bag-detail .hint.spaced{display:flex;flex-wrap:wrap;column-gap:10px}.bag-detail .hint.spaced span{white-space:nowrap;margin-left:0}@media(max-height:520px){.bag-detail:has(.gear-icon){gap:6px}.bag-detail .gear-icon{width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.bag-detail .gear-icon .item-sprite{width:36px;height:36px}.bag-detail .detail-head{gap:8px}.bag-detail .detail-head h3{font-size:15px;margin-bottom:0}.bag-detail .passive,.bag-detail .locked{font-size:12px;line-height:1.2;margin:0}}button .gold-text{margin-left:.35em}.bag-detail .passive{font-weight:700}.bag-detail .locked{color:var(--danger)}.bag-detail .cap{text-transform:capitalize}.gold-text{color:var(--gold-text)}.debug-panel{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:min(460px,calc(100vw - 24px))}.debug-panel button{font-size:11px;min-height:0;padding:2px 6px 0;justify-content:flex-start}#chat-log{font:700 13px var(--font-body)}.chat #chat-input{font:700 14px var(--font-body)}html,body,#game canvas{cursor:var(--cursor)}button,a,.tile,.t-btn,[data-act]{cursor:var(--cursor)}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#game,#game canvas,#touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(orientation:portrait)and (max-width:700px){body.touch.playing #rotate{background:#0e080699;-webkit-backdrop-filter:brightness(.6);backdrop-filter:brightness(.6);color:#fbf0d4;text-shadow:0 2px 0 #2a1810;pointer-events:none;z-index:1}body.touch.playing #touch,body.touch.playing #ui>:not(.hud-buttons):not(.panel){display:none}}.t-trail{position:fixed;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff8e6;box-shadow:0 0 0 2px #2a1810;z-index:3;pointer-events:none;animation:trail .32s ease-out forwards}@keyframes trail{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.t-item b{left:auto;right:-6px;top:-6px;bottom:auto;font:700 13px var(--font-display);text-shadow:1px 0 0 #2a1810,-1px 0 0 #2a1810,0 1px 0 #2a1810,0 -1px 0 #2a1810}.burner .tabs .purse{margin-left:auto;margin-right:6px;font:700 15px var(--font-display);color:var(--gold-text)}.burn-slot.empty{display:grid;place-items:center}.burn-slot .disc.ghost{width:40px;height:40px}.burn-go{justify-content:center}.burn-go .cost{margin-left:8px;padding-left:8px;border-left:2px solid #2e1c1240;font:800 13px var(--font-body)}.confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,90%);display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;z-index:5}.confirm p{margin:0;font-weight:800}button.check,.panel button.check{border:0!important;border-image:none!important;background:none;color:var(--muted);text-shadow:none;gap:8px;padding:0;min-height:0;font-weight:700}button.check:before{content:"";width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--k-check) center / 100% no-repeat;image-rendering:pixelated;flex:none}button.check.on:before{background-image:var(--k-check-on)}.debug-toggle{border-image-source:var(--k-btn-wood)}.belt-item b{right:0;top:calc(var(--px) * -3)}.panel.debug-panel{grid-template-columns:repeat(3,minmax(0,1fr));max-width:min(560px,calc(100vw - 24px));padding:2px 4px 4px}.panel.debug-panel button{min-height:calc(var(--px) * 13);font-size:11px;padding:1px 6px 0}button,.btn,.login-btn,.quiz-answers button,.panel button:not(.primary),.panel.frame button:not(.primary):not(.close){border-image-source:var(--k-btn-cream);color:var(--text);text-shadow:none}.debug-toggle,.login-btn.discord,.login-btn.google{border-image-source:var(--k-btn-wood);color:#fff4dc}button.link,.panel button.link,.panel button.link:hover{color:var(--name)}.panel .tabs:not(:has(h2)),.bag-head .tabs{box-shadow:none;align-items:center}.panel .tabs button:not(.close),.panel.frame .tabs button:not(.close),.sortbar button{border-style:solid;border-width:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6);border-image:var(--k-btn-dim) 4 4 6 4 fill / calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6) stretch;color:var(--faint);padding:2px 10px 0;min-height:0}.panel .tabs button.on:not(.close),.panel.frame .tabs button.on:not(.close),.panel.frame .sortbar button.on{border-image-source:var(--k-btn-cream);color:var(--text)}.skill-ring{width:calc(var(--px) * 26);height:calc(var(--px) * 26);background-image:var(--k-slot)}.skill-ring .disc{width:64%;height:64%;margin:0}.skill-ring .cd{inset:calc(var(--px) * 2)}.skill.dodge .skill-ring,.belt-item{width:calc(var(--px) * 20);height:calc(var(--px) * 20);background-image:var(--k-slot-sm)}.skill.dodge img,.belt-item .item-sprite{margin:0}.belt-item b,.t-item b{font:700 22px var(--font-display);right:calc(var(--px) * -2);top:calc(var(--px) * -6)}#touch .t-btn{background-image:var(--k-slot);background-size:100% 100%;border-radius:0}#touch .t-btn .cd{border-radius:0;inset:calc(var(--px) * 2);clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}#touch .t-item,#touch .t-dodge,#touch .t-use{background-image:var(--k-slot-sm)}#touch .t-atk{background-image:var(--k-slot-gold);width:calc(var(--px) * 36);height:calc(var(--px) * 36)}.t-sword{width:calc(var(--px) * 14);height:calc(var(--px) * 13);background:var(--k-sword) center / 100% 100% no-repeat;image-rendering:pixelated}#touch .t-left,#touch .t-right,#touch .t-btn{touch-action:none}@media(orientation:portrait)and (max-width:700px){body.touch.playing #ui>:not(.panel){display:none}}.panel.bag{height:min(560px,calc(100dvh - 16px))}@media(max-height:520px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.tile small{font-size:10px}}#chat-input,.chat #chat-input{background:none;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;border-radius:0;color:var(--text);image-rendering:pixelated}#chat-input::placeholder{color:var(--faint)}.debug{left:auto;right:12px;top:calc(var(--px) * 22 + 22px);align-items:flex-end}#touch .t-disc{width:calc(var(--px) * 17);height:calc(var(--px) * 17)}#touch .t-ico{width:calc(var(--px) * 12);height:calc(var(--px) * 12)}#touch .t-item img{width:calc(var(--px) * 13)}@media(max-height:520px){.grid{grid-template-rows:repeat(2,minmax(0,1fr))}.grid .disc{width:40px;height:40px}.panel.frame .tile{gap:2px;padding:2px}}@media(max-height:520px){.grid .disc,.grid .item-sprite{width:28px;height:28px}.grid .tile small{-webkit-line-clamp:1;line-height:1.1}.grid .tile.gear svg{width:24px;height:24px}.sortbar button,.panel .tabs button:not(.close){font-size:12px}}.bag-head .tabs button small{margin-left:4px}.belt-item b,.t-item b{right:calc(var(--px) * 1);top:calc(var(--px) * -2)}.hint.spaced span+span{margin-left:10px}@media(max-height:520px){.panel{overflow-y:hidden}.burner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:10px;row-gap:4px;align-content:start}.burner>h2{display:none}.burner>.tabs{grid-column:1 / -1}.burner>.burn-row:not(.burn-go){grid-column:1;grid-row:2 / span 2;flex-direction:column;align-items:stretch;gap:2px}.burner .plus{text-align:center;line-height:1}.burner .burn-slot{min-height:0;padding:2px}.burner>.burn-go{grid-column:1;grid-row:4}.burner>.error{grid-column:1;grid-row:5}.burner>.result{grid-column:2;grid-row:2 / span 4;align-self:start}.burner:has(>.result)>.disc-grid,.burner:has(>.result)>.pager{display:none}.burner>h3{display:none}.burner>.disc-grid{grid-column:2;grid-row:2 / span 3;grid-template-columns:repeat(4,minmax(0,1fr))}.burner>.pager{grid-column:2;grid-row:5}.burner .disc-grid .disc{width:26px;height:26px}.burner .disc-grid .tile small{-webkit-line-clamp:1;font-size:10px}.burner>.bag{grid-column:1 / -1}.shop .shop-row{padding:0 2px}.shop h3{margin:0;font-size:12px}.partner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:12px;row-gap:2px;overflow:hidden}.partner-card{grid-column:1;grid-row:1 / span 4;flex-direction:column;align-items:flex-start;gap:6px}.partner-card>div{width:100%}.partner-card h2{font-size:18px}.big-portrait{width:56px;height:56px}.statgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.statgrid b{font-size:14px}.statgrid small{font-size:9px}.partner>h3,.partner>.slot-row{grid-column:2}.slot-row .slot-tile{padding:2px}.slot-row .slot-tile svg,.slot-row .disc{width:26px;height:26px}.slot-row .slot-tile small{font-size:10px}}.shop-row s{margin-right:4px}body.immersion #ui>.hud-buttons{opacity:.75;pointer-events:auto}body.immersion .t-trail{display:none}body.immersion #ui>.hud-buttons #hud-bag{visibility:hidden}body.immersion #touch{opacity:0}body.immersion #touch *{pointer-events:auto}.hud-off{display:none!important}.hud-off-edit{opacity:.35}#touch:not(.locked) .t-stick{translate:none!important}#hud-edit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e080640;touch-action:none}.hud-edit-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}.hud-edit-bar h2{font-size:18px;margin-right:6px}.hud-box{position:absolute;outline:2px dashed #fff8e6;outline-offset:2px;background:#fff8e61a;cursor:grab;touch-action:none}.hud-box:active{cursor:grabbing;background:#fff8e633}.hud-box.off{outline-color:#fff8e666}.hud-box span{position:absolute;left:0;top:-22px;white-space:nowrap;font:800 11px var(--font-body);color:#fff8e6;text-shadow:0 1px 0 #2a1810,0 0 3px #2a1810}.hud-box .check{position:absolute;right:-4px;top:-26px}body.hud-editing #touch{opacity:1!important}.hud-box span{left:4px;top:4px;padding:1px 6px;background:#2a1810cc;color:#fff8e6;text-shadow:none}.hud-box .check{right:4px;top:4px;background:#2a1810cc;padding:2px}.hud-btn{border:0;border-image:none;background:var(--k-hudbtn) center / 100% 100% no-repeat;image-rendering:pixelated;width:calc(var(--px) * 20);height:calc(var(--px) * 20);border-radius:0;box-shadow:none}.hud-btn:hover{background:var(--k-hudbtn) center / 100% 100% no-repeat;filter:brightness(1.06);border:0}.chat{pointer-events:none}.chat>*{pointer-events:auto}.panel.story{overflow:visible}.panel.story .nametag{top:calc(var(--px) * -9);z-index:1}.error:empty{display:none}body.touch .chat{left:auto;right:12px;top:auto;bottom:calc(var(--px) * 98);transform:none;align-items:flex-end;width:min(300px,40vw)}.reveal-row{display:flex;gap:14px;align-items:stretch;margin:6px 0 4px}.reveal-row .offers{margin:0;flex:1;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.reveal-side{display:flex;flex-direction:column;justify-content:center;gap:8px;width:180px;flex:none}.reveal-side input{width:100%}.title-panel #quiz.link{align-self:center}@media(max-width:480px){.reveal-row{flex-direction:column}.reveal-side{width:auto}}.hud-box.small span{top:auto;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.hud-box.small .check{top:auto;right:auto;left:calc(100% - 10px);bottom:-14px}button.link,.panel button.link{min-height:0;padding:0 4px;border-width:0;line-height:1.3}.title-panel{gap:6px}#ui>.chat{pointer-events:none}#ui>.chat>*{pointer-events:auto}#ui>.hud-buttons{z-index:5}body.immersion:not(.touch) #ui>.hud-buttons{opacity:0;pointer-events:none}#touch .t-use{right:calc(var(--px) * 46);bottom:calc(var(--px) * 92)}body.hud-editing #touch .t-use.hidden{display:grid!important}body.vantage #town-mood{display:none}.wish-btn{position:fixed;left:50%;bottom:14%;transform:translate(-50%);z-index:60}.wish-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:61;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:220px}.wish-card h2{font-size:20px}.wish-card.star-gold h2{color:var(--gold-text)}.wish-card.star-rainbow h2{color:#b0409a}.wish-line{display:flex;align-items:center;gap:8px}.wish-line .item-sprite{width:30px;height:30px;image-rendering:pixelated}.wish-btn{transition:opacity .6s}.wish-btn.asleep{opacity:0;pointer-events:none}.panel.dps{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:0 6px}.dps-row{display:flex;align-items:center;gap:16px}.dps-row span{display:flex;flex-direction:column;align-items:center;line-height:1.1}.dps-row small{font-size:10px;font-weight:800;color:var(--muted)}.dps-row b{font:700 18px var(--font-display);color:var(--text)}.panel.dps{top:calc(var(--px) * 30 + 24px)}.party-panel{position:absolute;left:8px;top:calc(var(--px) * 30 + 30px);display:flex;flex-direction:column;gap:4px;min-width:170px;padding:0 2px}.party-panel .pm{display:flex;gap:6px;align-items:center}.party-panel .pm.off{opacity:.5}.party-panel .pm img,.party-panel .pi{width:28px;height:28px;image-rendering:pixelated;border:1px solid var(--frame-outer);background:#e2cca0;flex:none}.party-panel .pm b{font-size:13px;display:block;line-height:1.1}.party-panel .pm small{font-size:11px}.party-panel .pbar{width:100px;height:6px;background:#2e1c12;margin-top:2px}.party-panel .pbar i{display:block;height:100%;background:#5cb03a}.party-panel .row-buttons button{font-size:11px;min-height:0;padding:0 8px}.player-menu{position:fixed;z-index:30;display:flex;flex-direction:column;gap:4px;align-items:center;padding:0 4px}.party-invite{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:14px}.party-invite p{margin:0;font-weight:800}.dps-row span{width:64px}.panel.dps{left:auto;right:10px;transform:none;top:calc(var(--px) * 22 + 60px)}.dps-row{flex-direction:column;gap:4px;align-items:stretch}.dps-row span{width:auto;flex-direction:row;justify-content:space-between;gap:12px}.dps-row b{min-width:56px;text-align:right}#mood.sunset{background:radial-gradient(ellipse at 30% 20%,#ffbe6e2e,#ff8c461a 45%,#461e1e6b);mix-blend-mode:normal}.party-panel.compact{flex-direction:row;align-items:center;min-width:0;gap:6px;padding:0 4px}.party-panel.compact .pm{flex-direction:column;gap:2px}.party-panel.compact .pm b,.party-panel.compact .pm small{display:none}.party-panel.compact .pm img,.party-panel.compact .pi{width:26px;height:26px}.party-panel.compact .pbar{width:26px;height:4px;margin:0}.party-panel.compact .pm:first-child img{box-shadow:0 0 0 2px var(--gold-text)}.party-panel.compact .row-buttons{margin-left:2px}.party-panel.compact .row-buttons button{font-size:10px;padding:0 6px}.panel.dps.compact .dps-row{gap:2px}.panel.dps.compact .dps-row b{font-size:14px;min-width:40px}.panel.dps.compact .dps-row button{font-size:11px;min-height:0;padding:0 8px}.party-panel.compact .row-buttons button{min-height:calc(var(--px) * 12)}body.cinematic #ui>.hud-panel{opacity:0;pointer-events:none}#restarting{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:100;text-align:center;padding:6px 18px}#restarting p{margin:0;font-weight:800}.status-chip{width:calc(var(--px) * 20);height:calc(var(--px) * 20);padding:0;border:0!important;border-image:none!important;border-radius:0;box-shadow:none;background:var(--k-slot-sm) center / 100% 100% no-repeat;image-rendering:pixelated;overflow:visible;display:grid;place-items:center}.status-chip img{width:55%;height:55%;margin:0!important}.status-chip .fill{inset:auto calc(var(--px) * 2) calc(var(--px) * 2);clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);opacity:.9}.status-chip b{bottom:calc(var(--px) * -4);font:700 12px var(--font-display);color:var(--text);text-shadow:1px 0 0 #fff8e6,-1px 0 0 #fff8e6,0 1px 0 #fff8e6,0 -1px 0 #fff8e6,1px 1px 0 #fff8e6,-1px -1px 0 #fff8e6}.status-strip{gap:calc(var(--px) * 3)}.burner .sortbar{display:flex;gap:4px}@media(max-height:520px){.burner>.sortbar{grid-column:2;grid-row:2}.burner>.disc-grid{grid-row:3 / span 2}}.status-chip{width:calc(var(--px) * 16);height:calc(var(--px) * 16);background-image:var(--k-slot-xs)}.status-chip img{width:62%;height:62%}.status-chip b{font-size:11px;bottom:calc(var(--px) * -4)}#status-tip{border:calc(var(--px) * 4) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 4) stretch;border-radius:0;background:none;box-shadow:none;image-rendering:pixelated;padding:0 6px;color:var(--text)}#status-tip b{color:var(--name)}#status-tip p{color:var(--text)}.panel.dps.compact .dps-row{flex-direction:row;align-items:center;gap:10px}.panel.dps.compact .dps-row span{flex-direction:column;align-items:center;gap:0;width:44px}.panel.dps.compact .dps-row b{min-width:0;text-align:center;font-size:13px}.panel.dps.compact .dps-row small{font-size:9px}.panel.dps.compact .dps-row button{min-height:calc(var(--px) * 12)}.panel.frame .sortbar button:not(.primary):not(.close){border-image-source:var(--k-btn-dim);color:var(--faint)}.panel.frame .sortbar button.on:not(.primary):not(.close){border-image-source:var(--k-btn-wood);color:#fff4dc}@media(max-height:520px){.pause-menu{width:min(560px,calc(100vw - 24px));display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;align-items:stretch}.pause-menu>h2,.pause-menu>.party-row,.pause-menu>p{grid-column:1 / -1}.pause-menu>h2{font-size:16px;text-align:center}.pause-menu button{min-height:calc(var(--px) * 13);font-size:12px;padding-top:1px;padding-bottom:0}.pause-menu .party-row{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12px}}@media(max-height:520px){.pause-menu>h2{order:-3}.pause-menu>[data-act=resume]{order:-2}.pause-menu>[data-act=controls]{order:-1}.pause-menu{padding-bottom:4px}}.pause-menu.confirming{display:flex;flex-direction:column;gap:6px;width:min(320px,calc(100vw - 24px))}.pause-menu.confirming .row{display:flex;flex-direction:column;gap:6px}.pause-menu.confirming .row button{width:100%}.pad-focus{outline:3px solid var(--accent);outline-offset:2px;filter:brightness(1.08)}.pad-setup{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;align-items:center;min-width:260px;padding-top:14px}.pad-setup .ask{margin:0;font:600 18px var(--font-display)}#net-stats{display:none}body.net-stats #net-stats{display:block;position:fixed;right:8px;bottom:6px;z-index:9000;pointer-events:none;font:11px/1 ui-monospace,monospace;color:#fff;opacity:.8;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}#net-stats span+span{margin-left:10px}.panel.frame.starforge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 16px));max-height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:8px}.starforge h2{font-size:24px}.starforge .tabs{align-items:center}.starforge .purse{margin-left:auto;margin-right:6px;font:700 15px var(--font-display);color:var(--gold-text);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;padding:0 6px}.forge-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,42%);gap:10px;min-height:0}.forge-list{display:flex;flex-direction:column;gap:6px;min-width:0}.forge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(var(--px) * 34);gap:4px}.panel.frame .forge-grid .tile{gap:1px;padding:1px 2px;justify-content:center}.forge-grid .tile>*{flex-shrink:0}.forge-grid .tile small{font-size:11px;line-height:1.15;display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;max-width:100%}.forge-grid .tile small.rk{font:700 11px var(--font-display);color:var(--ink)}.forge-grid .tile .gear-art{margin-bottom:calc(var(--px) * 2)}.forge-grid .tile .item-sprite{width:30px;height:30px}.forge-side{display:flex;flex-direction:column;gap:6px;min-width:0}.forge-side .detail-head{display:flex;align-items:center;gap:10px}.forge-side .detail-head h3{margin:0;font-size:17px;line-height:1.1}.forge-side .hint{margin:0;font-weight:700}.forge-side .gear-icon{width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.forge-side .gear-icon .item-sprite{width:40px;height:40px}.forge-modes{display:flex;gap:4px}.forge-modes button{flex:1;font-size:13px}.forge-arrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.forge-arrow b{font:700 20px var(--font-display);color:var(--text)}.forge-arrow span:last-child{color:var(--text);font:700 14px var(--font-display)}.forge-arrow small{display:block;font:700 12px var(--font-body);color:var(--muted)}.forge-side .facts{gap:4px}.forge-side .facts span{border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;background:none;border-radius:0;image-rendering:pixelated;padding:0 6px}.forge-side .facts span.short b{color:var(--danger)}.forge-go{margin-top:auto;width:100%}.forge-result{margin:0;font:700 15px var(--font-display);animation:forge-pop .3s steps(3) both}.forge-result.bad{color:var(--danger)}@keyframes forge-pop{0%{transform:scale(1.3);opacity:0}to{transform:none;opacity:1}}@media(max-width:560px){.forge-body{grid-template-columns:1fr}}@media(max-height:520px),(max-width:720px){.forge-grid{grid-auto-rows:calc(var(--px) * 38)}.forge-grid .tile .item-sprite{width:24px;height:24px}.forge-grid .tile small,.forge-grid .tile small.rk{font-size:10px}}@media(max-height:520px){.starforge{width:min(700px,calc(100vw - 16px));gap:4px}.starforge h2{font-size:18px}.forge-side{gap:4px}.forge-side .detail-head h3{font-size:15px}.forge-arrow{font-size:11px}.forge-result{font-size:13px}}