@import"https://fonts.googleapis.com/css2?family=Bevan&family=Barlow:wght@400;600&family=IBM+Plex+Mono:wght@500&display=swap";:root{--violet: #913c91;--violet-deep: #452060;--violet-darker: #291546;--void: #070c1d;--plum: #3d1430;--wine: #632240;--rose-deep: #913a52;--rose: #bc5960;--gold: #e2b570;--gold-pale: #ece98a;--green-pale: #b7d974;--green: #5ca75d;--green-deep: #39755c;--teal-deep: #285454;--slate-blue: #1f394d;--navy-deepest: #191b3f;--navy: #192d50;--blue: #28508d;--teal: #3fa0a4;--mint: #69e0ce;--bone: #e3f5f1;--steel-pale: #81afb5;--steel: #446374;--steel-deep: #32495f;--steel-darkest: #182e41;--ink: var(--bone);--ink-muted: var(--steel-pale);--ink-faint: var(--steel);--outline: var(--void);--accent: var(--gold);--accent-deep: var(--rose-deep);--accent-dark: var(--wine);--accent-bg: var(--plum);--brand: var(--violet);--health: var(--green);--health-bright: var(--green-pale);--health-deep: var(--green-deep);--danger: var(--rose);--danger-bright: var(--rose);--danger-bg: var(--plum);--panel-bg: rgba(24, 46, 65, .82);--panel-border: var(--steel-deep);--ground-shadow: rgba(25, 27, 63, .42);--rarity-common: #446374;--rarity-uncommon: #5ca75d;--rarity-rare: #28508d;--rarity-epic: #913c91;--rarity-legendary: #e2b570;--font-display: "CorruptedPixel", "Bevan", "Segoe UI", system-ui, sans-serif;--font-text: "CorruptedPixel", "Barlow", "Segoe UI", system-ui, sans-serif;--font-data: "CorruptedPixel", "IBM Plex Mono", ui-monospace, monospace;--fs: 16px;--fs-big: 32px;--figure-h: 122px;--figure-h-boss: 150px}@font-face{font-family:CorruptedPixel;src:url(/fonts/corrupted.ttf) format("truetype");font-display:block}*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent;font-family:var(--font-text);color:var(--ink)}.stage-frame{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.stage{padding:6px;display:grid;grid-template-rows:auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:3px;overflow:hidden;transform-origin:top left}.stage>.state-banner{grid-row:1}.stage>.combat-log{grid-row:2}.stage>.roster,.stage>.room-reveal{grid-row:3}.stage>.arena,.stage>.raid{grid-row:4}.stage>.enemy-health{grid-row:5}.stage>.connecting{grid-row:1 / -1}.stage>*{grid-column:1}.stage-scaler{position:relative;flex:none}.connecting{font-family:var(--font-text);color:var(--ink-muted);font-size:var(--fs);align-self:center;justify-self:center}.arena{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;min-height:0;overflow:hidden}.side{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;min-height:0;height:100%}.lineup{display:flex;align-items:flex-end;min-height:0;--overlap: 0px;--bar-w: 62px;--name-w: 100px}.lineup.is-dense .hp-float-label,.lineup.is-dense .figure-level{display:none}.lineup>.figure+.figure{margin-left:var(--overlap)}.lineup-overflow{align-self:center;margin:0 4px;padding:2px 6px;border-radius:10px;background:#070c1dcc;border:1px solid var(--ink-faint);font-family:var(--font-data);font-size:10px;color:var(--ink-muted);white-space:nowrap}.side-party .lineup{justify-content:flex-start}.side-enemy .lineup{justify-content:flex-end}.side-title{font-family:var(--font-display);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0}.side-enemy .side-title{text-align:right;color:var(--danger);opacity:.8}.side-empty{font-family:var(--font-text);font-size:var(--fs);color:var(--ink-faint);font-style:italic;margin:0;align-self:center}.figure{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 100px;width:100px;min-width:0;transition:opacity .35s ease,filter .35s ease}.figure-plate{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0}.figure-name{font-family:var(--font-display);font-size:var(--fs);line-height:18px;color:var(--bone);text-shadow:0 1px 3px rgba(0,0,0,.9);text-align:center;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.figure-level{display:none}.figure-role{display:flex;align-items:center;justify-content:center;height:32px}.role-icon{display:block;flex:none;filter:drop-shadow(0 1px 2px rgba(7,12,29,.9))}.side-header{display:flex;align-items:center;gap:12px}.role-roster{display:flex;align-items:center;gap:8px}.role-roster-entry{display:flex;align-items:center;gap:3px}.role-roster-count{font-family:var(--font-data);font-size:10px;color:var(--ink-muted)}.role-roster-entry.is-missing{animation:role-missing-pulse 1.6s ease-in-out infinite}.role-roster-entry.is-missing .role-roster-count{color:var(--rose)}.role-roster-entry.is-dead .role-roster-count{color:var(--ink-faint)}@keyframes role-missing-pulse{0%,to{opacity:.8}50%{opacity:1}}.hp-float{position:relative;width:var(--bar-w, 62px);height:7px;background:#0000008c;border:1px solid var(--outline);border-radius:5px;overflow:hidden}.hp-float-fill{height:100%;background:linear-gradient(90deg,var(--health-deep),var(--health));transition:width .4s ease}.hp-enemy .hp-float-fill{background:linear-gradient(90deg,var(--wine),var(--danger))}.hp-float-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-data);font-size:var(--fs);color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.95)}.figure-art{position:relative;max-height:88px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 3px 4px rgba(7,12,29,.6))}.figure-art:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:62%;height:9px;border-radius:50%;background:var(--ground-shadow);z-index:-1}.char-sprite{position:relative;flex:none;filter:drop-shadow(0 3px 4px rgba(7,12,29,.6))}.motion-attack{animation:motion-attack .36s ease-out}.figure-enemy .motion-attack{animation-name:motion-attack-left}.motion-hit{animation:motion-hit .3s ease-out}.motion-victory{animation:motion-victory .9s ease-in-out infinite}.motion-defeated{transform:rotate(14deg) translateY(6px);transition:transform .35s ease-out}@keyframes motion-attack{0%{transform:translate(0)}35%{transform:translate(12px) scaleX(1.04)}to{transform:translate(0)}}@keyframes motion-attack-left{0%{transform:translate(0)}35%{transform:translate(-12px) scaleX(1.04)}to{transform:translate(0)}}@keyframes motion-hit{0%,to{transform:translate(0)}30%{transform:translate(-5px) rotate(-4deg)}60%{transform:translate(3px) rotate(2deg)}}@keyframes motion-victory{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.enemy-sprite{display:block;max-width:100%}.figure.is-down{opacity:.32;filter:grayscale(.85)}.bar{position:relative;height:18px;background:#00000059;border:1px solid var(--outline);border-radius:9px;overflow:hidden}.bar-xp{height:7px;margin-top:5px}.bar-fill{height:100%;background:linear-gradient(90deg,var(--health-deep),var(--health));transition:width .5s ease}.bar-enemy .bar-fill{background:linear-gradient(90deg,var(--wine),var(--danger))}.bar-xp .bar-fill{background:linear-gradient(90deg,var(--wine),var(--gold))}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-data);font-size:11px;font-weight:500;color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.85)}.combat-log{list-style:none;margin:0;padding:0;width:100%;height:68px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}.combat-log li{font-family:var(--font-text);font-size:var(--fs-big);line-height:34px;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 var(--void),-1px 1px 0 var(--void),1px -1px 0 var(--void),-1px -1px 0 var(--void);animation:log-in .14s ease-out}.combat-log li.heal{border-left-color:var(--health);color:var(--health)}.combat-log li.down{border-left-color:var(--danger);font-weight:600}.combat-log li.outcome{border-left-color:var(--accent);font-family:var(--font-display);font-size:15px;color:var(--accent)}.combat-log li.crit{border-left-color:var(--gold);color:var(--gold-pale);font-weight:600}.combat-log li.loot{border-left-color:var(--health)}.combat-log li.levelup{border-left-color:var(--teal);font-weight:600}.combat-log li.defeat{border-left-color:var(--danger);font-weight:600}@keyframes log-in{0%{transform:translateY(6px)}to{transform:translateY(0)}}.figure.pulse-shake{animation:pulse-shake .3s ease}.figure.pulse-flash .figure-art{filter:brightness(2.2) drop-shadow(0 0 8px var(--gold-pale))}.figure.pulse-heal .figure-art{filter:drop-shadow(0 0 10px var(--health))}@keyframes pulse-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.idle-logo{display:block;margin:0 auto 6px;width:320px;max-width:70%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(7,12,29,.9))}.state-banner{font-family:var(--font-display);font-size:var(--fs-big);line-height:34px;color:var(--ink-muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0 var(--void),-1px 1px 0 var(--void),1px -1px 0 var(--void),-1px -1px 0 var(--void)}.state-banner.state-gathering{color:var(--health)}.state-banner.state-combat{color:var(--accent)}.state-banner.state-results{color:var(--bone)}.banner-sub{font-family:var(--font-data);font-size:var(--fs);color:var(--ink-muted)}.state-banner.state-results .banner-sub{display:none}.sim-controls{margin-top:4px;padding:8px 10px;border:1px dashed var(--ink-faint);border-radius:8px;background:#070c1d8c}.sim-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sim-title{font-family:var(--font-data);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-right:4px}.sim-controls button{font-family:var(--font-text);font-size:12px;font-weight:600;color:var(--ink);background:var(--accent-bg);border:1px solid var(--accent-dark);border-radius:6px;padding:5px 11px;cursor:pointer;transition:background .15s ease,opacity .15s ease}.sim-controls button:hover:not(:disabled){background:var(--accent-dark)}.sim-controls button.primary{background:var(--accent);border-color:var(--accent);color:var(--outline)}.sim-controls button:disabled{opacity:.35;cursor:default}.sim-hint{margin-top:6px;font-family:var(--font-data);font-size:10px;color:var(--ink-faint)}.char-layer-body{animation:idle-breathe 3.4s ease-in-out infinite;transform-origin:50% 100%}.char-layer-mainHand{animation:idle-hold 2.6s ease-in-out infinite}.char-layer-offHand{animation:idle-hold 3.1s ease-in-out infinite -.8s}@keyframes idle-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.012)}}@keyframes idle-hold{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.figure:nth-child(3n+1) .char-layer-body{animation-delay:-1.1s}.figure:nth-child(3n+2) .char-layer-body{animation-delay:-2.3s}.figure:nth-child(4n+1) .char-layer-mainHand{animation-delay:-.9s}.figure:nth-child(4n+3) .char-layer-mainHand{animation-delay:-1.7s}@media (prefers-reduced-motion: reduce){.char-layer-body,.char-layer-mainHand,.char-layer-offHand{animation:none}}.text-legible,.combat-log li,.state-banner,.figure-name,.hp-float-label,.side-empty,.role-roster-count,.room-holds,.room-line,.lineup-overflow{text-shadow:1px 0 0 var(--void),-1px 0 0 var(--void),0 1px 0 var(--void),0 -1px 0 var(--void),1px 1px 0 var(--void),-1px 1px 0 var(--void),1px -1px 0 var(--void),-1px -1px 0 var(--void),2px 3px 4px rgba(7,12,29,.9)}.socket-eye{position:absolute;right:2px;bottom:2px;width:18px;height:18px;padding:0;line-height:1;border:1px solid var(--ink-faint);border-radius:50%;background:#070c1dd9;color:var(--ink-muted);cursor:pointer;font-size:10px}.loadout .socket-eye.is-hidden{color:var(--ink-faint);border-style:dashed}.socket{position:relative}.hair-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:180px;overflow-y:auto}.loadout .hair-choice{height:44px;display:grid;place-items:center;padding:2px;background:#ffffff0a;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:11px;color:var(--ink-muted)}.loadout .hair-choice.is-current{border-color:var(--accent);background:#e2b57029}.hair-choice img{max-width:100%;max-height:100%;image-rendering:pixelated}.roster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--roster-cols, 2),minmax(0,1fr));align-content:start;align-self:start;gap:2px;min-width:0;max-height:100%;overflow:hidden}.roster-chip{position:relative;overflow:hidden;height:17px;border:1px solid rgba(7,12,29,.9);border-radius:2px;background:#070c1db8;display:flex;align-items:center;justify-content:center}.roster-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--health-deep),var(--health));opacity:.55;transition:width .45s ease}.roster-name{position:relative;font-family:var(--font-text);font-size:var(--fs);line-height:16px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 3px;max-width:100%}.roster-chip.is-down{border-color:var(--danger)}.roster-chip.is-down .roster-fill{display:none}.roster-chip.is-down .roster-name{color:var(--ink-faint);text-decoration:line-through}.roster-more .roster-name{color:var(--ink-muted)}.enemy-health-bar{position:relative;height:20px;border:1px solid var(--outline);border-radius:3px;background:#070c1dcc;overflow:hidden}.enemy-health-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--wine),var(--danger));transition:width .45s ease}.enemy-health-tick{position:absolute;top:0;bottom:0;width:1px;background:#070c1dd9}.enemy-health-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-text);font-size:var(--fs);line-height:18px;color:var(--bone);text-shadow:1px 0 0 var(--void),-1px 0 0 var(--void),0 1px 0 var(--void),0 -1px 0 var(--void),1px 1px 0 var(--void),-1px 1px 0 var(--void),1px -1px 0 var(--void),-1px -1px 0 var(--void)}.combat-log{height:36px}.combat-log:empty{height:0}.room-reveal{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:0;z-index:2;margin-top:4px;animation:room-reveal-in .24s ease-out both}@keyframes room-reveal-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.room-holds{flex:none;font-family:var(--font-data);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.room-reveal.kind-fight .room-holds{color:var(--danger)}.room-reveal.kind-buff .room-holds{color:var(--health)}.room-line{min-width:0;font-family:var(--font-text);font-size:var(--fs);line-height:18px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-reveal.is-boss .room-holds,.room-reveal.is-boss .room-line{color:var(--danger)}.raid{display:flex;flex-direction:column;gap:4px;min-height:0}.raid-head{display:flex;align-items:center;gap:8px;font-family:var(--font-text);font-size:var(--fs);line-height:18px;color:var(--ink-muted)}.raid-round{color:var(--accent)}.raid-buffs{display:flex;gap:3px;overflow:hidden}.raid-buff{padding:0 4px;background:#5ca75d38;border:1px solid var(--health-deep);border-radius:2px;color:var(--health);white-space:nowrap}.raid-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1;min-height:0}.raid-door{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid var(--ink-faint);border-radius:4px;background:#070c1db8}.raid-door-face{font-family:var(--font-display);font-size:var(--fs-big);line-height:34px;color:var(--ink-muted)}.raid-door-label{font-family:var(--font-text);font-size:var(--fs);line-height:18px;color:var(--ink)}.raid-door.is-open{border-color:var(--ink-muted)}.raid-door.kind-buff{border-color:var(--health);background:#5ca75d33}.raid-door.kind-buff .raid-door-face{color:var(--health)}.raid-door.kind-fight{border-color:var(--danger);background:#bc596033}.raid-door.kind-fight .raid-door-face{color:var(--danger)}.raid-prompt{margin:0;text-align:center;font-family:var(--font-text);font-size:var(--fs);line-height:18px;color:var(--ink-faint)}.figure.is-boss{flex:0 0 150px;width:150px}.figure.is-boss .figure-art{max-height:var(--figure-h-boss)}.enemy-art{display:block;width:auto;image-rendering:pixelated}.stage-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:-1;filter:brightness(.34) saturate(.7);transition:filter .6s ease}.stage-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#070c1d26,#070c1d59 45%,#070c1db8);transition:opacity .6s ease}.stage-backdrop.is-full{filter:brightness(1) saturate(1)}.stage-backdrop.is-full:after{opacity:0}.stage{position:relative;isolation:isolate}.stage-foreground{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none;z-index:1}.state-banner,.roster,.room-reveal,.combat-log,.enemy-health{position:relative;z-index:2}body[data-sim-backdrop=dark]{background:#14161f}body[data-sim-backdrop=checker]{background-color:#22252f;background-image:linear-gradient(45deg,#171a22 25%,transparent 25%),linear-gradient(-45deg,#171a22 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#171a22 75%),linear-gradient(-45deg,transparent 75%,#171a22 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}body[data-sim-backdrop=clear]{background:transparent}.sim-controls select{padding:3px 6px;background:#ffffff0f;border:1px solid var(--ink-faint);border-radius:4px;color:var(--ink);font-family:var(--font-text);font-size:var(--fs, 16px);max-width:220px}.lineup.is-placed{position:relative;display:block;width:100%;height:100%}.lineup.is-placed .placed-slot{position:absolute;transform-origin:bottom center}.figure-floats{position:relative;height:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:5}.combat-float{position:absolute;top:0;font-family:var(--font-display);font-size:var(--fs);line-height:1;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.85);animation:combat-float .9s ease-out forwards}.combat-float.is-damage{color:var(--bone)}.combat-float.is-crit{color:var(--accent);font-size:var(--fs-big)}.combat-float.is-heal{color:var(--health)}@keyframes combat-float{0%{opacity:1;transform:translateY(2px) scale(1.15)}22%{opacity:1;transform:translateY(-4px) scale(1)}38%{transform:translate(-2px,-10px) scale(1)}to{opacity:0;transform:translate(2px,-30px) scale(.95)}}@media (prefers-reduced-motion: reduce){.combat-float{animation:combat-float-still .9s ease-out forwards}@keyframes combat-float-still{0%,70%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}}