@font-face{font-family:Cormorant;src:url(/assets/fonts/cormorant/Cormorant-wght.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--bg: #e2d3b0;--card: #eee3c6;--line: #c4ad82;--line-soft: #d8c7a0;--fg: #2b1d24;--cursor: #2b1d24;--cursor-edge: var(--bg);--cursor-default: default;--cursor-pointer: pointer;--cursor-none: not-allowed;--cursor-text: text;--muted: #6a5446;--accent: #66308c;--warm: #c45800;--cold: #1d5782;--ok: var(--cold);--bad: #982216;--good: var(--green);--timewarp: var(--red);--field: #eee3c6;--field-line: #eee3c6;--you: var(--cold);--other: var(--accent);--other-reach: var(--warm);--winded: var(--cold);--poi-fill-mix: 5%;--poi-line-color: #ad956a;--poi-line-permanent: #7a603c;--poi-distant-opacity: .6;--poi-line-weight: 1.15px;--poi-town: var(--teal);--poi-gate: var(--blue);--poi-dungeon: var(--red);--poi-loot: var(--amber);--select-line: var(--fg);--hover-line: color-mix(in srgb, var(--select-line) 85%, transparent);--poi-hover-fill: color-mix(in srgb, var(--select-line) 9%, transparent);--cooldown: color-mix(in srgb, var(--warm) 30%, transparent);--cooldown-idle: color-mix(in srgb, var(--muted) 20%, transparent);--grain: .45;--grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='2.2 0 0 0 0.05 2.2 0 0 0 0.05 2.2 0 0 0 0.05 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--vignette: #8a6a3c;--vignette-strength: .15;--panel-vignette-strength: .3;--frame-line: #462e57;--frame-line-min: var(--accent);--frame-line-emphasis: var(--warm);--frame-glow: color-mix(in srgb, var(--accent) 35%, transparent);--button-glow: color-mix(in srgb, var(--warm) 35%, transparent);--button-wash: var(--warm);--red: #a8392c;--red-light: #d98a7c;--red-deep: #6e2118;--orange: #d86400;--orange-light: #f0a050;--orange-deep: #8c3c00;--amber: #a47818;--amber-light: #dcb45e;--amber-deep: #6b4c0c;--yellow: #c29a12;--yellow-light: #e6cf6e;--yellow-deep: #7a600a;--green: #4d7a3a;--green-light: #93b57f;--green-deep: #2f4f22;--teal: #2f7474;--teal-light: #7fb1b0;--teal-deep: #1b4a4b;--blue: #34609a;--blue-light: #8aa9cf;--blue-deep: #1f3d66;--indigo: #4a4e9c;--indigo-light: #9a9bd0;--indigo-deep: #2e3068;--violet: #6e3f99;--violet-light: #b393cf;--violet-deep: #45245f;--magenta: #9a3a72;--magenta-light: #cf8fb5;--magenta-deep: #63224a;--bone: #9c8b6c;--bone-light: #f7f2e6;--bone-deep: #5e513d;--stone: #7a7068;--stone-light: #b8b0a8;--stone-deep: #4a433e;--wood: #4e2f1a;--wood-light: #86583a;--wood-deep: #2a180b;--glow-mark: var(--magenta);--glow-halo: var(--magenta-light);--glow-halo-far: color-mix(in srgb, var(--glow-halo) 60%, transparent);--ink: #23223d;--fig-wash: #fbf7ee;--hp-ok: var(--green);--hp-low: var(--yellow);--hp-critical: var(--red);--font-body: "Cormorant", Georgia, serif;--font-heading: var(--font-body);--font-subheading: var(--font-body);--font-scale: 1.2;--fade-ms: .2s;--slide-ms: .5s;--stage-h: clamp(300px, calc(100vh - 10.5rem) , 600px);--sidebar-w: 17rem;--column-gap: .6rem;--stage-w: min(calc(var(--stage-h) * 1.3), calc(100vw - var(--sidebar-w) - var(--column-gap) - 2rem));--game-w: calc(var(--stage-w) + var(--column-gap) + var(--sidebar-w));--rail-w: 12px}*{box-sizing:border-box}:root{font-size:calc(16px * var(--font-scale))}html{cursor:var(--cursor-default);scrollbar-width:none}html::-webkit-scrollbar{display:none}a{cursor:var(--cursor-pointer)}[hidden]{display:none!important}body{margin:0;padding:1rem;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;-webkit-user-select:none;user-select:none}body:before,body:after{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;mix-blend-mode:multiply}body:before{background:radial-gradient(ellipse at center,transparent 55%,var(--vignette));opacity:var(--vignette-strength)}body:after{background-image:var(--grain-image);opacity:var(--grain)}.framed-min{box-shadow:inset 0 0 1.75rem color-mix(in srgb,var(--vignette) calc(var(--panel-vignette-strength) * 100%),transparent)}.viewport:after,.arena:after,.framed-screen:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(ellipse at center,transparent 55%,var(--vignette));opacity:var(--vignette-strength)}.framed-screen.framed-screen{background:var(--bg);padding:calc(var(--frame-inset, 0px) + .6rem) calc(var(--frame-inset, 0px) + .8rem)}.framed-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--field);clip-path:inset(var(--frame-inset, 0) round var(--frame-inset-radius, 0))}.framed-screen:after{z-index:1;clip-path:inset(var(--frame-inset, 0) round var(--frame-inset-radius, 0))}input,textarea{-webkit-user-select:text;user-select:text}main{display:flex;justify-content:center}h1{margin:0 0 1rem;font-family:var(--font-heading);font-size:1.4rem;letter-spacing:-.02em}h2{margin:0 0 .5rem;font-family:var(--font-subheading);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.title{font-family:var(--font-subheading);font-weight:600;font-size:1rem;text-transform:none;letter-spacing:.01em;color:var(--fg)}.ok{color:var(--ok)}.bad{color:var(--bad)}.good{color:var(--good)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.25rem}.login-card{width:min(24rem,100%);margin-top:12vh}form{display:grid;gap:.4rem}label{font-size:.85rem;color:var(--muted)}input{cursor:var(--cursor-text);font:inherit;padding:.5rem .6rem;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:7px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}form button{margin-top:.6rem;justify-self:start}#login-error{margin:.4rem 0 0;font-size:.9rem}button{position:relative;overflow:hidden;font:inherit;font-size:.85rem;padding:.15rem .5rem;color:var(--spell, var(--accent));background:transparent;border:1px solid currentColor;border-radius:7px;cursor:var(--cursor-pointer)}@media(hover:hover){button:hover:not(:disabled){color:var(--spell-hover, var(--frame-line));background:color-mix(in srgb,var(--spell, var(--button-wash)) 22%,transparent)}}button.link{border:none;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:2px}@media(hover:hover){button.link:hover{color:var(--accent)}}.btn-label{position:relative;display:inline-flex;align-items:center;gap:.35rem;vertical-align:top}.btn-icon{width:1em;height:1em;flex:none}.btn-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button:disabled{cursor:var(--cursor-none)}.actions button:disabled,.button-grid button:disabled{color:var(--muted)}.cd{position:absolute;right:0;top:0;bottom:0;width:0;background:var(--cooldown-idle);pointer-events:none}.cd[data-mode=cast]{right:auto;left:0;background:var(--cooldown)}.glyph svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--glyph-weight, 1.9);stroke-linecap:round;stroke-linejoin:round}.glyph .solid{fill:currentColor;stroke:none}.close-btn{padding:.25rem;border:none;border-radius:0;background:none;color:inherit;cursor:var(--cursor-pointer)}.close-btn .glyph{display:block;width:1rem;height:1rem}@media(hover:hover){.close-btn:hover:not(:disabled){color:var(--warm);background:none}}.close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp{display:block;height:5px;background:var(--line-soft);overflow:hidden}.hp-fill{display:block;height:100%;width:100%;background:var(--hp-ok);transition:width .18s ease-out}.hp-fill[data-band=low]{background:var(--hp-low)}.hp-fill[data-band=critical]{background:var(--hp-critical)}.stat-glow{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.glow-reading{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap}.glow-mark{width:.92em;height:.92em;color:var(--glow-mark);transform:translateY(.055em)}.glow-mark svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none;filter:drop-shadow(0 0 .07em var(--glow-halo)) drop-shadow(0 0 .22em var(--glow-halo)) drop-shadow(0 0 .55em var(--glow-halo-far))}.stats{margin:0}.stats dt{color:var(--muted)}.stats dd{margin:0;font-variant-numeric:tabular-nums}.scrolls{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.scrolls::-webkit-scrollbar{display:none}ul.scrolls{margin:0;list-style:none}.overview-list{padding:.25rem 0}.scroll-box{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;padding-right:var(--rail-w)}.scroll-rail{position:absolute;top:.6rem;bottom:.6rem;right:2px;width:var(--rail-w);touch-action:none;--mark-h: 9px;--rail-ink: var(--frame-line-min)}.scroll-box:not(.overflows)>.scroll-rail{visibility:hidden}.scroll-rail:hover,.scroll-rail.is-dragging{--rail-ink: var(--frame-line)}.scroll-rail:before{content:"";position:absolute;left:calc(50% - .5px);width:1px;top:calc(var(--mark-h) / 2);bottom:calc(var(--mark-h) / 2);background:var(--rail-ink);opacity:.45}.scroll-mark{position:absolute;left:calc(50% - 3.5px);width:7px;height:var(--mark-h);top:calc(var(--at, 0) * (100% - var(--mark-h)));background:var(--rail-ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.ov-row{display:flex;align-items:baseline;gap:.45rem;padding:.25rem .55rem;font-size:.8rem;cursor:var(--cursor-pointer);border-bottom:1px solid var(--line-soft);line-height:1}.ov-row:last-child{border-bottom:none}.ov-row:hover,.ov-row.is-hovered{background:var(--line-soft)}.ov-row.is-selected{background:var(--line-soft);box-shadow:inset 2px 0 0 var(--select-line)}.ov-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ov-mark{width:10px;height:10px;flex:none;align-self:center;color:var(--muted)}.ov-row.is-reachable .ov-mark,.ov-row.is-here .ov-mark{color:var(--warm)}.ov-row.is-here .ov-mark{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--warm) 45%,transparent))}.ov-row.is-fighting .ov-mark{color:var(--bad)}.ov-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.3em;margin-bottom:-.3em}.ov-detail{font-size:.7rem;color:var(--muted);white-space:nowrap}.ov-dist{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:4ch;text-align:right}.target-panel{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .7rem;background:var(--card)}.target-head{display:flex;align-items:baseline;gap:.5rem;min-height:1.35rem}.target-name{font-family:var(--font-subheading);font-weight:600;font-size:.9rem}.target-name.is-empty{font-weight:400;color:var(--muted)}.target-detail{font-size:.75rem;color:var(--muted)}.target-distance{margin-left:auto;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(2px);cursor:var(--cursor-default)}.overlay p{margin:0 0 .5rem;color:var(--muted);font-size:.85rem}.field-corner{position:absolute;top:1rem;left:1rem;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;max-width:calc(100% - 1.6rem);pointer-events:none}.timewarp{font-size:.72rem;letter-spacing:.04em;color:var(--timewarp);pointer-events:none}.server-error{margin:0;font-size:.8rem;color:var(--bad)}.broadcast{margin:0;font-size:.85rem;color:var(--accent)}.server-error.is-fading,.broadcast.is-fading{opacity:0;transition:opacity 1.5s}.spell-problem{padding:.05rem .4rem;border-radius:2px;color:var(--fg)}.spell-problem.is-invalid{background:color-mix(in srgb,var(--bad) 18%,transparent)}.spell-problem.is-short{background:color-mix(in srgb,var(--yellow) 28%,transparent)}.game,.battle{display:flex;flex-direction:column;gap:.5rem;width:var(--game-w)}.hud{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.85rem}.hud-place{font-family:var(--font-subheading);font-weight:600;letter-spacing:.01em}.hud-right{display:flex;align-items:baseline;gap:.75rem}.hud-name{color:var(--muted)}.map-body,.battle-body{display:grid;grid-template-columns:var(--stage-w) var(--sidebar-w);grid-template-rows:minmax(var(--stage-h),auto) auto;gap:.5rem var(--column-gap);align-items:stretch}.stage{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column}.sidebar{grid-area:1 / 2;display:flex;flex-direction:column;gap:.6rem;min-width:0;min-height:0}.overview{flex:1;min-height:5rem;display:flex;background:var(--card);contain:size}.bottom-bar{grid-area:2 / 1 / 3 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.45rem .75rem;background:var(--card)}.button-grid{--button-col: calc((var(--sidebar-w) - .7rem - .75rem - .35rem) / 2);display:grid;grid-template-columns:repeat(2,var(--button-col));gap:.35rem}.button-grid button{min-width:0;text-align:left}.button-grid .btn-label{max-width:100%}.map-actions{grid-template-columns:repeat(3,var(--button-col));justify-content:end}.button-grid button[aria-pressed=true]{color:var(--frame-line);background:color-mix(in srgb,var(--accent) 12%,transparent)}.statusline{display:flex;justify-content:space-between;gap:1rem;padding:0 .65rem;font-size:.7rem;color:var(--muted);min-height:1lh}.game.is-lobby .sidebar,.game.is-lobby .bottom-bar,.game.is-lobby .hud-place{visibility:hidden}.game.is-lobby .stage{grid-column:1 / -1;grid-row:1 / -1}.viewport{position:relative;width:100%;height:100%;background:var(--field);overflow:hidden;isolation:isolate;cursor:var(--cursor-default)}.viewport.is-pointing{cursor:var(--cursor-pointer)}.viewport:focus-visible{outline:2px solid var(--accent);outline-offset:calc(-2px - var(--frame-inset, 0px))}.game.is-lobby .viewport{cursor:var(--cursor-default)}.world{position:absolute;background:repeating-linear-gradient(0deg,transparent 0 39px,var(--field-line) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,var(--field-line) 39px 40px),var(--field)}.town-view{grid-area:1 / 1 / 2 / -1;z-index:3;display:flex;flex-direction:column;min-height:0;contain:size}.town-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.town-head h2{margin:0}.town-body{flex:1;min-height:0;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:.6rem}.town-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.55}.town-backdrop svg{display:block;width:100%;height:100%}.town-services{position:relative;display:flex;flex-direction:column;gap:.5rem}.lobby-overlay .enter-refusal{margin:.75rem 0 0;color:var(--bad)}.queue-detail{color:var(--muted);font-size:.85em}.entity{position:absolute;top:0;left:0;width:0;height:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;will-change:transform;z-index:1}.entity .dot{width:10px;height:10px;border-radius:50%;margin-top:-5px;flex:none;background:var(--other);box-shadow:0 0 0 2px var(--field)}.entity .name{display:none;margin-top:3px;font-size:.7rem;line-height:1;color:var(--muted);white-space:nowrap}.entity.is-you .name,.entity.is-hovered .name,.entity.is-selected .name{display:block}.entity.is-reachable .dot{background:var(--other-reach)}.entity.is-winded .dot{box-shadow:0 0 0 2px var(--field),0 0 0 4px color-mix(in srgb,var(--winded) 60%,transparent)}.entity.is-fighting .dot{background:var(--bad);box-shadow:0 0 0 2px var(--field),0 0 0 4px color-mix(in srgb,var(--bad) 55%,transparent);animation:fighting 1.4s ease-in-out infinite}@keyframes fighting{50%{box-shadow:0 0 0 2px var(--field),0 0 0 6px color-mix(in srgb,var(--bad) 20%,transparent)}}.entity.is-you{z-index:2}.entity.is-you .dot{background:var(--you)}.entity.is-you .name{color:var(--you);font-weight:600}.entity.is-walking .dot{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35)}}.entity.is-hovered{z-index:3}.entity.is-selected{z-index:4}.entity.is-hovered .dot{box-shadow:0 0 0 2px var(--field),0 0 0 3.5px var(--hover-line)}.entity.is-selected .dot{box-shadow:0 0 0 2px var(--field),0 0 0 3.5px var(--select-line)}.entity.is-selected .name{color:var(--fg)}.marker{position:absolute;top:0;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border:1.5px solid var(--you);border-radius:50%;opacity:.55;pointer-events:none}.poi{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;--poi-ring: var(--poi-line-color)}.poi.is-permanent{--poi-ring: var(--poi-line-permanent)}.poi.is-inactive{opacity:.45}.poi.is-distant{opacity:var(--poi-distant-opacity)}.poi-ring{position:absolute;left:0;top:0;transform:translate(-50%,-50%);overflow:visible}.poi-ring circle{fill:color-mix(in srgb,var(--poi-color, var(--poi-ring)) var(--poi-fill-mix),transparent);stroke:var(--poi-color, var(--poi-ring));stroke-width:var(--poi-line-weight);stroke-linecap:butt}.poi-label{position:absolute;left:0;top:0;font-size:.65rem;line-height:1;color:var(--muted);white-space:nowrap;letter-spacing:.02em}.poi-icon{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:16px;height:16px;color:var(--poi-color, var(--poi-line-color));opacity:.8;pointer-events:none}.poi-icon svg{display:block;width:100%;height:100%;fill:currentColor;fill-rule:evenodd;stroke:none}.poi.is-hovered,.poi.is-selected{z-index:1}.poi.is-hovered,.poi.is-distant.is-hovered,.poi.is-distant.is-selected{opacity:1}.poi.is-hovered .poi-ring circle{stroke:var(--hover-line);stroke-width:2px;fill:var(--poi-hover-fill)}.poi.is-hovered .poi-icon{color:var(--select-line);opacity:1}.poi.is-selected .poi-ring circle{stroke:var(--select-line);stroke-width:2px}.poi.is-hovered .poi-label,.poi.is-selected .poi-label{color:var(--fg)}.entity,.poi{animation:notice var(--fade-ms) ease-out;transition:opacity var(--fade-ms) ease-out}.entity.is-leaving,.poi.is-leaving{opacity:0;pointer-events:none}.entity .dot{transition:transform var(--fade-ms) ease-out}.entity.is-leaving .dot{transform:scale(.4)}@keyframes notice{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.entity,.poi{animation:none;transition:none}.entity .dot{transition:none}.entity.is-walking .dot{animation:none}}.actions{display:flex;flex-wrap:wrap;gap:.35rem}.actions:not(:has(button:not([hidden]))){display:none}.actions button.is-refused{border-color:var(--bad);color:var(--bad)}.readout{display:grid;grid-template-columns:auto minmax(0,8rem) auto auto;justify-content:start;align-items:center;gap:.3rem .6rem;font-size:.78rem}.readout dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-bar{display:inline-flex;align-items:center}.readout-bar .hp{width:6rem}.readout .stat-glow{font-size:inherit;color:inherit}.arena{position:relative;width:100%;height:100%;background:var(--field);overflow:hidden;isolation:isolate;--ally-h: 24%;--foe-h: 19%;--edge: 8%;--spread: 21%}.arena-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.55;will-change:transform}.arena-backdrop svg{display:block;width:100%;height:100%}.arena-figure{position:absolute;z-index:1;height:var(--foe-h);aspect-ratio:1;transform-origin:50% 92%;opacity:.85;filter:saturate(.45);transition:opacity var(--fade-ms) ease-out,filter var(--fade-ms) ease-out,left var(--slide-ms) ease-in-out,right var(--slide-ms) ease-in-out}.arena-figure[data-side=ally]{left:calc(var(--edge) + var(--i, 0) * var(--spread));bottom:var(--edge);height:var(--ally-h);opacity:1;filter:none}.arena-figure[data-side=foe]{right:calc(var(--edge) + var(--i, 0) * var(--spread));top:var(--edge)}.arena-shadow{position:absolute;z-index:0;pointer-events:none;aspect-ratio:4;height:calc(var(--foe-h) / 4);opacity:.3;transition:opacity var(--fade-ms) ease-out,left var(--slide-ms) ease-in-out,right var(--slide-ms) ease-in-out}.arena-shadow svg{display:block;width:100%;height:100%}.arena-shadow[data-side=ally]{left:calc(var(--edge) + var(--i, 0) * var(--spread));bottom:calc(var(--edge) - var(--ally-h) / 8);height:calc(var(--ally-h) / 4);opacity:.5}.arena-shadow[data-side=foe]{right:calc(var(--edge) + var(--i, 0) * var(--spread));top:calc(var(--edge) + var(--foe-h) - var(--foe-h) / 8)}.arena-shadow.is-target{opacity:.75}.arena-shadow.is-down{opacity:.1}.arena-figure.is-aimable{cursor:var(--cursor-pointer)}.arena-figure svg{display:block;width:100%;height:100%}.arena-figure.is-down{opacity:.18}.arena-figure.is-target{opacity:1;filter:none}.arena-bolt{position:absolute;top:0;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--bolt) 45%,color-mix(in srgb,var(--bolt) 30%,transparent) 70%,transparent);box-shadow:0 0 10px 3px color-mix(in srgb,var(--bolt) 55%,transparent)}.battle-over{gap:.35rem}.battle-over h2{margin:0;color:var(--fg);font-size:1.05rem;text-transform:none;letter-spacing:0}.battle-over p{margin-bottom:.6rem}.battle-over .battle-reward{margin:.1rem 0 .4rem;color:var(--amber);font-variant-numeric:tabular-nums}.battle-reward:empty{display:none}.battle .target-head .stat-glow{margin-left:auto;align-self:center}.target-stats{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.stat-health{display:flex;flex-direction:column;gap:.15rem;flex:1 1 0;min-width:0}.fighter-hp{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.target-cast{display:flex;flex-direction:column;gap:.15rem;flex:1 1 0;min-width:0}.target-cast.is-idle>*{visibility:hidden}.target-cast .hp{position:relative}.target-cast .cd[data-mode=cast]{background:var(--spell, var(--warm))}.target-cast .fighter-hp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle .overview{flex:1 1 40%;min-height:6rem}.battle .ov-row.is-down{opacity:.4}.battle .ov-row.is-down .ov-mark{color:var(--muted)}.battle .ov-dist{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.battle-log{flex:1 1 60%;min-height:6rem;display:flex;background:var(--card);contain:size}.battle-log-list{padding:.4rem .7rem;font-size:.82rem;line-height:1.45}.battle-log-list li{color:var(--muted)}.battle-log-list li:last-child{color:var(--fg)}.battle-self{display:grid;gap:.3rem;justify-self:start;width:11rem;max-width:100%}.self-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.self-health{display:flex;flex-direction:column;gap:.15rem}.battle-self .hp{width:6rem}.spell-mark{display:inline-flex;flex-direction:column;align-items:center;flex:none;margin:-.15rem 0;line-height:1}.spell-mark:has(.spell-left:not(:empty)) .btn-icon{width:.85em;height:.85em}.spell-left{font-size:.5rem;line-height:1;font-variant-numeric:tabular-nums}.spell-left:empty{display:none}.spell-spacer{visibility:hidden;pointer-events:none}.battle-spells button.has-problem .spell-mark{display:none}.battle-spells button.has-problem{display:flex;align-items:center;justify-content:center}.battle-spells .btn-text.spell-problem{font-size:.78em;padding:.05rem .3rem}.battle-spells{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:var(--button-col);justify-content:end}.battle-spells button.is-withdraw{grid-row:2}.battle-spells button:disabled{color:var(--muted);cursor:var(--cursor-default)}.battle-spells button.is-casting{color:var(--spell-hover, var(--warm))}.battle-spells button.is-confirming{color:var(--bad)}.battle-spells button.is-queued{color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px}.game-panel{grid-area:1 / 1;z-index:4;position:relative;display:flex;flex-direction:column;gap:.6rem;min-height:0;padding:.8rem .4rem .8rem 1rem;background:var(--card);contain:size}.panel-head{display:flex;align-items:baseline;gap:1rem;padding-right:2rem}.panel-close{position:absolute;top:.55rem;right:.6rem;z-index:3}.framed-screen .panel-close{top:calc(var(--frame-inset, 0px) + .35rem);right:calc(var(--frame-inset, 0px) + .4rem)}.panel-title{margin:0}.panel-weight{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.panel-weight.bad{color:var(--bad)}.panel-note{font-size:.78rem;color:var(--muted)}.panel-note.bad{color:var(--bad)}.panel-head .server-error{font-size:.78rem}.panel-section h2 .server-error{margin-left:1rem;font:400 .78rem var(--font-body);text-transform:none;letter-spacing:normal}.panel-head>:empty{display:none}.panel-head:not(:has(>:not(:empty,[hidden]))){display:none}.panel-body{padding-right:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:1rem 2rem;align-content:start}.panel-empty{margin:0;color:var(--muted)}.panel-body:has(>.system-list){flex:1;align-content:center;justify-content:center}.system-list{grid-column:1 / -1;justify-self:center;display:flex;flex-direction:column;gap:1rem}.system-list .panel-section{display:flex;flex-direction:column;align-items:center;text-align:center}.panel-section h2{margin-bottom:.3rem}.panel-column{display:flex;flex-direction:column;gap:1rem}.panel-stats{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .8rem;font-size:.85rem;align-items:center}.panel-hp{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.panel-hp .hp{width:auto;flex:0 1 7rem;min-width:2rem}.item-list{grid-column:1 / -1;columns:16rem;column-gap:2rem}.item-row{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.22rem .25rem .22rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-size:.85rem;break-inside:avoid}.item-row.is-blank{padding:0;height:.5rem}.item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name.is-empty{color:var(--muted)}.item-detail{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.item-detail .spell-problem{margin-right:.35rem}.item-icon{width:1.1rem;height:1.1rem;color:var(--muted);--glyph-weight: 1.6}.item-row.is-clickable{cursor:var(--cursor-pointer)}.item-row.is-open,.item-row.is-selected{background:var(--line-soft)}@media(hover:hover){.item-row.is-clickable:hover{background:var(--line-soft)}}.item-row.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.item-row.is-selected{box-shadow:inset 2px 0 0 var(--select-line)}.item-row.is-selected{grid-template-columns:1.1rem minmax(0,1fr) auto auto}.row-actions{display:flex;gap:.3rem}.row-btn{font-size:.75rem;padding:0 .4rem}.row-btn:disabled,.row-btn[aria-disabled=true]{color:var(--muted)}.qty-input{width:4.5em;padding:0 .3rem;font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums;border-radius:4px}.slot-picker{flex:none;max-height:9.5rem;margin:0 0 .3rem 1.65rem;border-left:1px solid var(--line)}.slot-picker .item-row{padding-left:.5rem}.slot-picker .is-action .item-name{color:var(--muted);font-style:italic}.book-section{grid-column:1 / -1;container-type:inline-size}.book-row{grid-template-columns:1.1rem minmax(0,1fr) auto auto}.book-chips{display:flex;gap:.7rem;justify-content:flex-end}.book-chip{display:inline-flex;align-items:center;gap:.15rem;font-size:.75rem;color:var(--muted)}.book-chip-icon{width:.85rem;height:.85rem;flex:none}.book-chip-pct{font-variant-numeric:tabular-nums;margin-left:.1rem}.book-chips.is-many .book-chip-pct{display:none}@container (max-width: 24rem){.book-chip-pct{display:none}}@container (max-width: 12.5rem){.book-chips{display:none}}.book-details{margin:.1rem 0 .4rem 1.65rem;padding:.45rem .6rem;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.book-timing{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;color:var(--muted)}.book-timing .spell-problem{white-space:nowrap}.book-blurb{margin:0;font-style:italic}.book-effect{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.8rem;font-variant-numeric:tabular-nums}.book-effect-what{display:inline-flex;align-items:center;gap:.25rem}.book-effect-range{font-weight:600}.book-effect-numbers{grid-column:1 / -1;padding-left:2.1rem;color:var(--muted);font-size:.72rem}.beast-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));grid-auto-flow:row dense;--beast-gap: .6rem;gap:var(--beast-gap);overflow:clip}.beast{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .2rem;border-radius:4px;cursor:var(--cursor-pointer);--field: var(--card)}.beast{position:relative}.beast:before,.beast:after{content:"";position:absolute;background:color-mix(in srgb,var(--line) 60%,transparent)}.beast:before{left:calc(var(--beast-gap) / -2 - .5px);top:12%;bottom:12%;width:1px}.beast:after{top:calc(var(--beast-gap) / -2 - .5px);left:12%;right:12%;height:1px}.beast.is-open{background:var(--line-soft)}@media(hover:hover){.beast:hover{background:var(--line-soft)}}.beast:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.beast-figure{width:4.5rem;aspect-ratio:1}.beast-figure svg{display:block;width:100%;height:100%}.beast-name{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--muted)}.beast-details{grid-column:1 / -1;margin:0}.beast-spell{display:flex;flex-direction:column;gap:.25rem;padding-top:.35rem;border-top:1px solid var(--line-soft)}.beast-spell-head{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem}.beast-spell-head .item-name{flex:1 0 auto}.beast-drops{padding-top:.35rem;border-top:1px solid var(--line-soft)}.beast-subhead{margin:0 0 .15rem;font-size:.8rem;font-weight:600}.framed{position:relative;border:none;border-radius:0}button.framed{border:1px solid currentColor;border-radius:6px}button.framed.frame-encloses{border-color:transparent;border-radius:0}.stage.framed>.viewport,.stage.framed>.arena{clip-path:inset(var(--frame-inset, 0) round var(--frame-inset-radius, 0))}.frame{position:absolute;inset:0;z-index:2;pointer-events:none;color:var(--frame-line);filter:drop-shadow(0 0 3px var(--frame-glow))}.framed-min .frame{color:var(--frame-line-min);filter:none}.framed-btn .frame{color:currentColor;filter:none}@media(hover:hover){button.framed:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 6px var(--button-glow)}}button.framed:disabled{color:var(--muted)}button.framed.is-refused{color:var(--bad)}.frame svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.frame path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}@media(max-width:46rem){:root{--game-w: calc(100vw - 2rem) ;--stage-w: var(--game-w)}.map-body,.battle-body{grid-template-columns:1fr;grid-template-rows:auto}.stage{height:min(var(--game-w),70vh)}.sidebar{grid-area:2 / 1}.bottom-bar{grid-area:3 / 1;grid-template-columns:1fr}.game.is-lobby .sidebar,.game.is-lobby .bottom-bar{display:none}.town-view{grid-area:1 / 1}.game.in-town .sidebar,.town-backdrop{display:none}.town-body{align-items:stretch;justify-content:flex-start}.town-services{width:100%}.town-services .framed-btn{width:100%;text-align:left}.battle .sidebar{display:contents}.battle .target-panel{grid-area:2 / 1}.battle .overview{grid-area:3 / 1}.battle .bottom-bar{grid-area:4 / 1}.battle .battle-log{grid-area:5 / 1}.overview,.battle-log{contain:none}.overview{max-height:13rem}.battle-log{max-height:11rem}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-row.is-open .book-chips{display:none}.battle-spells{grid-auto-columns:minmax(0,1fr);justify-content:stretch}}