: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)}button:focus,[tabindex]:focus,a:focus{outline:none}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}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-glow{flex:none;image-rendering:pixelated;background-repeat:no-repeat;background-position:0 0;animation:mystery-glow 1.5s steps(6) infinite}@keyframes mystery-glow{to{background-position:var(--glow-w) 0}}.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}.player-menu .pm-title{color:#6a4f9c;font-weight:700;font-size:12px;margin-top:-4px}.season{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--muted);font-size:13px;font-weight:600}.title-word{position:relative;display:inline-block}.season-tag.stamp{position:absolute;right:-14px;bottom:-22px;transform:rotate(-7deg);font-size:12px;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px #0004}.season-tag{font:700 13px var(--font-display);color:var(--name);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;padding:0 4px;line-height:1.2}.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 canvas{height:100%;aspect-ratio:112 / 64;image-rendering:pixelated;cursor:pointer}.forge-label{text-align:center;color:#ffcf9a;margin:0;letter-spacing:3px;font:700 13px var(--font-display);animation:forge-blink 1s steps(2) 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)}.pdisc.holo{position:relative}.disc.original:after,.pdisc.holo: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{position:relative;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 button.sealed{position:relative;overflow:visible;filter:saturate(.55) brightness(.92);cursor:not-allowed}.pause-menu:has(button.sealed){padding-bottom:calc(var(--px) * 6)}.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;flex-wrap:nowrap;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:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px}.abra-row b{font:800 12px var(--font-body);letter-spacing:.1em;color:var(--accent);text-align:left}.abra-row span{font:700 15px var(--font-display);text-align:center}.abra-menu>button[data-close]{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}.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 .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#1a100ab8 calc(var(--p) * 360deg),transparent 0);pointer-events:none}.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-win,.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}#hud-floor.hollow{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:0;max-width:112px}#hud-floor.hollow b{font:700 15px var(--font-display);color:var(--name);white-space:nowrap}#hud-floor.hollow small{font:800 12px var(--font-body);color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}#legend-arrow{position:absolute;left:0;top:0;display:grid;place-items:center;pointer-events:none;z-index:5}#legend-arrow img{box-sizing:border-box;width:calc(var(--px) * 16);height:calc(var(--px) * 16);image-rendering:pixelated;grid-area:1 / 1;border:calc(var(--px) * 2) solid transparent;border-image:var(--k-inset-dark) 3 fill / calc(var(--px) * 2) stretch}#legend-arrow i{width:calc(var(--px) * 11);height:calc(var(--px) * 11);background:var(--k-arrow-0) center / 100% 100%;image-rendering:pixelated;grid-area:1 / 1}#legend-arrow[data-dir="0"] i{background-image:var(--k-arrow-0);transform:translate(calc(var(--px) * 14),calc(var(--px) * 0))}#legend-arrow[data-dir="1"] i{background-image:var(--k-arrow-1);transform:translate(calc(var(--px) * 11),calc(var(--px) * 11))}#legend-arrow[data-dir="2"] i{background-image:var(--k-arrow-2);transform:translate(calc(var(--px) * 0),calc(var(--px) * 14))}#legend-arrow[data-dir="3"] i{background-image:var(--k-arrow-3);transform:translate(calc(var(--px) * -11),calc(var(--px) * 11))}#legend-arrow[data-dir="4"] i{background-image:var(--k-arrow-4);transform:translate(calc(var(--px) * -14),calc(var(--px) * 0))}#legend-arrow[data-dir="5"] i{background-image:var(--k-arrow-5);transform:translate(calc(var(--px) * -11),calc(var(--px) * -11))}#legend-arrow[data-dir="6"] i{background-image:var(--k-arrow-6);transform:translate(calc(var(--px) * 0),calc(var(--px) * -14))}#legend-arrow[data-dir="7"] i{background-image:var(--k-arrow-7);transform:translate(calc(var(--px) * 11),calc(var(--px) * -11))}#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-floor.hollow b{font-size:12px}#hud-floor.hollow small{font-size:10px}#hud-floor.hollow{max-width:84px}.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{width:100%}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;flex:0 0 auto!important;min-width:calc(var(--px) * 9 + 8px)!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}.gembadge{--bp: 2px;position:absolute;top:0;right:0;width:calc(var(--bp) * 17);height:calc(var(--bp) * 17);pointer-events:none}.gembadge .g{position:absolute;left:calc(var(--bp) * 2);top:calc(var(--bp) * 2);width:calc(var(--bp) * 13);height:calc(var(--bp) * 13);background:var(--sheet) 0 0 / calc(var(--bp) * 104) 100% no-repeat;image-rendering:pixelated;animation:gem-frames var(--gs) steps(8) infinite}@keyframes gem-frames{to{background-position-x:calc(var(--bp) * -104)}}.gembadge .mote{position:absolute;left:calc(var(--bp) * var(--x));top:calc(var(--bp) * var(--y));width:calc(var(--bp) * var(--w));height:calc(var(--bp) * var(--w));background:var(--sp) 0 0 / calc(var(--bp) * var(--w) * 4) 100% no-repeat;image-rendering:pixelated;animation:mote-frames var(--ms) steps(4) infinite var(--md)}@keyframes mote-frames{to{background-position-x:calc(var(--bp) * var(--w) * -4)}}.gembadge.still .g{animation:none;background-position-x:calc(var(--bp) * -65)}.starcount{font:700 .85em var(--font-display);opacity:.75;margin-left:2px}.gear-icon{position:relative}.gear-icon .gembadge{top:-12px;right:-12px}@media(prefers-reduced-motion:reduce){.gembadge .g,.gembadge .mote{animation:none}}.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 .in-stats{font-size:11px;margin:-2px 0 0}.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}.login-btn.discord,.login-btn.google{background:#8a5430;background-clip:padding-box}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:2}.nametag{white-space:nowrap;width:max-content;max-width:none;overflow:visible;line-height:1.3;text-overflow:clip}.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}:where(#ui>.panel.frame:not(.hud-panel)){z-index:6}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}.panel.frame .bag-detail button[data-act=hotkey].on{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,.panel.frame.vault{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,.vault h2{font-size:24px}.starforge .tabs,.vault .tabs{align-items:center}.starforge .purse,.vault .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.starcount{display:inline}.forge-side .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.forge-side .facts span{min-width:0}.forge-side .facts span:last-child:nth-child(odd){grid-column:1 / -1}.forge-side .facts b{white-space:nowrap}.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}}.forge-arrow span{white-space:nowrap}.burner.archive-on{width:min(880px,calc(100vw - 16px));gap:6px;z-index:6}.archive{display:flex;flex-direction:column;gap:6px;min-height:0}.ar-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:calc(var(--px) * 10)}.ar-bar button{height:calc(var(--px) * 11)}.ar-chip .x{display:inline-block;width:calc(var(--px) * 5);height:calc(var(--px) * 5);margin-left:4px;background:var(--k-x) center / 100% 100% no-repeat;image-rendering:pixelated;vertical-align:middle}.panel.frame .archive button.ar-slot,.panel.frame .archive button.ar-mini,.panel.frame .archive button.ar-named{border:0;border-image:none;background:none;padding:0;min-height:0;height:auto}.archive .ar-slot,.archive .ar-mini,.archive .ar-named{cursor:pointer}.archive button.ar-slot:hover,.archive button.ar-mini:hover,.archive button.ar-named:hover{filter:brightness(1.12)}.ar-wall{display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.shelf{display:grid;grid-template-columns:calc(var(--px) * 22) minmax(0,1fr) calc(var(--px) * 34);column-gap:8px;align-items:end}.shelf-label{display:flex;flex-direction:column;line-height:1.1;padding-bottom:2px}.shelf-label b{font:600 13px var(--font-display);color:var(--name)}.shelf-label small{font-size:10px;font-weight:800;white-space:nowrap}.shelf-discs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));justify-items:center;align-items:end}.ar-slot{display:grid;place-items:center;width:100%}.ar-slot .disc,.ar-slot.empty{width:calc(var(--px) * 13);height:calc(var(--px) * 13)}.ar-slot.empty{display:block}.shelf .pager{gap:2px;font-size:11px;align-self:center;white-space:nowrap}.panel.frame .shelf .pager button{width:calc(var(--px) * 9);height:calc(var(--px) * 10);font-size:13px}.plank{grid-column:1 / -1;height:calc(var(--px) * 5);border:solid transparent;border-width:calc(var(--px) * 2) calc(var(--px) * 3);border-image:var(--k-shelf) 2 3 2 3 fill / calc(var(--px) * 2) calc(var(--px) * 3) stretch;image-rendering:pixelated}.ar-opts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.panel.frame .archive button.ar-opt{height:calc(var(--px) * 12);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:4px}.panel.frame .archive button.ar-opt.on{border-image-source:var(--k-tab);color:var(--text)}.ar-opt .sw{display:inline-block;flex:none;width:calc(var(--px) * 4);height:calc(var(--px) * 4);border:var(--px) solid var(--frame-outer)}.ar-results{display:flex;flex-direction:column;gap:4px}.ar-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.panel.frame .archive button.ar-named.wide{flex-direction:row;align-items:center;gap:8px;text-align:left;min-width:0}.panel.frame .archive button.ar-named.wide{max-width:none;flex:1;justify-content:flex-start}.ar-named.wide>span{display:flex;flex-direction:column;gap:3px;min-width:0}.ar-named.wide b{font:600 14px var(--font-display);display:block;color:var(--text)}.ar-roots>small{font-size:10px;font-weight:800;margin-right:2px}.ar-named.wide .disc{width:calc(var(--px) * 13);height:calc(var(--px) * 13)}.ar-roots{display:flex;align-items:center;gap:2px;flex:none}.ar-mini{position:relative}.ar-mini .disc{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.ar-mini .n{position:absolute;right:-2px;bottom:-2px;font:800 10px var(--font-body);font-style:normal;color:var(--text)}.ar-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:10px;align-items:start}.ar-cols.solo{grid-template-columns:minmax(0,320px);justify-content:center}.ar-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;min-width:0}.ar-card h3{font:600 19px var(--font-display);color:var(--text);margin:0}.ar-card .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.ar-card .tags{justify-content:center}.ar-card .ar-by{margin:0;font-size:12px}.ar-card .facts{width:100%}.ar-card .facts span{padding:2px 4px}.ar-gen{font:800 11px var(--font-body);color:var(--muted)}.ghost-card .disc.big{opacity:.35}.ar-side h3{margin:0 0 4px;font-size:14px}.ar-list{display:flex;flex-direction:column;gap:4px}.ar-route{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;padding:2px 4px;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.ar-route .plus{font:700 14px var(--font-display);color:var(--muted)}.panel.frame .archive button.ar-named{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:calc(var(--px) * 34)}.ar-named .disc{width:calc(var(--px) * 12);height:calc(var(--px) * 12)}.ar-named small{font-size:11px;font-weight:800;color:var(--text);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-who{flex-basis:100%;font-size:10px;font-weight:800}.ar-sides{display:flex;flex-direction:column;gap:4px;min-width:0}.ar-cols.collapsed{grid-template-columns:minmax(0,1fr)}.ar-cols.collapsed .ar-side:not(.on){display:none}.ar-cols.collapsed .ar-side h3{display:none}.ar-cols.collapsed .ar-route{flex-wrap:nowrap}.ar-cols.collapsed .ar-who{flex-basis:auto;margin-left:auto;text-align:right}@media(max-width:720px){.ar-opts{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-roots .ar-mini:nth-child(n+4){display:none}}@media(max-height:520px){.burner.archive-on{display:flex;flex-direction:column;gap:4px}.burner.archive-on>h2{display:none}.ar-cols.collapsed{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.ar-card{gap:3px;padding:4px}.ar-card .disc.big{width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.ar-card h3{font-size:15px}.ar-card .facts b{font-size:13px}.ar-slot .disc,.ar-slot.empty{width:calc(var(--px) * 14);height:calc(var(--px) * 14)}.shelf-label b{font-size:12px}.shelf{grid-template-columns:calc(var(--px) * 26) minmax(0,1fr) calc(var(--px) * 40)}.shelf .pager{font-size:10px;gap:1px}.ar-opts{grid-template-columns:repeat(6,minmax(0,1fr))}.ar-named.wide b{font-size:13px}.ar-result .tags{display:none}}.case-head b{font:600 15px var(--font-display);color:var(--name)}.tile.ghost-tile{opacity:.55}.bag-detail .ar-card{border:0;border-image:none;padding:0}.panel.bag{width:min(620px,calc(100vw - 24px))}@media(max-height:520px){.panel.bag{width:min(820px,calc(100vw - 16px))}}.panel.bag:has(.bag-body.has-side){width:min(860px,calc(100vw - 24px))}@media(max-width:560px){.bag-head .tabs button small{display:none}.bag-head .tabs{gap:2px}.panel .bag-head .tabs button:not(.close){padding:0 3px;font-size:12px}}#boss-bar{position:absolute;top:calc(var(--px) * 4);left:50%;transform:translate(-50%);width:calc(var(--px) * 130);max-width:calc(100vw - 32px);display:grid;justify-items:center;gap:calc(var(--px) * 1);pointer-events:none;z-index:4}#boss-bar[hidden]{display:none}#boss-bar b{font:700 20px var(--font-display);color:#fff3d6;text-shadow:1px 0 0 #2a1810,-1px 0 0 #2a1810,0 1px 0 #2a1810,0 -1px 0 #2a1810,1px 1px 0 #2a1810,-1px 1px 0 #2a1810,1px -1px 0 #2a1810,-1px -1px 0 #2a1810,0 2px 0 #2a1810}#boss-bar.legend b{color:#ffd860}#boss-bar .bbar{position:relative;box-sizing:border-box;width:100%;height:calc(var(--px) * 10);border:calc(var(--px) * 2) solid transparent;border-image:var(--k-inset-dark) 3 fill / calc(var(--px) * 2) stretch;image-rendering:pixelated}#boss-bar .bbar i{position:absolute;left:0;top:0;bottom:0}#boss-bar .drain{background:#f3ecdc}#boss-bar .fill{background:#d8402e;box-shadow:inset 0 var(--px) 0 #ff9a7a,inset 0 calc(var(--px) * -1) 0 #8a2018}#boss-bar.legend .fill{background:#c8382a}#boss-bar .bbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:800 13px var(--font-body);color:#fff;text-shadow:1px 0 0 #2a1810,-1px 0 0 #2a1810,0 1px 0 #2a1810,0 -1px 0 #2a1810}@media(max-height:520px){#boss-bar{width:calc(var(--px) * 110)}#boss-bar b{font-size:15px}#boss-bar .bbar span{font-size:11px}}body.touch:has(.hollow-mini) .chat{right:calc(12px + var(--px) * 56 + 8px);width:min(240px,32vw)}body.touch:has(.hollow-mini) .chat:not(.open) #chat-log{max-height:calc(var(--px) * 20)}.pause-menu .sound-row{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font:700 13px var(--font-body);color:var(--text)}.pause-menu .sound-row b{min-width:3.2em;text-align:right;font:700 13px var(--font-display);color:var(--name)}.sound-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:calc(var(--px) * 9);margin:0;background:none;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;cursor:pointer}.sound-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--px) * 7);height:calc(var(--px) * 11);background:var(--k-btn-gold) center / 100% 100%;image-rendering:pixelated;border:0;border-radius:0}.sound-row input[type=range]::-moz-range-thumb{width:calc(var(--px) * 7);height:calc(var(--px) * 11);background:var(--k-btn-gold) center / 100% 100%;image-rendering:pixelated;border:0;border-radius:0}.sound-row input[type=range]::-moz-range-track{background:none}.ar-bar .ar-search{width:calc(var(--px) * 46);min-width:0;flex:0 1 auto;font:700 13px var(--font-body);color:var(--text);background:none;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;border-radius:0;padding:2px 6px;image-rendering:pixelated;outline:none}.ar-bar .ar-search::placeholder{color:var(--faint)}#disc-tip{position:fixed;z-index:80;transform:translate(-50%,-100%);max-width:260px;display:none;flex-direction:column;gap:3px;padding:2px 8px 4px;border:calc(var(--px) * 4) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 4) stretch;image-rendering:pixelated;pointer-events:none;color:var(--text)}#disc-tip.below{transform:translate(-50%)}#disc-tip.show{display:flex}#disc-tip b{font:700 15px var(--font-display);color:var(--name)}#disc-tip .row{display:flex;gap:6px;align-items:center}.shelf-label .sw{display:inline-block;width:calc(var(--px) * 3);height:calc(var(--px) * 3);margin-right:4px;vertical-align:0;border:var(--px) solid var(--frame-outer)}.ar-wall.towers{gap:calc(var(--px) * 3)}.tower-shelf{align-items:end}.tower{position:relative;height:calc(var(--d) + 10px);perspective:520px;touch-action:none;justify-self:start;max-width:100%}.tdisc{position:absolute;bottom:4px;width:var(--d);height:var(--d);padding:0;margin:0;border:0;background:none;cursor:pointer;transform:rotateY(68deg);transform-origin:50% 100%;transition:transform .12s ease-out}.tdisc .disc{width:100%;height:100%}.tower .tdisc:hover{filter:brightness(1.12)}.ar-held{display:flex;align-items:center;gap:6px;justify-content:center}.ar-held .ar-step{min-width:calc(var(--px) * 11);padding:0 6px;font:700 18px var(--font-display)}.ar-held.pulled .ar-card{animation:ar-pull .32s ease-out}@keyframes ar-pull{0%{transform:translateY(-18px) scale(1.04);opacity:.4}to{transform:none;opacity:1}}.archive .tower .tdisc{border:0!important;border-image:none!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-width:0!important;min-height:0!important;padding:0!important}.pdisc{display:inline-block;flex:none;width:48px;height:48px;background:var(--img) center / 100% 100% no-repeat;image-rendering:pixelated}.pdisc.big{width:96px;height:96px}.ar-mini .pdisc,.ar-named .pdisc{width:36px;height:36px}.tdisc .pdisc{width:100%;height:100%}.burner.archive-on{width:min(700px,calc(100vw - 16px))}.burner .tabs .ar-tools{display:flex;gap:6px;align-items:center;margin-left:8px}.burner .tabs .ar-search{width:calc(var(--px) * 40);min-width:0;font:700 13px var(--font-body);color:var(--text);background:none;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;border-radius:0;padding:2px 6px;image-rendering:pixelated;outline:none}.burner .tabs .ar-search::placeholder{color:var(--faint)}.burner.archive-on>h2{display:none}.burner.archive-on{gap:4px;padding-top:4px}.ar-wall.towers{gap:0}.tower-shelf{row-gap:0}.tower{height:calc(var(--d) + 4px)}.tdisc{bottom:0}.ar-cols.collapsed{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.ar-cols.collapsed .ar-held .ar-card{width:calc(var(--px) * 74)}.ar-cols.collapsed .ar-side.on{display:flex;flex-direction:column;min-height:calc(var(--px) * 40)}@media(max-width:560px){.ar-cols.collapsed{grid-template-columns:minmax(0,1fr)}}.burner .tabs .close{margin-left:0}.tower-shelf{display:grid;grid-template-columns:minmax(0,1fr);position:relative}.tower-shelf .tower{justify-self:center}.tower-shelf .shelf-label{position:absolute;left:0;bottom:calc(var(--px) * 7)}.tower-shelf>.pager{position:absolute;right:0;bottom:calc(var(--px) * 9)}.panel.frame .archive .ar-route button.ar-named{max-width:none;flex:0 1 auto}.ar-route .ar-named small{white-space:normal;overflow:visible;text-overflow:clip;max-width:calc(var(--px) * 46);text-align:center}@media(max-height:520px){.ar-cols.collapsed .ar-held .ar-card{width:auto;max-width:calc(var(--px) * 120);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:center;justify-items:start;text-align:left}.ar-cols.collapsed .ar-held .ar-card>.disc{grid-row:1 / span 6;width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.ar-cols.collapsed .ar-held .ar-card h3{font-size:15px}.ar-cols.collapsed .ar-held .ar-card .row,.ar-cols.collapsed .ar-held .ar-card .tags{justify-content:flex-start}.ar-cols.collapsed .ar-held .ar-card .ar-by{font-size:11px}.ar-cols.collapsed .ar-held .ar-card .facts span{padding:0 4px}.ar-cols.collapsed{gap:8px}}.tower .tdisc,.panel.frame .tower .tdisc{border:0!important;border-image:none!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-width:0!important;min-height:0!important;padding:0!important}.tower .tdisc.on{transform:translateY(-8px) rotateY(0);z-index:150}.tower .tdisc.orig{opacity:.4;cursor:default}.burn-towers .ar-wall.towers{gap:0}.burner>.burn-towers{display:flex;flex-direction:column}@media(max-height:520px){.burner>.burn-towers{grid-column:2;grid-row:3 / span 3}.burner:has(>.result)>.burn-towers{display:none}}.tower .tdisc:disabled,.tower .tdisc:active{transform:rotateY(68deg)}.tower .tdisc.on:active{transform:translateY(-8px) rotateY(0)}.tower .tdisc.orig{opacity:.4}.case-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.case-head b{font:600 15px var(--font-display);color:var(--name);white-space:nowrap}.case-head b small{font:700 12px var(--font-body);color:var(--muted)}.case{display:flex;flex-direction:column;min-height:0}.case .ar-wall.towers{gap:0}.case .tower{margin-top:14px}.tcount{position:absolute;top:-14px;width:var(--d);text-align:center;font:700 11px/12px var(--font-display);color:var(--gold-text);pointer-events:none;font-style:normal}.tower .tdisc.ghost:not(.on){opacity:.3;filter:grayscale(1) brightness(.85)}.tower .tdisc.ghost:not(.on):hover{opacity:.55}.tower .tdisc.ghost.on{filter:grayscale(.6)}.bag-detail .pager.copies{gap:2px;font-size:11px;margin:0;white-space:nowrap}.panel.frame .bag-detail .pager.copies button{width:calc(var(--px) * 8);height:calc(var(--px) * 8);min-height:0;padding:0;font-size:12px}.bag-detail .pager.copies{justify-content:flex-start;margin-top:4px}@media(max-width:560px){.bag-body.case-on.has-side{grid-template-columns:minmax(0,1fr)}.bag-body.case-on.has-side>.bag-main{display:none}.bag-body.case-on.has-side>.bag-detail{max-height:none}}@media(max-height:520px){.bag-detail:has(.detail-head>.disc.big){gap:4px;padding-top:8px;padding-bottom:8px}.bag-detail:has(.detail-head>.disc.big)>.hint{display:none}.bag-detail:has(.detail-head>.disc.big) .facts b{font-size:13px}.bag-detail .detail-head>.disc.big{width:calc(var(--px) * 20);height:calc(var(--px) * 20)}.bag-detail:has(.detail-head>.disc.big) .tags .tag{font-size:11px;padding:0 4px}.bag-detail:has(.detail-head>.disc.big) .facts small{font-size:10px}.bag-detail:has(.detail-head>.disc.big) .row-buttons{flex-wrap:nowrap;gap:4px}.panel.frame .bag-detail:has(.detail-head>.disc.big) .row-buttons button{flex:1 1 0;min-width:0;padding:2px 2px 0;font-size:11px;white-space:nowrap;letter-spacing:-.02em}.bag-detail .ar-card{gap:4px}}@media(max-height:520px){.case-head b{font-size:13px}.case .tower{margin-top:11px}.tcount{top:-11px;font-size:10px;line-height:10px}}.relic{--rp: 3px;display:inline-block;flex:none;font-style:normal;width:calc(var(--rp) * 16);height:calc(var(--rp) * 16);background:var(--sheet) 0 0 / 400% 100% no-repeat;image-rendering:pixelated;animation:relic-glint 2.4s steps(1) infinite}@keyframes relic-glint{0%{background-position-x:0}6%{background-position-x:33.333%}12%{background-position-x:66.667%}18%,to{background-position-x:100%}}.relic.sm{--rp: 2px;vertical-align:middle;margin:-6px 0}.relic.big{--rp: 4px}@media(prefers-reduced-motion:reduce){.relic{animation:none;background-position-x:100%}}.forge-grid .tile .relic{margin-bottom:calc(var(--px) * 1);--rp: var(--px)}.forge-side .facts b .relic.sm{margin:-2px 0}.vault-pool{display:flex;flex-wrap:wrap;gap:2px}.vault-pool .item-sprite{width:30px;height:30px;filter:none}.vault-made{display:flex;align-items:center;gap:10px;font:700 15px var(--font-display)}.vault-made .gear-icon{width:calc(var(--px) * 16);height:calc(var(--px) * 16)}.vault-made .gear-icon .item-sprite{width:32px;height:32px}.vault-made .gear-icon .gembadge{top:-10px;right:-10px}.slot-row.gear4{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-tile .relic{--rp: var(--px)}.slot-tile.gadget[disabled]{cursor:default}.slot-tile.gadget.empty .relic{filter:grayscale(1) brightness(.55)}.forge-grid .tile.gadget .relic{--rp: var(--px);margin-bottom:calc(var(--px) * 1)}.forge-side .gadget-tiers{flex-direction:column;flex-wrap:nowrap;gap:3px}.forge-side .gadget-tiers .tag{opacity:.5}.forge-side .gadget-tiers .tag.on{opacity:1}.forge-side .gadget-tiers .tag.next{opacity:1;border-color:var(--accent)}@media(min-height:521px){.forge-side .facts span.wide{grid-column:1 / -1}}.forge-side .gear-icon .relic{--rp: var(--px)}@media(max-height:520px){.forge-side .gadget-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.forge-side .facts .relic.sm{display:none}.forge-side .gadget-tiers .tag{font-size:10px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.panel.frame.quest-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 16px));height:var(--guild-h);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:8px}:root{--guild-h: min(600px, calc(100dvh - 16px) )}@media(max-height:520px){:root{--guild-h: calc(100dvh - 16px) }}.quest-board h2{font-size:24px;margin:0 6px 0 0}.quest-board .tabs{align-items:center;flex-wrap:nowrap}.quest-board .tabs>button:not(.close){flex:0 1 auto;min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}.quest-board .purse{flex:0 0 auto}.quest-board .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}.q-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,48%);gap:10px;min-height:0}.q-body.solo{grid-template-columns:1fr}.q-list{display:flex;flex-direction:column;gap:4px;min-width:0}.quest-board.panel.frame .q-list .q-row,.q-list .q-row.empty{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:calc(var(--px) * 16);text-align:left;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;padding:0 6px;font:700 13px var(--font-body);color:var(--text)}.quest-board.panel.frame .q-list .q-row.on{border-image-source:var(--k-inset-on)}.q-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-row em{flex:none;font:700 13px var(--font-display);font-style:normal;color:var(--muted)}.q-row.ready em{color:var(--gold-text);font-size:16px}.q-row.claimed{opacity:.55}.q-row.empty{opacity:.5}.q-side{display:flex;flex-direction:column;gap:6px;min-width:0}.q-side h3{margin:0;font-size:17px;line-height:1.1}.q-say{margin:0;font-style:italic;color:var(--text);font-size:13px;line-height:1.3}.q-hazard{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.3}.q-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.q-steps li{display:flex;align-items:center;gap:6px;font:700 13px var(--font-body)}.q-steps li i{flex:none;width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--k-check) center / 100% no-repeat;image-rendering:pixelated}.q-steps li.done i{background-image:var(--k-check-on)}.q-steps li.done span{color:var(--muted)}.q-steps li span{flex:1;min-width:0}.q-steps li em{font:700 13px var(--font-display);font-style:normal;color:var(--gold-text)}.q-reward{display:flex;flex-wrap:wrap;gap:4px}.q-reward .q-rw,.q-reward>span{display:flex;align-items:center;gap:4px;padding:0 6px;min-height:calc(var(--px) * 12);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.q-reward b{font:700 12px var(--font-body);white-space:nowrap}.q-reward .q-rw-gold b,.q-reward .q-rw-rank b{color:var(--gold-text)}.q-reward .item-sprite{width:24px;height:24px;image-rendering:pixelated;filter:none}.q-reward .relic{--rp: 1.5px}.q-side .row-buttons{justify-content:flex-start;margin-top:2px}.q-foot{display:flex;justify-content:flex-end;align-items:center}.q-reset{color:var(--muted);font-weight:700}.q-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:calc(var(--px) * 60)}.q-soon small{font-weight:700;color:var(--muted)}.q-soon b{font:600 20px var(--font-display);color:var(--name)}.quest-hud{position:absolute;top:12px;right:140px;z-index:5;display:flex;flex-wrap:nowrap;white-space:nowrap}.quest-hud.hidden{display:none}.quest-hud .hud-btn{position:relative}.q-dot{display:none;position:absolute;z-index:1;top:calc(var(--px) * -1);right:calc(var(--px) * -1);width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:#ffc83a;outline:var(--px) solid #2a1810;image-rendering:pixelated;pointer-events:none}.quest-hud.q-new .q-dot{display:block;animation:q-blink 1.2s steps(2) infinite}@keyframes q-blink{50%{background:#fff2b0}}.quest-hud.ready #quest-btn img{animation:q-shake 3.2s steps(1) infinite}@keyframes q-shake{0%,16%,to{transform:none}4%{transform:rotate(-8deg)}8%{transform:rotate(7deg)}12%{transform:rotate(-4deg)}}.quest-pop{position:absolute;top:calc(100% + 4px);right:0;width:max-content;max-width:min(240px,calc(100vw - 24px));display:flex;flex-direction:column;padding:0 6px 2px;pointer-events:none;border:calc(var(--px) * 4) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 4) stretch;image-rendering:pixelated;color:var(--text)}.quest-hud.pop-left .quest-pop{right:auto;left:0}.quest-pop.hidden{display:none}.quest-pop b{font:600 13px var(--font-display);color:var(--name);line-height:1.2}.quest-pop span{font:700 12px var(--font-body);line-height:1.25}.quest-pop span.ready{color:var(--gold-text)}.quest-pop em{font:700 12px var(--font-display);font-style:normal;color:var(--gold-text);margin-left:2px}.quest-pop small{font:700 11px var(--font-body);color:var(--muted);line-height:1.2}.field-note{position:absolute;top:18%;left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:2px;padding:2px 10px 4px;pointer-events:none;text-align:center;border:calc(var(--px) * 6) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 6) stretch;image-rendering:pixelated;color:var(--text);animation:note-in .4s steps(4) both;transition:opacity .6s}.field-note.out{opacity:0}.field-note b{font:600 17px var(--font-display);color:var(--name)}.field-note i{font-size:13px}.field-note span{font:700 12px var(--font-body);color:var(--muted)}@keyframes note-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:560px){.q-body{grid-template-columns:1fr}.quest-board .tabs{flex-wrap:wrap;row-gap:4px}.quest-board h2{flex-basis:100%}}@media(max-height:520px){.quest-board{gap:4px}.quest-board h2{font-size:18px}.q-side h3{font-size:15px}.q-say,.q-steps li,.q-row span,.quest-pop b{font-size:12px}.quest-pop span{font-size:11px}.quest-pop small{font-size:10px}.field-note{top:22%}.field-note b{font-size:15px}.field-note i{font-size:12px}}.wish-stall{width:min(520px,calc(100vw - 32px))}.wish-body,.wish-buy{display:flex;flex-direction:column;gap:6px}.wish-body .wish-buy{display:contents}.wish-body .wish-pity{order:2}.wish-odds{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:6px}.wish-pool{display:flex;flex-direction:column;gap:3px;min-width:0}.wish-pool h3{margin:0;display:flex;justify-content:space-between;font:600 13px var(--font-display);color:var(--muted)}.wish-pool h3 b{color:var(--text)}.wish-pool.star-gold h3,.wish-pool.star-gold h3 b{color:var(--gold-text)}.wish-pool.star-rainbow h3,.wish-pool.star-rainbow h3 b{color:#b0409a}.wish-pick{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:26px;padding:0 2px;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.wish-reward{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.wish-reward .item-sprite{width:22px;height:22px;image-rendering:pixelated}.wish-reward small{font:700 11px var(--font-display);color:var(--text)}.wish-reward .gembadge{position:relative;flex:none;--bp: 1px}.wish-line .wish-reward .gembadge{--bp: 2px}.wish-reward .relic.sm{margin:-6px -2px}.wish-pity{color:var(--muted);text-align:center}.wish-line .wish-reward{gap:8px}.wish-line .wish-reward .item-sprite{width:30px;height:30px}.wish-line .wish-reward small{font-size:13px;color:var(--muted)}@media(max-width:560px){.wish-odds{grid-template-columns:1fr 1fr}.wish-pool.star-rainbow{grid-column:1 / -1}}@media(max-height:520px){.wish-stall{width:min(720px,calc(100vw - 24px))}.wish-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start}.wish-body .wish-buy{display:flex}.wish-buy .shop-row{flex-wrap:wrap}.wish-stall .q-say{display:none}.wish-pick{min-height:0;padding:0 3px}.wish-reward .item-sprite{width:18px;height:18px}}.panel.frame.records{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 16px));height:var(--guild-h);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:8px}.records h2{font-size:24px;margin:0 6px 0 0}.records>.tabs{align-items:center;flex-wrap:nowrap}.r-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:0}.r-body.solo{grid-template-columns:1fr}.panel .tabs.r-nav{flex-direction:column;align-items:stretch;gap:4px}.panel .tabs.r-nav button{text-align:left;white-space:nowrap}.r-main{display:flex;flex-direction:column;gap:4px;min-width:0}.r-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-height:18px;font:700 13px var(--font-body);color:var(--name)}.r-head>b{font:600 17px var(--font-display);color:var(--name)}.r-head>small{font:700 12px var(--font-body);color:var(--muted)}.r-head>span{margin-left:auto}.r-head em{font:600 12px var(--font-display);font-style:normal;color:var(--gold-text);margin-right:4px}.r-list{display:flex;flex-direction:column;gap:2px}.records.panel.frame .r-row,.records.panel.frame button.r-row:not(.primary):not(.close){display:flex;align-items:center;gap:6px;width:100%;height:calc(var(--px) * 11);padding:0 4px;text-align:left;min-height:0;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;font:700 13px var(--font-body);color:var(--text)}.records.panel.frame .r-row.mine,.records.panel.frame .r-row.you:not(.empty),.records.panel.frame button.r-row.title.on:not(.primary){border-image-source:var(--k-inset-on)}.records.panel.frame button.r-row.title:not(.primary):hover{color:var(--text)}.r-row.empty{opacity:.5}.r-row em{flex:none;min-width:1.8em;font:600 13px var(--font-display);font-style:normal;color:var(--muted)}.r-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-row b{flex:none;font:600 13px var(--font-display);color:var(--text)}.r-row.first em{min-width:5.2em;color:var(--name)}.r-row.first.mine b,.r-row.mine em,.r-row.title.gold span{color:var(--gold-text)}.r-row.title.beta span{color:#5e4392}.r-row.title b{color:var(--gold-text)}.r-foot{display:flex;align-items:center;gap:6px}.r-foot .r-row.you{flex:1}.r-foot .pager{margin:0}.r-pick{display:flex;align-items:center;gap:4px}.r-pick>b{min-width:5.4em;text-align:center;font:600 15px var(--font-display);color:var(--name)}.panel.frame .r-pick>button[data-d]:not(.primary):not(.close),.panel.frame .pager button[data-d]:not(.primary):not(.close),.pager button[data-d]{box-sizing:content-box;width:calc(var(--px) * 7);height:calc(var(--px) * 9);min-height:0;padding:calc(var(--px) * 2) calc(var(--px) * 3)!important;border:0;border-image:none;background:var(--k-next) center / calc(var(--px) * 7) calc(var(--px) * 9) no-repeat content-box;image-rendering:pixelated;font-size:0;color:transparent;text-shadow:none}.panel.frame .r-pick>button[data-d="-1"]:not(.primary):not(.close),.panel.frame .pager button[data-d="-1"]:not(.primary):not(.close),.pager button[data-d="-1"]{background-image:var(--k-prev)}.pager button[data-d]:disabled{opacity:.35}.r-pick{flex-wrap:wrap;row-gap:4px}.panel .tabs.r-sizes{flex:none;margin-left:auto;gap:4px}.panel .tabs.r-sizes button{white-space:nowrap}.partner-card,.partner-card>div{min-width:0}.partner-card h2.pc-name{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;overflow:hidden}.pc-name>span{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel.frame button.title-pick,.panel.frame button.title-pick:not(.primary):not(.close){flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;display:block;border:0;border-image:none;background:none;padding:0;min-height:0;font:600 14px var(--font-display);color:var(--muted);text-shadow:none}.panel.frame button.title-pick:hover,.panel.frame button.title-pick.on{text-decoration:underline;text-underline-offset:3px}.title-pick.gold,.hud-title.gold{color:var(--gold-text)!important}.title-pick.beta,.hud-title.beta{color:#5e4392!important}@media(max-width:560px){.partner-card{gap:10px}.big-portrait{width:72px;height:72px}.partner-card h2{font-size:20px}.statgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.statgrid div{padding:3px 2px}.statgrid b{font-size:15px}}.hud-title{font:600 13px var(--font-display);font-style:normal;display:inline-block;max-width:11em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.title-list{display:flex;flex-direction:column;gap:4px}.panel.frame .title-list .title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;font:700 13px var(--font-body)}.title-list .title-row.on:after{content:"";flex:none;width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--k-check-on) center / 100% no-repeat;image-rendering:pixelated}.title-row.gold{color:var(--gold-text)}.title-row.beta{color:#5e4392}@media(max-width:560px){.r-body{grid-template-columns:1fr}.panel .tabs.r-nav{flex-direction:row;flex-wrap:wrap}.records>.tabs{flex-wrap:wrap;row-gap:4px}.records h2{flex:1 1 calc(100% - 60px)}.records>.tabs .close{order:1}.records>.tabs button:not(.close){order:2}}@media(max-height:520px){.records{gap:4px}.records h2{font-size:18px}.records.panel.frame .r-row{font-size:12px}.r-head{font-size:12px;min-height:14px}.r-head>b{font-size:15px}}.panel.story.beat{position:relative}.beat .speech{margin-bottom:0}.beat-foot{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}.beat-foot button{opacity:0;pointer-events:none;transition:opacity .25s}.beat.typed .beat-foot button{opacity:1;pointer-events:auto}.beat-more{position:absolute;right:12px;bottom:6px;color:var(--name);font-size:12px;opacity:0}.beat-note{margin:10px 0 0;text-align:center;color:var(--muted);font:700 13px var(--font-body)}.beat.typed .beat-more{opacity:1;animation:beat-more 1s steps(2) infinite}@keyframes beat-more{50%{translate:0 3px}}.panel.story #skip{position:absolute;top:8px;right:10px;color:var(--muted);font-size:12px}.panel.story.beat{cursor:pointer}.name-row{display:flex;gap:14px;align-items:center;margin:6px 0 4px}.name-row .you{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.name-row .you img{width:calc(var(--px) * 32);height:calc(var(--px) * 32);image-rendering:pixelated;border:var(--px) solid var(--frame-outer);background:#e2cca0;animation:you-in 1.4s steps(7) both}.name-row .you b{font:600 16px var(--font-display);color:var(--name)}@keyframes you-in{0%,45%{filter:brightness(0);scale:.92}to{filter:none;scale:1}}.naming #back{align-self:center;color:var(--muted)}.inn-wake{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:auto}.inn-wake .lid{position:absolute;left:0;right:0;height:50%;background:#000;transition:transform .7s cubic-bezier(.6,0,.2,1)}.inn-wake .lid.top{top:0}.inn-wake .lid.bottom{bottom:0}.inn-wake.lids-half .lid.top{transform:translateY(-55%)}.inn-wake.lids-half .lid.bottom{transform:translateY(55%)}.inn-wake.lids-open .lid.top{transform:translateY(-100%)}.inn-wake.lids-open .lid.bottom{transform:translateY(100%)}.inn-wake .line{position:absolute;left:50%;bottom:10%;transform:translate(-50%);width:min(560px,calc(100% - 32px));opacity:0;transition:opacity .4s}.inn-wake .line.show{opacity:1}.inn-wake .speech{display:flex;gap:14px;align-items:center}.inn-wake .portrait{width:64px;height:64px;image-rendering:pixelated;border:var(--px) solid var(--frame-outer);background:#e2cca0;flex:none}.inn-wake .quiz-q{font:600 18px/1.35 var(--font-display)}.inn-wake .hold-skip{position:absolute}.basics{position:absolute;left:50%;bottom:calc(var(--px) * 46);transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:0 4px 2px 6px;min-width:calc(var(--px) * 80);border:calc(var(--px) * 4) solid transparent;border-image:var(--k-panel) 6 fill / calc(var(--px) * 4) stretch;image-rendering:pixelated;color:var(--text);transition:opacity .5s;pointer-events:auto}.basics.out,.basics.under-menu{opacity:0;pointer-events:none}.b-row{display:flex;align-items:center;gap:6px;min-height:calc(var(--px) * 12)}.b-row.in{animation:b-in .3s steps(3) both}@keyframes b-in{0%{opacity:0;translate:0 6px}}.b-tick{flex:none;width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--k-check) center / 100% no-repeat;image-rendering:pixelated}.b-tick.on{background-image:var(--k-check-on);animation:b-pop .35s steps(3)}@keyframes b-pop{50%{scale:1.35}}.b-row.ticked .b-text{color:var(--muted)}.b-text{flex:1;font:700 14px var(--font-body);white-space:nowrap}.b-text small{font:700 11px var(--font-body);color:var(--muted);margin-left:2px}.b-keys{display:flex;gap:3px}.basics kbd,body.touch .basics kbd{display:inline-grid;place-items:center;min-width:calc(var(--px) * 9);height:calc(var(--px) * 9);padding:0 4px;background:var(--cream);color:var(--text);border:var(--px) solid var(--frame-outer);font:800 11px var(--font-body)}.basics .b-x{flex:none;margin-left:2px}.b-pips{display:flex;gap:3px;justify-content:center}.b-pips i{width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:#c8b088;outline:1px solid #8a5430}.b-pips i.now{background:#ffc83a}.b-pips i.done{background:#8a5430}.handoff .b-text{color:var(--name);font-family:var(--font-display);font-weight:600}.b-point{animation:b-point .9s steps(2) infinite}@keyframes b-point{50%{filter:brightness(1.35)}}body.touch .basics{bottom:calc(var(--px) * 3)}.frag-icon{flex:none;width:calc(var(--px) * 14);height:calc(var(--px) * 14);image-rendering:pixelated}.panel.frame.echo-reader,.panel.frame.memories{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 16px)}.panel.frame.echo-reader{width:min(460px,calc(100vw - 16px));z-index:30}.echo-reader .tabs,.memories .tabs{align-items:center;flex-wrap:nowrap;gap:6px}.echo-reader h2,.memories h2{font-size:22px;margin:0 6px 0 0}.echo-reader .tabs .close,.memories .tabs .close{margin-left:auto}.echo-reader .er-text{margin:0;font:600 15px/1.45 var(--font-body);color:var(--text)}.echo-reader .er-note{margin:0;font:italic 600 13px/1.35 var(--font-body);color:var(--muted)}.echo-reader .er-by{margin:0;font:700 13px var(--font-display);color:var(--name)}.echo-reader .er-first{margin:0;font:700 14px var(--font-display);color:var(--gold-text)}.echo-reader .q-reward .item-sprite{width:24px;height:24px}.q-body.echoes{grid-template-columns:minmax(150px,38%) minmax(0,1fr)}.echo-frags{gap:4px}.echo-frag{display:flex;align-items:center;gap:6px;width:100%;min-height:calc(var(--px) * 18);padding:2px 6px;text-align:left;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;color:var(--text);font:inherit}.panel.frame button.echo-frag{cursor:pointer;justify-content:flex-start;text-align:left}.panel.frame button.echo-frag:hover{border-image-source:var(--k-inset-on)}.echo-frag>span{display:flex;flex-direction:column;min-width:0}.echo-frag b{font:700 13px var(--font-display);color:var(--name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echo-frag small{font:700 11px var(--font-body);color:var(--muted);line-height:1.2}.echo-frag.unknown b{color:var(--faint)}.panel.frame.memories{width:min(680px,calc(100vw - 16px))}.memories .q-body{grid-template-columns:minmax(150px,34%) minmax(0,1fr)}.panel.frame.memories .q-list .q-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:calc(var(--px) * 16);text-align:left;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;padding:0 6px;font:700 13px var(--font-body);color:var(--text);image-rendering:pixelated}.panel.frame.memories .q-list .q-row.on{border-image-source:var(--k-inset-on)}.mem-prose p{margin:0 0 8px;font:600 14px/1.45 var(--font-body);color:var(--text)}.mem-prose .mem-frag{display:flex;gap:6px;align-items:flex-start}.mem-prose .mem-frag.gap span{font:700 16px var(--font-display);color:var(--faint)}.echo-hum{position:absolute;transform:translate(-50%);padding:2px 10px;font:700 13px var(--font-body);color:var(--text);white-space:nowrap;pointer-events:none;animation:echo-hum 2.4s steps(4) infinite;z-index:5}@keyframes echo-hum{50%{opacity:.7}}.echo-rub{position:absolute;left:50%;bottom:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;pointer-events:none;z-index:5}.echo-rub b{font:700 13px var(--font-body);color:var(--text)}.echo-rub i{display:block;width:calc(var(--px) * 50);height:calc(var(--px) * 6);border:calc(var(--px) * 2) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 2) stretch;image-rendering:pixelated}.echo-rub s{display:block;height:100%;width:0;background:var(--gold-text);animation:echo-rub linear forwards}@keyframes echo-rub{to{width:100%}}@media(max-width:560px){.q-body.echoes,.memories .q-body{grid-template-columns:1fr}}@media(max-height:520px){.echo-reader h2,.memories h2{font-size:17px}.echo-reader .er-text,.mem-prose p{font-size:12px;line-height:1.35}.echo-reader .er-note{font-size:11px}.panel.frame.echo-reader,.panel.frame.memories{gap:4px}.echo-frag{min-height:calc(var(--px) * 15)}.panel.frame.memories .q-list .q-row{height:calc(var(--px) * 13);font-size:12px}}.core{--cp: 3px;display:inline-block;flex:none;font-style:normal;width:calc(var(--cp) * 13);height:calc(var(--cp) * 13);background:var(--img) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}.core.sm{--cp: 2px;vertical-align:middle;margin:-6px 0}.core.big{--cp: 5px}.core.ghost{filter:grayscale(1) brightness(.6);opacity:.45}.charm{--cp: 3px;display:inline-block;flex:none;font-style:normal;width:calc(var(--cp) * 15);height:calc(var(--cp) * 19);background:var(--sheet) 0 0 / 400% 100% no-repeat;image-rendering:pixelated;animation:charm-sway 1.3s steps(1) infinite}@keyframes charm-sway{0%{background-position-x:0}25%{background-position-x:33.333%}50%{background-position-x:66.667%}75%,to{background-position-x:100%}}.charm.sm{--cp: 2px;vertical-align:middle;margin:-8px 0}.charm.big{--cp: 5px}.charm.name{--cp: 2px;vertical-align:top;margin:-4px 0 -10px 6px}.charm.ghost{filter:grayscale(1) brightness(.6);opacity:.45;animation:none}@media(prefers-reduced-motion:reduce){.charm{animation:none}}.partner-card>div:not(.starlit){min-width:0}@media(min-height:521px){.partner-card .statgrid{grid-template-columns:repeat(5,minmax(44px,1fr))}}.partner-card .slot-row.starlit{display:flex;flex-direction:column;gap:3px;margin-left:auto;width:132px;flex:none}.panel.frame .slot-row.starlit .slot-tile{flex-direction:row;justify-content:flex-start;gap:6px;padding:0 4px;height:42px;min-height:0;overflow:visible}.slot-row.starlit .slot-tile small{font-size:11px;text-align:left;line-height:1.1}.slot-row.starlit .slot-tile .core{--cp: 2px}.slot-row.starlit .slot-tile .charm{--cp: 2px;margin:-4px 0 0;align-self:flex-start}.core-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.charm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.panel.frame .bag-detail .core-pick,.panel.frame .bag-detail .charm-pick{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:34px;padding:0;border:calc(var(--px) * 2) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 2) stretch;background:none;border-radius:0;box-shadow:none}.panel.frame .bag-detail .charm-pick{height:46px}.panel.frame .bag-detail .core-pick.on,.panel.frame .bag-detail .charm-pick.on{border-image-source:var(--k-inset-on)}.panel.frame .bag-detail span.core-pick.ghost{border-image:none}.bag-detail [data-act] small{margin-left:4px}.core-pick .core,.charm-pick .charm{--cp: 2px}.core-pick .lv{position:absolute;right:3px;bottom:1px;font:800 10px var(--font-display);font-style:normal;color:var(--text)}.core-pick .eq,.charm-pick .eq{position:absolute;top:1px;left:3px;font:800 10px var(--font-body);font-style:normal;color:var(--gold-text)}.charm-pick .count{position:absolute;top:1px;right:3px;font:800 10px var(--font-body);font-style:normal;color:var(--text)}.charm-head small{color:var(--muted);font-weight:700}.toast .core.sm,.toast .charm.sm{margin-right:2px}.wish-reward .charm{--cp: 2px}.disc.sig .glint{position:absolute;right:2%;top:2%;width:30%;height:30%;background:var(--k-glint) 0 0 / 400% 100% no-repeat;image-rendering:pixelated;animation:sig-glint 2.2s steps(1) infinite;pointer-events:none}@keyframes sig-glint{0%,70%{background-position-x:0}76%{background-position-x:33.333%}82%{background-position-x:66.667%}88%{background-position-x:100%}94%,to{background-position-x:0}}@media(prefers-reduced-motion:reduce){.disc.sig .glint{animation:none;background-position-x:66.667%}}.badge.sig{color:#b07410}@media(max-height:520px){.partner-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center}.partner-card>div:not(.starlit){grid-column:1 / -1}.partner-card .slot-row.starlit{grid-column:2;grid-row:1;flex-direction:row;width:100%;margin:0}.panel.frame .partner-card .slot-row.starlit .slot-tile{flex:1;min-width:0;height:30px;padding:0;justify-content:center}.slot-row.starlit .slot-tile small{display:none}.slot-row.starlit .slot-tile .charm{margin:-6px 0 0}.bag-detail:has(.core-grid),.bag-detail:has(.charm-grid){gap:6px;padding-top:8px;padding-bottom:8px}.bag-detail:has(.core-grid) .facts{display:none}.bag-detail .core.big,.bag-detail .charm.big{--cp: 2px}.bag-detail:has(.core-grid) .row-buttons,.bag-detail:has(.charm-grid) .row-buttons{flex-wrap:nowrap;gap:4px}.bag-detail:has(.core-grid) .row-buttons button,.bag-detail:has(.charm-grid) .row-buttons button{flex:1;min-width:0;padding:0 4px;min-height:0;height:30px;font-size:12px;white-space:nowrap}.core-grid{gap:2px}.panel.frame .bag-detail .core-pick{height:24px}.core-pick .core{--cp: 1px}}.partner-card .statgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.partner-card .statgrid div{border:0;border-image:none;padding:2px 0;min-width:0;text-align:center}.partner-card .statgrid div+div{border-left:var(--px) solid #c8b08899}.partner-card .statgrid small{color:var(--muted)}.partner-card .statgrid b{display:block;white-space:nowrap;font-size:17px;line-height:1.15}.slot-row.starlit .slot-tile .charm{--cp: 2px;align-self:center;margin:calc(var(--cp) * -5) 0 calc(var(--cp) * -1);clip-path:inset(calc(var(--cp) * 5) 0 calc(var(--cp) * 1) 0)}.bag-detail:has(.charm-grid) .row-buttons{flex-wrap:nowrap}.bag-detail:has(.charm-grid) .row-buttons button{flex:1 1 0;min-width:0;white-space:nowrap;padding-left:6px;padding-right:6px}@media(max-width:560px){.partner-card .statgrid b{font-size:15px}}@media(max-height:520px){.partner-card{align-content:start}.partner-card .statgrid b{font-size:14px}}.partner-card>div:not(.starlit){flex:1 1 auto}@media(max-width:560px)and (min-height:521px){.partner-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:6px;align-items:end}.partner-card>div:not(.starlit){display:contents}.partner-card .big-portrait{grid-column:1;grid-row:1 / span 2;width:64px;height:64px}.partner-card h2.pc-name{grid-column:2;grid-row:1}.partner-card .hint{grid-column:2;grid-row:2;align-self:start;margin:0}.partner-card .statgrid{grid-column:1 / -1;grid-row:3}.partner-card .slot-row.starlit{grid-column:1 / -1;grid-row:4;flex-direction:row;width:auto;margin:0}.panel.frame .partner-card .slot-row.starlit .slot-tile{flex:1 1 0;min-width:0}.panel.frame .partner-card .slot-row.starlit .slot-tile{justify-content:center}.slot-row.starlit .slot-tile small{display:none}}#ui>.down-veil{pointer-events:none}.down-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:#fff8e6;opacity:1;transition:background 1.2s ease-out,opacity .45s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18vh}.down-veil.dim{background:#1a10228c}.down-veil.out{opacity:0}.down-veil .down-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 14px 8px;opacity:0;transition:opacity .6s .7s}.down-veil.dim .down-card{opacity:1}.down-card b{font:600 18px var(--font-display);color:var(--name)}.down-card .down-wait{font:700 14px var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums}.down-card button{margin-top:2px}@media(max-height:520px){.down-veil{padding-bottom:10vh}.down-card b{font-size:15px}}.type-note{top:14%;gap:3px}.type-note em{font-style:normal;font-weight:800}.tn-rows{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:2px 0}.tn-rows span{padding:0 6px;font:700 13px var(--font-body);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.type-note .strong{color:#b4560e}.type-note .weak{color:#4a5f80}.type-note .immune{color:#6b6b6b}.type-note small{font:700 12px var(--font-body);color:var(--muted)}.partner-card .statgrid .buff-up b{color:#2f8a3a}.partner-card .statgrid .buff-down b{color:#b8402e}.panel.story.npc-line{position:absolute;left:50%;bottom:14%;transform:translate(-50%);width:min(560px,calc(100% - 32px));cursor:pointer}.npc-line .speech{display:flex;gap:14px;align-items:center}.npc-line .portrait{width:64px;height:64px;image-rendering:pixelated;border:var(--px) solid var(--frame-outer);background:#e2cca0;flex:none}.npc-line .quiz-q{font:600 18px/1.35 var(--font-display);margin:0}.chat .chat-win{order:0;width:100%;display:flex;flex-direction:column;padding:0 2px 0 4px;position:relative}.chat:not(.open):not(.typing) .chat-win:has(#chat-log:empty){display:none}.chat.open .chat-win.hud-off,.chat.typing .chat-win.hud-off,body.hud-editing .chat-win{display:flex!important}.chat-body{display:flex;gap:calc(var(--px) * 2);position:relative;min-height:0}.chat #chat-log{flex:1;min-width:0;width:auto;margin:0;padding:0;border:0;border-image:none;background:none;line-height:1.35;max-height:5.4em;overflow:hidden;overflow-wrap:anywhere}.chat.open #chat-log{max-height:min(calc(1.35em * 14),calc(100dvh - 200px));min-height:5.4em;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.chat #chat-log::-webkit-scrollbar{display:none}body.hud-editing .chat #chat-log:empty{min-height:2.7em}.chat-side{flex:none;width:calc(var(--px) * 10);display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--px) * 2)}.chat-rail{display:none;position:relative;flex:1;min-height:calc(var(--px) * 16);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;cursor:pointer;touch-action:none}.chat.open.can-scroll .chat-rail{display:block}.chat-thumb{position:absolute;left:calc(var(--px) * -3);right:calc(var(--px) * -3);top:0;margin-top:calc(var(--px) * -3);min-height:calc(var(--px) * 10);border:solid transparent;border-width:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6);border-image:var(--k-btn-cream) 4 4 6 4 fill / calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 6) stretch;image-rendering:pixelated;cursor:grab;touch-action:none}.chat-thumb.held{cursor:grabbing;filter:brightness(.94)}.chat .chat-pen{flex:none;width:calc(var(--px) * 10);height:calc(var(--px) * 10);min-height:0;padding:0;border:0;border-image:none;background:none;display:grid;place-items:center;cursor:pointer}.chat .chat-pen img{width:calc(var(--px) * 10);height:calc(var(--px) * 10);image-rendering:pixelated}.chat .chat-pen:hover img{filter:brightness(1.08)}.chat.typing .chat-pen img{filter:brightness(.8)}.chat .chat-new{position:absolute;left:50%;bottom:2px;translate:-50% 0;min-height:0;padding:0 6px;font:700 12px var(--font-body);line-height:1.5;border-width:calc(var(--px) * 2) calc(var(--px) * 2) calc(var(--px) * 3);border-image:var(--k-btn-cream) 4 4 6 4 fill / calc(var(--px) * 2) calc(var(--px) * 2) calc(var(--px) * 3) stretch}.chat .chat-new.hidden,.chat:not(.open) .chat-new{display:none}.chat-entry{max-height:0;overflow:hidden;transition:max-height .14s steps(4)}.chat.typing .chat-entry{max-height:80px}.chat-entry>input{display:block;margin:calc(var(--px) * 2) 0 0}@media(max-height:520px){.chat.open #chat-log{max-height:min(10.8em,calc(100dvh - 150px))}.chat #chat-log{font-size:12px}}body.touch #ui>.chat{top:calc(var(--st) + 12px + var(--px) * 20 + 8px);bottom:auto;right:12px;left:auto;width:auto;transform:none;flex-direction:row;align-items:flex-start}body.touch .chat .chat-win{width:min(260px,36vw)}body.touch .chat:not(.open) #chat-log{max-height:calc(1.35em * 3)}@media(max-height:520px){body.touch .chat:not(.open) #chat-log{max-height:2.7em}body.touch .chat.open #chat-log{max-height:calc(100dvh - 140px - var(--st))}}body.touch:has(.hollow-mini) #ui>.chat{right:calc(12px + var(--px) * 56 + 8px)}@media(max-height:520px){body.touch .chat.typing #chat-log{max-height:2.7em}}.controls-menu .binds.grid{grid-template-columns:repeat(var(--bind-cols, 2),minmax(0,1fr));gap:4px 14px}.controls-menu.wide{width:min(780px,calc(100vw - 32px))}.controls-menu.mid{width:min(600px,calc(100vw - 32px))}.controls-menu>*{flex-shrink:0}.controls-menu .binds.grid .bind button{width:108px;min-width:0;flex:none;padding-inline:6px}.controls-menu .pager{margin-top:-4px}@media(max-height:520px){.controls-menu{gap:6px}.controls-menu .bind button{padding:2px 6px}.controls-menu h2{margin:0}.controls-menu .row{flex-wrap:nowrap}.controls-menu .row button{flex:1 1 0;white-space:nowrap;padding-inline:4px;font-size:12px}}.panel.frame .bind button.layout-btn{border-image-source:var(--k-btn-tan);color:#3a2010}.controls-menu .row{flex-wrap:wrap}.controls-menu .row button{flex:1 1 auto}.r-ledger-now{padding:6px 8px;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset-on) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.r-ledger-now b{display:block;font:600 16px var(--font-display);color:var(--name)}.r-ledger-now p{margin:2px 0 0;font:700 13px var(--font-body);color:var(--text)}.r-ledger-now i{display:block;font:italic 700 12px var(--font-body);color:var(--muted)}.r-ledger-now small{display:block;margin-top:2px;font:700 11px var(--font-body);color:var(--gold-text)}.r-row.built i{flex:none;width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--k-check-on) center / 100% no-repeat;image-rendering:pixelated}.r-row.built b{display:flex;align-items:center;gap:4px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-emblem{width:calc(var(--px) * 9);height:calc(var(--px) * 9);image-rendering:pixelated;flex:none}.r-ledger-next{flex:1;margin:0;font:italic 700 12px var(--font-body);color:var(--muted)}@media(max-height:520px){.r-ledger-now{padding:2px 6px}.r-ledger-now b{font-size:14px}.r-ledger-now p{font-size:12px}}.down-card .down-hint{font:600 12px var(--font-body);color:var(--faint);max-width:22em;text-align:center}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable],.party-row b{-webkit-user-select:text;user-select:text}.player-menu .pm-head{display:flex;align-items:center;gap:6px;align-self:stretch;justify-content:space-between}.player-menu{align-items:stretch;width:216px}.player-menu .pm-head{align-items:flex-start;justify-content:flex-start}.player-menu .pm-portrait{width:48px;height:48px;flex:none;image-rendering:pixelated;border:var(--px) solid var(--frame-outer);background:#e2cca0}.player-menu .pm-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.player-menu .pm-who b{display:flex;align-items:center;gap:4px;font:600 16px var(--font-display);min-width:0}.player-menu .pm-who b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-menu .pm-who .charm.sm{margin:-10px 0}.player-menu .pm-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-menu .pm-title.gold{color:var(--gold-text)}.player-menu .pm-title.beta{color:#5e4392}.player-menu .pm-meta{display:flex;gap:8px;color:var(--muted);font-weight:700;font-size:12px;min-width:0}.player-menu .pm-meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-menu .pm-close{flex:none;margin-left:auto}.profile-view .pv-facts{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font:600 15px var(--font-display);color:var(--text)}.profile-view .pv-facts small{font:800 11px var(--font-body);color:var(--muted);margin-right:4px}.profile-view .partner button{cursor:default;pointer-events:none}.profile-view .partner .slot-tile.empty{opacity:.45}.quest-board.panel.frame .q-list .q-town{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;align-content:center;width:100%;height:calc(var(--px) * 32);padding:0 6px;text-align:left;min-height:0;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset-on) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;color:var(--text)}.q-town small{font:700 11px var(--font-body);color:var(--gold-text);align-self:baseline}.q-town b{font:600 15px var(--font-display);color:var(--name);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:baseline}.q-town i,.q-town span,.q-town em{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.q-town i{font:italic 700 11px/1.25 var(--font-body);color:var(--muted)}.q-town span{font:700 12px/1.25 var(--font-body);color:var(--text)}.q-town em{font:700 11px/1.25 var(--font-body);font-style:normal;color:var(--gold-text)}@media(max-height:520px){.q-town b{font-size:13px}.q-town i,.q-town em{font-size:10px}.q-town span{font-size:11px}}.mem-offer{margin-top:auto}:root{--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px)}#ui>.hud-top{margin-left:var(--sl);margin-top:var(--st)}#ui>.hud-buttons{margin-right:var(--sr);margin-top:var(--st)}#ui>.debug{margin-right:var(--sr)}#ui>.hollow-mini{margin-right:var(--sr)}body.touch #ui>.chat{margin-right:var(--sr)}#ui>.status-strip{margin-bottom:var(--sb)}#touch .t-left{left:var(--sl)}#touch .t-right{right:var(--sr)}#ui>.panel.frame:not(.hud-panel),#ui>.title-panel,#ui>.quiz{max-width:calc(100vw - 16px - var(--sl) - var(--sr));max-height:calc(100dvh - 16px - var(--st))}body.touch:has(#ui>.panel.frame:not(.hud-panel):not(.hidden)) #touch{visibility:hidden}body.touch .close:not(.detail-close),body.touch .pager button{position:relative}body.touch .close:after,body.touch .pager button:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}body.touch .pager button:after{inset:calc(var(--px) * -6 - 4px) calc(var(--px) * -4 - 4px)}body.touch #ui>.debug{top:auto;right:auto;left:calc(4px + var(--sl));bottom:calc(4px + var(--sb));margin:0;flex-direction:column-reverse;align-items:flex-start}@media(max-height:520px){.abra-menu{width:min(560px,calc(100vw - 16px - var(--sl) - var(--sr)));gap:6px}.abra-menu .abra-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.abra-menu .abra-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:44px;padding-top:2px;padding-bottom:2px}.abra-row b{text-align:center;font-size:11px;line-height:1.1}.abra-row b:empty{display:none}.abra-row span{max-width:100%;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abra-menu h2{margin:0}.relearner{gap:6px}.relearner .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.relearner .slots .slot{min-width:0;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;padding-top:4px;padding-bottom:4px}.relearner .slots .slot span{width:auto;flex:none}.relearner .bag{gap:4px}.relearner .move-row{align-items:center;padding-top:2px;padding-bottom:2px}.relearner h2{margin:0}.relearner .move-row .move-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:0;align-items:center}.relearner .move-row .move-body>:not(.row-buttons){grid-column:1}.relearner .move-row .move-body .row-buttons{grid-column:2;grid-row:1 / span 4;margin:0;flex-wrap:nowrap}}@media(max-height:400px){.title-panel{gap:3px}.title-panel .sub{margin:0 0 2px}}body.touch #boss-bar{top:auto;bottom:calc(var(--px) * 3 + var(--sb));width:calc(var(--px) * 90)}body.touch #boss-bar b{order:2}@media(orientation:portrait)and (max-width:700px){body.touch.playing #ui>.panel.frame{display:none}}.panel.frame.team-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 16px));max-height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:8px;z-index:40}.team-panel .tabs{align-items:center;flex-wrap:nowrap;gap:6px}.team-panel h2{font-size:22px;margin:0 6px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-panel .tabs>.emblem{flex:none}.team-panel h2.long{font-size:19px}.team-panel.two-row .tabs{flex-wrap:wrap;row-gap:4px}.team-panel.two-row .tabs>*{order:1}.team-panel.two-row .tabs>.emblem,.team-panel.two-row .tabs>h2,.team-panel.two-row .tabs>.close{order:0}.team-panel.two-row .tabs>h2{flex:0 0 calc(100% - 76px)}.team-panel .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;white-space:nowrap}.team-panel img,.team-invite img{image-rendering:pixelated}.emblem{width:18px;height:18px;vertical-align:middle}.emblem.sm{width:9px;height:9px;margin-right:4px}.tp-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,44%);gap:10px;min-height:0}.tp-body.found,.tp-body.guide{grid-template-columns:1fr}.tp-guide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:calc(var(--px) * 64);padding:4px 8px}.tp-guide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;width:min(100%,520px)}.tp-guide li{display:grid;grid-template-columns:calc(var(--px) * 22) 1fr;gap:8px;align-items:baseline;font:700 13px var(--font-body);line-height:1.3;color:var(--text)}.panel.frame.team-panel .tp-guide .row-buttons{justify-content:center}.tp-guide li b{font:600 13px var(--font-display);color:var(--name)}.tp-guide .row-buttons,.tp-form .row-buttons{align-items:center;justify-content:flex-end;gap:8px}.tp-list{display:flex;flex-direction:column;gap:4px;min-width:0}.team-panel.panel.frame .tp-row,.tp-row.empty{display:flex;align-items:center;gap:6px;width:100%;height:calc(var(--px) * 16);text-align:left;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;font:700 13px var(--font-body);color:var(--text)}.team-panel.panel.frame .tp-row.on{border-image-source:var(--k-inset-on)}.team-panel.panel.frame button.tp-row:not(.primary):not(:disabled):hover{color:var(--text)}.team-panel.panel.frame .tp-row.on,.team-panel.panel.frame .tp-row.on>span,.team-panel.panel.frame button.tp-row.on:not(.primary):not(:disabled):hover{color:var(--name)}.tp-row.empty{opacity:.5}.tp-row.off{opacity:.6}.tp-row>img{width:24px;height:24px;flex:none}.tp-row>span{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-row em{flex:none;font:700 11px var(--font-display);font-style:normal;color:var(--muted)}.tp-row em.leader{color:var(--gold-text)}.tp-row em.officer{color:var(--name)}.tp-row small{flex:none;font:700 11px var(--font-body);color:var(--muted);display:flex;align-items:center;max-width:45%;overflow:hidden;white-space:nowrap}.tp-row.house.mine span{color:var(--name)}.tp-row>img.size{width:calc(var(--px) * 11);height:auto;flex:none;align-self:center;margin-left:2px;image-rendering:pixelated}.team-panel .tp-row:focus,.team-panel .tp-row:focus-visible{outline:none}.tp-acts{justify-content:flex-start;flex-wrap:wrap;gap:4px;min-height:0}.tp-acts:empty{display:none}.tp-side{display:flex;flex-direction:column;gap:5px;min-width:0}.tp-side h3{margin:0;font-size:17px;line-height:1.1}.tp-line{display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 13px var(--font-body)}.tp-line span{color:var(--muted)}.tp-line b{display:flex;align-items:center;text-align:right;min-width:0;overflow:hidden;white-space:nowrap}.tp-line b.none{color:var(--faint)}.tp-line.bad b{color:#b0301c}.tp-pot{display:flex;justify-content:space-between;align-items:center;padding:0 6px;min-height:calc(var(--px) * 13);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.tp-pot span{font:700 13px var(--font-body);color:var(--muted)}.tp-pot b{font:700 16px var(--font-display);color:var(--gold-text)}.tp-deposit{display:flex;gap:4px}.team-panel input{flex:1;min-width:0;font:700 14px var(--font-body);color:var(--text);padding:2px 6px;background:none;border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;outline:none}.team-panel input:focus{border-image-source:var(--k-inset-on)}.tp-hint{font:700 11px var(--font-body);color:var(--muted)}.tp-side .row-buttons{justify-content:flex-start;flex-wrap:wrap;gap:4px;margin-top:2px}.tp-side .row-buttons.dev button{font-size:11px;opacity:.8}.tp-found{display:flex;gap:12px;align-items:center;justify-content:center}.tp-preview{flex:none;display:flex;align-items:flex-end;justify-content:center;width:calc(var(--px) * 30);height:calc(var(--px) * 46);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated}.tp-preview img{width:calc(var(--px) * 22);height:calc(var(--px) * 40)}.tp-form{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;max-width:340px}.tp-swatches,.tp-emblems{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.team-panel.panel.frame .tp-swatch,.team-panel.panel.frame .tp-emblem{display:flex;align-items:center;justify-content:center;padding:0;min-width:0;height:calc(var(--px) * 13);border:calc(var(--px) * 3) solid transparent;border-image:var(--k-inset) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;background:none}.team-panel.panel.frame .tp-swatch.on,.team-panel.panel.frame .tp-emblem.on{border-image-source:var(--k-inset-on)}.tp-swatch img{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.tp-emblem img{width:calc(var(--px) * 6);height:calc(var(--px) * 6)}.tp-form .row-buttons{justify-content:flex-end}.panel.story.team-confirm{z-index:60;top:50%;transform:translate(-50%,-50%)}.team-invite .ti-team{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.team-invite .ti-team b{font:600 17px var(--font-display);color:var(--name)}#chat-log .team-line,#chat-log .team-line b{color:var(--team, #c8b088)}@media(max-width:560px){.team-panel .tabs{flex-wrap:wrap;row-gap:4px}.team-panel .tabs>*{order:1}.team-panel .tabs>.emblem,.team-panel .tabs>h2,.team-panel .tabs>.close{order:0}.team-panel .tabs>h2{flex:0 0 calc(100% - 76px)}.tp-body{grid-template-columns:1fr}.tp-found{flex-direction:column}}@media(max-height:520px){.team-panel{gap:4px}.team-panel h2{font-size:17px}.tp-line,.tp-row{font-size:12px}.tp-preview{height:calc(var(--px) * 44)}.tp-side{gap:3px}.tp-guide li{font-size:12px}.tp-guide ul{gap:2px}.tp-guide{gap:8px;min-height:0}}