@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;ascent-override:80%;descent-override:29%;line-gap-override:12%}@font-face{font-family:Cormorant Figures;src:url(/assets/fonts/cormorant/Cormorant-wght.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;ascent-override:80%;descent-override:29%;line-gap-override:12%;font-feature-settings:"tnum"}:root{--bg: #e2d3b0;--card: #eee3c6;--dialog: color-mix(in srgb, var(--card) 70%, var(--fig-wash));--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: #8c304a;--warm: #c45800;--cold: #1d5782;--ok: var(--cold);--bad: #982216;--good: var(--green);--timewarp: var(--red);--field: #eee3c6;--map-ink: var(--wood);--map-water: var(--blue-deep);--you: var(--cold);--other: var(--muted);--reach: var(--accent);--invuln: var(--cold);--pulse-width: 1.5px;--pulse-mix: 45%;--pulse-spread: 5px;--pulse-period: 2s;--player-ring-px: 2px;--poi-fill-mix: 5%;--fight-fill-mix: 12%;--poi-line-color: #ad956a;--poi-line-permanent: #7a603c;--poi-distant-opacity: .6;--poi-town: var(--teal);--poi-gate: var(--blue);--poi-dungeon: var(--red);--poi-loot: var(--amber);--frame-fade-ms: .25s;--rules-pvp-unsafe: var(--red);--rules-pvp-safe: var(--amber);--rules-pve-unsafe: var(--amber);--rules-pve-safe: var(--green);--clairvoyance: color-mix(in srgb, var(--indigo) 60%, var(--indigo-deep));--scan-region-line: .6;--clairvoyance-muted: color-mix(in srgb, var(--clairvoyance) 60%, var(--muted));--select-line: var(--fg);--hover-line: color-mix(in srgb, var(--select-line) 85%, 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;--desk: #1e1511;--paper-rim: #7a5530;--paper-margin: 1.5rem;--vignette-strength: .15;--panel-vignette-strength: .3;--frame-line: var(--accent);--frame-line-min: var(--accent);--frame-line-emphasis: var(--warm);--frame-glow: color-mix(in srgb, var(--accent) 35%, transparent);--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;--red-mid: #c16354;--red-dark: #490a05;--orange-mid: #e58332;--orange-dark: #5c1c00;--amber-mid: #c0963e;--amber-dark: #452d00;--yellow-mid: #d4b448;--yellow-dark: #4c3700;--green-mid: #70975c;--green-dark: #18320d;--teal-mid: #589291;--teal-dark: #052e2f;--blue-mid: #5f84b5;--blue-dark: #0c2545;--indigo-mid: #7074b6;--indigo-dark: #1a1a47;--violet-mid: #9069b4;--violet-dark: #290e3d;--magenta-mid: #b56593;--magenta-dark: #410c2e;--bone-mid: #c9bda7;--bone-dark: #342a1a;--stone-mid: #988f87;--stone-dark: #2a2420;--wood-mid: #69432a;--wood-dark: #150701;--glow-mark: var(--accent);--flux-mark: var(--violet);--mark-rise: .3em;--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-figures: "Cormorant Figures", var(--font-body);--font-scale: 1.2;--space: 1;--compact-space: .55;--compact-scale: .93;--compact-line: 1.32;--fade-ms: .2s;--slide-ms: .5s;--sweep-ms: .56s;--sweep-ease: cubic-bezier(.3, .6, .2, 1);--game-around: calc(2.6rem + 1.45rem * var(--space));--stage-max-h: 1100px;--stage-max-aspect: 2;--column-gap: .6rem;--float-inset: 1.1rem;--card-w: max(34rem, 60%);--card-narrow-w: max(26rem, 42%);--card-resize-ms: .18s;--rail-w: 12px;--z-frame: 2;--z-float: 3;--z-town: 4;--z-result: 4;--z-panel: 5;--z-dialogs: 100;--z-toast: 150;--z-tooltip: 200;--z-page-edge: 999;--z-page-paper: 1000;--z-behind: -1;--z-screen-edges: 1;--z-over-frame: calc(var(--z-frame) + 1);--z-page-shade: 100;--z-arena-marks: 1;--z-field-scan: 8;--z-field-corner: 10;--z-field-warp: 11;--z-field-vignette: 12}*{box-sizing:border-box}:root{font-size:calc(16px * var(--font-scale))}:root[data-density=compact]{--space: var(--compact-space);font-size:calc(16px * var(--font-scale) * var(--compact-scale))}:root[data-density=compact] body{line-height:var(--compact-line)}html{cursor:var(--cursor-default);scrollbar-width:none}html::-webkit-scrollbar{display:none}a{cursor:var(--cursor-pointer)}[hidden]{display:none!important}body{position:relative;min-height:100vh;min-height:100dvh;margin:0;background:linear-gradient(var(--bg),var(--bg)) var(--sheet-x, 0) 0 / var(--sheet-w, 100%) var(--sheet-h, 100%) no-repeat,var(--desk);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:absolute;inset:0;z-index:var(--z-page-paper);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);background-size:var(--grain-size, auto);opacity:var(--grain);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-repeat:no-repeat;mask-size:100% 100%,var(--map-hole-w, 0) var(--map-hole-h, 0);mask-position:0 0,var(--map-hole-x, 0) var(--map-hole-y, 0);mask-composite:exclude}body:has(#battle:not([hidden])):after{mask-size:100% 100%,var(--battle-hole-w, 0) var(--battle-hole-h, 0);mask-position:0 0,var(--battle-hole-x, 0) var(--battle-hole-y, 0)}body:has(#town:not([hidden]),#full:not([hidden])):after{mask-image:none}.paper-edge-box{position:absolute;inset:0;overflow:hidden;z-index:var(--z-page-edge);pointer-events:none}.paper-edge{position:absolute;left:var(--sheet-x, 0);top:0;width:var(--sheet-w, 0);height:var(--sheet-h, 0);box-sizing:border-box;border-style:solid;border-color:transparent}.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:var(--z-field-vignette);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{isolation:isolate;background:var(--bg);padding:calc(var(--frame-inset, 0px) + .6rem * var(--space)) calc(var(--frame-inset, 0px) + .8rem)}.framed-screen:before{content:"";position:absolute;inset:0;z-index:var(--z-behind);background:var(--field);clip-path:inset(var(--frame-inset, 0) round var(--frame-inset-radius, 0))}.framed-screen:after{z-index:var(--z-screen-edges);clip-path:inset(var(--frame-inset, 0) round var(--frame-inset-radius, 0))}input,textarea{-webkit-user-select:text;user-select:text}main{display:grid;justify-items:center;align-items:start;min-height:100vh;min-height:100dvh;padding:calc(1rem * var(--space)) 1rem;overflow:clip}main>*{grid-area:1 / 1}h1{margin:0 0 calc(1rem * var(--space));font-family:var(--font-heading);font-size:1.4rem;letter-spacing:-.02em}h2{margin:0 0 calc(.5rem * var(--space));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:calc(1.25rem * var(--space)) 1.25rem}.login-card{width:min(24rem,100%);margin-top:12vh}form{display:grid;gap:calc(.4rem * var(--space)) .4rem}label{font-size:.85rem;color:var(--muted)}input{cursor:var(--cursor-text);font:inherit;padding:calc(.5rem * var(--space)) .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:calc(.6rem * var(--space));justify-self:start}#login-error{margin:calc(.4rem * var(--space)) 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:not(.framed-btn,.spell-tile):hover:not(:disabled){color:var(--spell-hover, var(--frame-line));background:color-mix(in srgb,var(--spell, var(--accent)) 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:calc(.35rem * var(--space)) .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)}.view-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.glyph-ink{display:block;width:100%;height:100%;background:currentColor;mask-image:var(--glyph, var(--glyph-1_9)),linear-gradient(var(--ink-angle, 135deg),#000 35%,rgb(0 0 0 / .55));mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect}.glyph svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;mask-image:linear-gradient(var(--ink-angle, 135deg),#000 35%,rgb(0 0 0 / .55))}.glyph .solid{fill:currentColor;stroke:none}@property --sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.sweep-ring:not(.is-swept){mask-image:conic-gradient(from var(--sweep-from),#000 var(--sweep),transparent calc(var(--sweep) + .5deg))}@keyframes sweep-round{0%{--sweep: 0deg}to{--sweep: 361deg}}.close-btn{isolation:isolate;padding:calc(.25rem * var(--space)) .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){button.close-btn:hover:not(:disabled){color:inherit;background:none}}.close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@property --fill{syntax: "<number>"; inherits: true; initial-value: 1;}.meter{position:relative;display:block;height:8px;transition:--fill .18s ease-out;mask-image:linear-gradient(100deg,#000 45%,#000000b3)}.meter[data-running]{transition:none}.meter .frame.bar{z-index:auto}.meter .bar-track{color:var(--line);opacity:.55}.meter .bar-fill{color:var(--hp-ok);clip-path:inset(-4px calc((1 - var(--fill)) * 100%) -4px -4px)}.meter[data-band=low] .bar-fill{color:var(--hp-low)}.meter[data-band=critical] .bar-fill{color:var(--hp-critical)}.slider{position:relative;display:block;padding:6px 0;--fill: 1}.slider .meter{transition:none}.slider .bar-fill{color:var(--accent)}.slider-knob{position:absolute;top:50%;left:calc(var(--fill) * 100%);width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);background:var(--fg);box-shadow:0 0 0 2px var(--card);pointer-events:none}.slider input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:var(--cursor-pointer)}.slider:has(input:focus-visible) .slider-knob{outline:2px solid var(--accent);outline-offset:2px}.stat-number{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.stat-number.bad{color:var(--bad)}.stat-glow{display:inline-flex;align-items:baseline;gap:.1rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.glow-reading{display:inline-flex;align-items:baseline;gap:.1rem;white-space:nowrap}.glow-mark,.flux-mark,.spell-elem{--mark-size: .92em;display:inline-block;width:var(--mark-size);height:var(--mark-size);vertical-align:baseline;transform:translateY(calc(var(--mark-size) / 2 - var(--mark-rise)))}.glow-mark{color:var(--glow-mark)}.flux-mark{color:var(--flux-mark)}.spell-elem{--mark-size: 1.05em;--mark-rise: .2em}.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:calc(.25rem * var(--space)) 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:calc(.45rem * var(--space)) .45rem;padding:calc(.21rem * var(--space)) .55rem;font-size:.8rem;cursor:var(--cursor-pointer);border-bottom:1px solid var(--line-soft);line-height:1.1}.ov-row:last-child{border-bottom:none}.ov-row:hover,.ov-row.is-hovered,.ov-row.is-selected{background:var(--line-soft)}.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(--reach)}.ov-row:is([data-kind=contact],.is-scanned){position:relative;isolation:isolate;color:var(--clairvoyance)}.ov-row:is([data-kind=contact],.is-scanned) :is(.ov-detail,.ov-dist){color:var(--clairvoyance-muted)}.ov-row:is([data-kind=contact],.is-scanned):not(.is-reachable,.is-here) .ov-mark{color:var(--clairvoyance)}.ov-flash{position:absolute;inset:0;z-index:var(--z-behind);background:color-mix(in srgb,var(--clairvoyance) 22%,transparent);opacity:0;pointer-events:none}.ov-row.is-here .ov-mark{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--reach) 45%,transparent))}.ov-mark svg{overflow:visible}.ov-mark{padding:6px;margin:-6px -9px -6px -6px;box-sizing:content-box;mask-image:linear-gradient(var(--ink-angle, 135deg),#000 35%,rgb(0 0 0 / .55))}.ov-mark svg{mask-image:none}.ov-mark .ring{display:none;r:7.2px;stroke-width:2.4px}.ov-row.is-invuln .ov-mark .ring,.ov-row.is-fighting .ov-mark .ring{display:inline}.ov-row.is-invuln .ov-mark{--ov-ring: var(--invuln)}.ov-row.is-fighting .ov-mark{color:var(--bad);--ov-ring: var(--bad)}.ov-row:is(.is-invuln,.is-fighting) .ov-mark .ring{stroke:color-mix(in srgb,var(--ov-ring) 55%,transparent);animation:ov-ring var(--pulse-period) ease-in-out infinite}@keyframes ov-ring{50%{r:8.4px;stroke-width:4.8px;stroke:color-mix(in srgb,var(--ov-ring) 20%,transparent)}}.ov-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-row .ov-label{flex:1 1 auto}.ov-detail{flex:0 1 auto;min-width:0;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-dist{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:4ch;text-align:right}.ov-dist .glow-mark{--mark-size: .8em;margin:0 -.9em 0 .1em}.target-panel{display:flex;flex-direction:column;padding:calc(.6rem * var(--space)) .7rem;background:var(--card);--target-head-h: 1.35rem}.target-head{display:flex;align-items:baseline;gap:calc(.5rem * var(--space)) .5rem;min-height:var(--target-head-h)}.target-title{flex:1;min-width:0;display:flex;align-items:baseline;column-gap:.5rem}.target-name{font-family:var(--font-subheading);font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-name.is-empty{font-weight:400;color:var(--muted)}.target-detail{flex:0 4 auto;min-width:0;margin-left:auto;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay{position:absolute;inset:var(--frame-inset, 0);border-radius:var(--frame-inset-radius, 0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.5rem * var(--space)) .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 calc(.5rem * var(--space));color:var(--muted);font-size:.85rem}.field-corner{position:absolute;top:1rem;left:1rem;z-index:var(--z-field-corner);display:flex;flex-direction:column;align-items:flex-start;gap:calc(.25rem * var(--space)) .25rem;max-width:calc(100% - 1.6rem);pointer-events:none}.timewarp{font-size:.72rem;letter-spacing:.04em;color:var(--timewarp);pointer-events:none}.toasts{position:fixed;top:.6rem;left:50%;transform:translate(-50%);z-index:var(--z-toast);width:max-content;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;align-items:center;gap:calc(.4rem * var(--space)) .4rem;pointer-events:none}.toast{display:flex;align-items:center;gap:calc(.55rem * var(--space)) .55rem;max-width:min(30rem,calc(100vw - 2rem));padding:calc(.45rem * var(--space)) .6rem calc(.45rem * var(--space)) .65rem;background:var(--dialog);border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 10px color-mix(in srgb,var(--ink) 16%,transparent);font-size:.85rem;line-height:1.35;color:var(--fg);pointer-events:auto;cursor:var(--cursor-pointer)}.toast-icon{flex:none;width:1.15rem;height:1.15rem;color:var(--tone, var(--muted));--glyph: var(--glyph-1_6)}.toast-text{min-width:0}.toast-timer{flex:none;width:1rem;height:1rem;margin-left:.15rem;transform:rotate(-90deg)}.toast-timer circle{fill:none;stroke-width:2.2}.toast-timer-track{stroke:var(--line-soft)}.toast-timer-left{stroke:var(--muted);stroke-dasharray:1}.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)}.slide-box{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);min-width:0;min-height:0;contain:size;pointer-events:none}.slide-box>*{grid-area:1 / 1;pointer-events:auto}.dialogs{position:fixed;inset:0;z-index:var(--z-dialogs);pointer-events:none}.dialog-shade{position:absolute;inset:0;pointer-events:auto;background:color-mix(in srgb,var(--bg) 55%,transparent);cursor:var(--cursor-default)}.dialog{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;flex-direction:column;gap:calc(.6rem * var(--space)) .6rem;width:min(22rem,calc(100vw - 2rem));padding:calc(1rem * var(--space)) 1.2rem;background:var(--dialog)}.dialog-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(1rem * var(--space)) 1rem}.dialog-title{margin:0}.dialog-close{margin-left:auto;margin-top:calc(-.3rem * var(--space));margin-right:-.5rem}.dialog-text{margin:0}.dialog-buttons{display:flex;justify-content:flex-end;gap:calc(.5rem * var(--space)) .5rem}.loading-body{display:flex;flex-direction:column;gap:calc(.6rem * var(--space)) .6rem}.loading-step{margin:0;font-family:var(--font-subheading)}.loading-detail{margin:calc(-.4rem * var(--space)) 0 0;min-height:1.2em;font-size:.8rem;color:var(--muted)}.loading-bar{height:4px;background:var(--line-soft)}.loading-fill{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--done, 0));transition:transform .15s ease-out}.ink-mask{position:absolute;inset:0;display:block;background:currentColor;mask-size:100% 100%;mask-repeat:no-repeat}.ink{position:absolute;inset:calc(-1 * var(--ink-bleed, 10px));display:block;background:currentColor;mask-repeat:no-repeat;pointer-events:none}.page-shade{position:absolute;inset:0;z-index:var(--z-page-shade);pointer-events:none;background:linear-gradient(to right,transparent,rgb(0 0 0 / .35))}.page-edge{position:absolute;pointer-events:none;backface-visibility:hidden;background:linear-gradient(to right,color-mix(in srgb,var(--card),black 12%),color-mix(in srgb,var(--card),black 30%))}.item-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));grid-auto-flow:row dense;--beast-gap: .6rem;gap:var(--beast-gap);overflow:clip}.item-cell{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:calc(.2rem * var(--space)) .2rem;padding:calc(.5rem * var(--space)) .25rem calc(.4rem * var(--space));border-radius:4px;cursor:var(--cursor-pointer)}.frame.cell-wash{z-index:var(--z-behind)}.cell-wash-ink{color:var(--line);opacity:0}.item-cell.is-selected .cell-wash-ink{opacity:.62}@media(hover:hover){.item-cell:hover .cell-wash-ink{opacity:.38}}.item-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.item-cell-art{position:relative;display:grid;place-items:center;width:2.6rem;aspect-ratio:1}.item-cell-art.is-acting{width:auto;aspect-ratio:auto;height:2.6rem;display:flex;align-items:center;gap:calc(.3rem * var(--space)) .3rem}.item-cell-art.is-acting .qty-input{width:3em;text-align:center}.item-cell-of{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.item-cell-icon{width:1.7rem;height:1.7rem;color:var(--muted);--glyph: var(--glyph-1_5)}.item-cell.is-selected .item-cell-icon{color:var(--fg)}.item-cell.is-dimmed{opacity:.5}.item-cell-qty{position:absolute;bottom:-.15rem;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.item-cell-name{font-size:.78rem;line-height:1.15;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.item-cell-name.is-empty{color:var(--muted)}.item-list.is-compact{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));--beast-gap: .45rem}.is-compact .item-cell{padding:calc(.4rem * var(--space)) .15rem calc(.3rem * var(--space))}.is-compact .item-cell-art:not(.is-acting){width:2.1rem}.is-compact .item-cell-art.is-acting{height:2.1rem}.is-compact .item-cell-icon{width:1.35rem;height:1.35rem}.is-compact .item-cell-name{font-size:.72rem}.is-compact .item-cell:has(.is-acting .row-btn):has(.is-acting .qty-input){grid-column:span 2}.item-cell:before,.item-cell:after{content:"";position:absolute;background:color-mix(in srgb,var(--line) 60%,transparent)}.item-cell:before{left:calc(var(--beast-gap) / -2 - .5px);top:12%;bottom:12%;width:1px}.item-cell:after{top:calc(var(--beast-gap) / -2 - .5px);left:12%;right:12%;height:1px}.qty-input{width:4.5em;padding:0 .1rem;font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums;background:none;border:none;border-radius:0;border-bottom:1.5px solid var(--line)}.qty-input:focus-visible{outline:none;border-bottom-color:var(--accent)}.qty-input::selection{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg)}.qty-input.bad{border-bottom-color:var(--bad)}.price-tag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1rem .45rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.price-part{display:inline-flex;align-items:center;gap:.15rem;white-space:nowrap}.price-icon{display:block;width:.95rem;height:.95rem;--glyph: var(--glyph-1_5)}.price-tag.bad{color:var(--bad)}.tooltip{position:fixed;left:0;top:0;z-index:var(--z-tooltip);max-width:min(19rem,calc(100vw - 1rem));display:flex;flex-direction:column;gap:calc(.3rem * var(--space)) .3rem;padding:calc(.55rem * var(--space)) .7rem;background:var(--dialog);border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 10px color-mix(in srgb,var(--ink) 16%,transparent);font-size:.8rem;line-height:1.35;color:var(--fg);pointer-events:none}.tooltip[hidden]{display:none}.has-tooltip{-webkit-touch-callout:none}.tip-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.8rem}.tip-title{font-weight:600}.tip-detail{grid-column:2;justify-self:end;color:var(--muted);font-size:.75rem;white-space:nowrap}.tip-under{line-height:1.1}.tip-charges{grid-column:1;grid-row:2;font-size:.75rem;line-height:1.1;color:var(--muted)}.tip-charges.is-invalid{color:var(--bad)}.tip-charges.is-short{color:var(--yellow-deep)}.tip-blurb{margin:0;color:var(--muted);font-style:italic}.tip-note{color:var(--muted);font-size:.75rem}:root{--stage-h: clamp(300px, calc(100vh - var(--game-around)), var(--stage-max-h));--sidebar-w: clamp(13rem, calc(var(--stage-h) * .42), 15.5rem);--stage-w: min(calc(var(--stage-h) * var(--stage-max-aspect)), calc(100vw - var(--sidebar-w) - var(--column-gap) - 2 * var(--paper-margin)));--game-w: calc(var(--stage-w) + var(--column-gap) + var(--sidebar-w))}.game,.battle{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(.5rem * var(--space)) .5rem;width:var(--game-w);background:var(--bg)}.hud{display:flex;align-items:baseline;justify-content:space-between;gap:calc(1rem * var(--space)) 1rem;font-size:.85rem;margin-bottom:calc(-.3rem * var(--space))}.hud-place{font-family:var(--font-subheading);font-weight:600;letter-spacing:.01em}.hud-title{display:flex;align-items:baseline;gap:calc(.2rem * var(--space)) .2rem;min-width:0}.hud-rules{font-family:var(--font-subheading);font-weight:600;letter-spacing:.06em;font-size:.6rem}.hud-rules[data-engagement=pvp_unsafe]{color:var(--rules-pvp-unsafe)}.hud-rules[data-engagement=pvp_safe]{color:var(--rules-pvp-safe)}.hud-rules[data-engagement=pve_unsafe]{color:var(--rules-pve-unsafe)}.hud-rules[data-engagement=pve_safe]{color:var(--rules-pve-safe)}.hud-right{display:flex;align-items:center;align-self:center;gap:calc(.75rem * var(--space)) .75rem}.hud-btn{margin-block:-.4rem;margin-right:-.25rem}.hud-health{font-size:.6rem;color:var(--muted)}.game.is-lobby .hud-health{visibility:visible}.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);gap:calc(.5rem * var(--space)) 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:calc(.6rem * var(--space)) .6rem;min-width:0;min-height:0}.overview{flex:1;min-height:5rem;display:flex;background:var(--card);contain:size}:is(.map-body,.battle-body)>.stage{grid-column:1 / -1}.map-body{grid-template-rows:minmax(0,1fr) auto;height:var(--stage-h)}.map-body>.stage{grid-row:1 / -1}:is(.map-body,.battle-body)>.sidebar{grid-column:1 / -1;justify-self:end;width:var(--sidebar-w);margin:var(--float-inset);contain:size;pointer-events:none;z-index:var(--z-float)}:is(.map-body,.battle-body)>.sidebar .framed{pointer-events:auto}:is(.map-body,.battle-body) .overview{flex:0 1 auto;min-height:0;flex-direction:column;contain:inline-size}.overview.is-rolled-up>.scroll-box{display:none}.overview.is-rolling>.scroll-box{overflow:clip}.overview-summary{flex:none;padding:calc(.3rem * var(--space)) .7rem;border:none;border-bottom:1px solid var(--line-soft);background:none;font:inherit;font-size:.78rem;color:var(--muted);text-align:left;cursor:var(--cursor-pointer)}.overview.is-rolled-up .overview-summary{border-bottom:none}@media(hover:hover){.overview-summary:hover{color:var(--fg)}}.overview-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:is(.map-body,.battle-body)>.sidebar .framed:not(.framed-btn),.map-card,.game-panel[data-size=card]{isolation:isolate}:is(.map-body,.battle-body)>.sidebar .framed:not(.framed-btn):after,.map-card:after,.game-panel[data-size=card]:after{content:"";position:absolute;inset:0;z-index:var(--z-behind);border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;background-image:var(--grain-image);background-size:var(--grain-size, auto);opacity:var(--grain)}.map-body>.map-card{grid-row:2;grid-column:1 / -1;align-self:end;margin:0 var(--float-inset) var(--float-inset);z-index:var(--z-float);background:var(--card)}.self-card{justify-self:start;padding:calc(.45rem * var(--space)) .75rem}.actions-card{justify-self:end;padding:calc(.45rem * var(--space)) .45rem}.button-grid{--button-col: calc((var(--sidebar-w) - .7rem - .75rem - .35rem) / 2);display:grid;grid-template-columns:repeat(2,var(--button-col));gap:calc(.35rem * var(--space)) .35rem}.button-grid button{min-width:0;text-align:left}.button-grid>button{grid-row:var(--cell-row, auto);grid-column:var(--cell-col, auto)}.button-grid .btn-label{max-width:100%}.map-actions{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(0,8.5rem);justify-content:end;column-gap:.1rem}.game.is-lobby .sidebar,.game.is-lobby .map-card,.game.is-lobby .hud-place,.game.is-lobby .hud-rules,.game.is-lobby .hud-right{visibility:hidden}.game.is-lobby .stage{grid-column:1 / -1;grid-row:1 / -1}.viewport{position:relative;touch-action:none;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)}.town-box{grid-area:1 / 1 / -1 / -1;z-index:var(--z-town)}.town-view{display:flex;flex-direction:column;min-height:0;contain:size}.town-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(1rem * var(--space)) 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:calc(.6rem * var(--space))}.town-backdrop{position:absolute;inset:var(--frame-inset, 0);clip-path:inset(0 round var(--frame-inset-radius, 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:calc(.5rem * var(--space)) .5rem}.storage-body{flex:1;min-height:0;padding-top:calc(.6rem * var(--space));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:calc(.8rem * var(--space)) .8rem}.storage-side{min-height:0;display:flex;flex-direction:column}.storage-side-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(.5rem * var(--space)) .5rem}.storage-weight{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.storage-list{padding:calc(.3rem * var(--space)) .1rem}.storage-empty{color:var(--muted)}.storage-moves{display:flex;flex-direction:column;justify-content:center;gap:calc(.5rem * var(--space)) .5rem}.storage-arrow .glyph{display:block;width:1.1rem;height:1.1rem}.shop-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.5rem}.shop-view{--screen-inset: var(--frame-inset, 0px)}.shop-purse.shop-purse{position:absolute;width:max-content;right:calc(var(--screen-inset) + 1.3rem);bottom:calc(var(--screen-inset) + 1rem);padding:calc(.35rem * var(--space)) .8rem;background:var(--field)}.shop-purse:has(#shop-purse:empty){display:none}.shop-purse .price-tag{font-size:.85rem;color:var(--fg);gap:.1rem .7rem}.shop-list{padding:calc(.2rem * var(--space)) 0}.item-row.shop-row{grid-template-columns:1.1rem minmax(0,1fr) auto auto;gap:calc(.7rem * var(--space)) .7rem}.shop-row .price-tag{justify-content:flex-end;flex-wrap:nowrap;min-width:4rem}.shop-row.is-unsold{opacity:.4}.trade{display:flex;flex-direction:column;gap:calc(.6rem * var(--space)) .6rem}.trade-item{display:flex;align-items:center;gap:calc(.5rem * var(--space)) .5rem}.trade-icon{width:1.7rem;height:1.7rem;color:var(--muted);--glyph: var(--glyph-1_5)}.trade-count{display:flex;align-items:baseline;gap:calc(.4rem * var(--space)) .4rem}.trade-label{color:var(--muted);font-size:.85rem;margin-right:auto}.trade-count .qty-input{font-size:.95rem}.trade-total .price-tag{justify-content:flex-end;font-size:.95rem;color:var(--fg)}.trade-total .price-tag.bad{color:var(--bad)}.trade-total .price-icon{width:1.15rem;height:1.15rem}.lobby-overlay{background:none;backdrop-filter:none}.lobby-overlay .enter-refusal{margin:calc(.75rem * var(--space)) 0 0;color:var(--bad)}.queue-detail{color:var(--muted);font-size:.85em}.viewport.is-clairvoyant{cursor:var(--cursor-pointer)}.scan-layer{position:absolute;inset:var(--frame-inset, 0);z-index:var(--z-field-scan);border-radius:var(--frame-curve, var(--frame-inset-radius, 0));pointer-events:none}.viewport.is-clairvoyant .scan-layer{transition:box-shadow .3s ease-out;box-shadow:inset 0 0 42px color-mix(in srgb,var(--accent) 30%,transparent)}.actions{display:flex;flex-wrap:wrap;row-gap:calc(.35rem * var(--space));margin-inline-start:calc(-1 * var(--quill-margin, 0px))}.actions button{padding-inline:.4rem;margin-inline-end:-.25rem}.actions .action-spacer{visibility:hidden;width:0;padding-inline:0;border-inline-width:0;margin-inline-end:0}.target-panel:has(.actions){display:grid;grid-template-rows:auto auto}.target-panel:has(.actions){grid-template-columns:minmax(0,1fr)}.target-panel:has(.actions) .actions{grid-area:2 / 1}.target-panel:has(.actions):not(:has(.actions button:not([hidden],.action-spacer))):before{content:"";grid-area:1 / 1;min-height:var(--target-head-h)}.target-panel:has(.actions):not(:has(.actions button:not([hidden],.action-spacer))) .target-head{grid-area:1 / 1 / 3;align-self:center}.target-panel:has(.actions):not(:has(.actions button:not([hidden],.action-spacer))) .target-title{justify-content:center}.target-panel:has(.actions):not(:has(.actions button:not([hidden],.action-spacer))) .target-detail{margin-left:0}.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:calc(.3rem * var(--space)) .6rem;font-size:.78rem}.readout dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-bar{display:inline-flex;align-items:center}.readout-bar .meter{width:6rem}.readout .stat-glow{font-size:inherit;color:inherit}.warp-fx{position:absolute;inset:0;z-index:var(--z-field-warp);pointer-events:auto}.warp-fx[hidden]{display:none}.arena{position:relative;width:100%;height:100%;background:var(--field);overflow:hidden;isolation:isolate}.arena.is-aiming{cursor:var(--cursor-pointer)}.battle-body{--cast-lift: calc(var(--stage-h) * .14)}.battle-body>.arena-cast{grid-row:1;grid-column:1 / -1;align-self:end;justify-self:center;margin-bottom:var(--cast-lift);width:10rem;z-index:var(--z-float);align-items:center;pointer-events:none}.arena-cast .meter{align-self:stretch}.arena-marks{position:absolute;inset:0;z-index:var(--z-arena-marks);pointer-events:none}.arena-effects{--effect-size: 1.35rem;position:absolute;left:0;top:0;width:calc(var(--effect-size) * 4);display:flex;flex-wrap:wrap-reverse;justify-content:flex-start;transform-origin:0 100%}.arena-effects:empty,.arena-effects[hidden]{display:none}.arena-effect{position:relative;pointer-events:auto;width:var(--effect-size);height:var(--effect-size);display:grid;place-items:center;border-radius:3px}.arena-effect-icon{width:78%;height:78%}.arena-effect-count{position:absolute;top:-.2rem;right:-.1rem;font-size:.7rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.arena-effect-left{position:absolute;left:12%;right:12%;bottom:0;height:2px;background:currentColor;transform-origin:left;animation:effect-left var(--left-ms) linear forwards}@keyframes effect-left{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.arena-effect.is-more{color:var(--ink)}.battle-over{gap:calc(.35rem * var(--space)) .35rem;z-index:var(--z-result)}.battle-over h2{margin:0;color:var(--fg);font-size:1.05rem;text-transform:none;letter-spacing:0}.battle-over p{margin-bottom:calc(.6rem * var(--space));max-width:min(26rem,100%)}.battle-over p:empty{display:none}.battle-loot{display:grid;justify-items:center;gap:calc(.2rem * var(--space)) .2rem;max-width:min(26rem,100%);margin:0 auto calc(.6rem * var(--space));font-size:.85rem;font-variant-numeric:tabular-nums}.battle-loot:empty{display:none}.battle-loot .battle-over-subhead:not(:first-child){margin-top:calc(.35rem * var(--space))}.battle-over-subhead{margin:0;font-family:var(--font-subheading);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.loot-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(.2rem * var(--space)) .6rem;color:var(--fg)}.loot-item-icon{color:var(--amber)}.loot-line.is-fell .loot-item-icon{color:var(--bad)}.loot-item.is-gone .loot-item-name{text-decoration:line-through}.loot-item{display:inline-flex;align-items:center;gap:calc(.25rem * var(--space)) .25rem;white-space:nowrap}.loot-item-icon{width:1rem;height:1rem;flex:none}.loot-line-more{font-style:italic;color:var(--muted)}.battle .target-head .stat-glow{align-self:center}.target-stats{display:flex;align-items:center;justify-content:space-between;gap:calc(.6rem * var(--space)) .6rem}.stat-health{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.cast{display:flex;flex-direction:column;min-width:0}.cast:not(:has(.meter[data-running]))>*{visibility:hidden}.cast .meter .bar-fill{color:var(--spell, var(--warm))}.cast .stat-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-cast{flex:1 1 0;position:relative}.cast-shield{position:absolute;left:50%;bottom:0;transform:translate(-50%,25%);width:.9rem;height:.9rem;color:var(--muted);display:none}.cast-shield.is-shown{display:block}.battle-lists{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--lists-gap);--lists-gap: calc(.6rem * var(--space));--log-line: calc(.82rem * 1.45);--log-min: calc(3 * var(--log-line) + .8rem * var(--space) + 2px);--log-max: calc(8 * var(--log-line) + .8rem * var(--space) + 2px)}.battle .overview{flex:0 0 auto;max-height:100%}.battle .overview:has(+.battle-log){max-height:calc(100% - var(--log-min) - var(--lists-gap))}.battle .ov-row.is-down{opacity:.4}.battle .ov-row.is-down .ov-mark{color:var(--muted)}.battle .ov-dist{display:flex;align-items:baseline;justify-content:flex-end;gap:.1rem}.battle .overview-list{display:grid;align-content:start;column-gap:.45rem;grid-template-columns:auto fit-content(55%) minmax(0,1fr) auto;overflow-anchor:none}.battle :is(.roster-sizer,.roster-spacer){grid-column:1 / -1;block-size:0;padding-block:0;border:0;overflow:hidden;visibility:hidden}.battle .ov-row{display:grid;align-items:baseline;grid-column:1 / -1;grid-template-columns:subgrid}.battle .ov-detail{justify-self:end;max-width:100%}.battle-log{--log-extra: 4rem;--log-rest: .45;--log-text-rest: 1;--log-fade: var(--log-rest);--log-text: var(--log-text-rest);flex:0 1 auto;display:flex;contain:inline-size;margin-top:auto;width:calc(100% + var(--log-extra));min-height:var(--log-min);max-height:var(--log-max);background:color-mix(in srgb,var(--card) calc(var(--log-fade) * 100%),transparent);transition:background-color .16s ease-out}.battle-log:is(:hover,:focus-within){--log-fade: 1;--log-text: 1}.battle-log>.frame{opacity:var(--log-fade);transition:opacity .16s ease-out}.battle-body>.sidebar-left .battle-log.framed:not(.framed-btn):after{opacity:calc(var(--grain) * var(--log-fade))}.battle-log-list{opacity:var(--log-text);transition:opacity .16s ease-out}.battle-log-list{padding:calc(.4rem * var(--space)) .7rem;font-size:.82rem;line-height:var(--log-line)}.battle-log-list li{color:var(--muted)}.battle-log-list li:last-child{color:var(--fg)}.battle .hud{position:relative}.battle .hud-timewarp{position:absolute;left:50%;translate:-50% 0;white-space:nowrap}.battle-body>.sidebar-left{justify-self:start}.self-panel{flex:none;display:grid;padding:calc(.6rem * var(--space)) .7rem;background:var(--card)}.self-row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(.5rem * var(--space)) .5rem;min-height:1.35rem}.self-health{display:flex;flex-direction:column}.self-panel .meter{width:6rem}.spells-panel{flex:none;align-self:flex-end;width:max-content;padding:calc(.45rem * var(--space)) .45rem;background:var(--card)}.battle-spells{--tile: 2.5rem;--tile-gap: .3rem;display:grid;grid-template-columns:repeat(var(--cols, 1),var(--tile));grid-template-rows:repeat(var(--rows, 1),var(--tile));gap:var(--tile-gap)}.spell-tile{position:relative;isolation:isolate;aspect-ratio:1;grid-row:var(--cell-row, auto);grid-column:var(--cell-col, auto);display:grid;place-items:center;padding:0;border:0;background:none;color:var(--spell, var(--warm));font:inherit}.tile-ink{position:absolute;inset:0;pointer-events:none}.tile-wipe{z-index:var(--z-frame)}.tile-icon{position:relative;width:48%;height:48%}.spell-tile:disabled{color:var(--muted);cursor:var(--cursor-default)}.spell-tile.is-casting{color:var(--spell-hover, var(--spell, var(--warm)))}.tile-wash{color:var(--accent);opacity:.1;transition:opacity .12s ease-out}@media(hover:hover){.spell-tile:hover:not(:disabled) .tile-wash{opacity:.26}}.spell-tile:active:not(:disabled) .tile-wash,.spell-tile.is-queued .tile-wash{opacity:.3}.tile-fill{opacity:0;clip-path:inset(calc((1 - var(--fill, 0)) * 100%) 0 0 0)}.spell-tile[data-wait=cast] .tile-fill{opacity:.5}.tile-wipe{opacity:0;color:var(--fg);background:conic-gradient(transparent calc((1 - var(--wipe, 0)) * 360deg),currentColor 0)}.spell-tile[data-wait=cooldown] .tile-wipe{opacity:.45}.spell-tile[data-wait=global] .tile-wipe{opacity:.18}.tile-time{position:absolute;inset:0;z-index:var(--z-over-frame);display:grid;place-items:center;font-size:1.05rem;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums;text-shadow:0 0 3px var(--card),0 0 3px var(--card),0 0 6px var(--card);pointer-events:none}.tile-time:empty{display:none}.tile-key,.tile-left{position:absolute;z-index:var(--z-over-frame);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 2px var(--card),0 0 2px var(--card),0 0 4px var(--card);pointer-events:none}.tile-key{top:.2rem;left:.3rem;font-size:.62rem;color:var(--muted)}.tile-left{bottom:.15rem;right:.3rem;font-size:.72rem;font-weight:600;color:var(--fg)}.tile-left:empty{display:none}.spell-tile[data-problem=not_enough_components] .tile-left{color:var(--yellow-deep)}.spell-tile:is([data-problem=invalid_components],[data-problem=unskilled]) .tile-left{color:var(--bad)}.tile-confirm{position:absolute;inset:0;z-index:var(--z-over-frame);display:none;place-items:center;font-size:.62rem;line-height:1;color:var(--bad);text-shadow:0 0 2px var(--card),0 0 4px var(--card)}.spell-tile.is-confirming{color:var(--bad)}.spell-tile.is-confirming .tile-confirm{display:grid}.spell-tile.is-confirming .tile-icon{opacity:.25}.tile-corners{color:var(--muted);opacity:.7}.spell-tile.is-queued .tile-corners{color:currentColor;opacity:1}.panel-box{grid-area:1 / 1 / -1 / -1;z-index:var(--z-panel)}.game-panel[data-size=card]{margin:var(--float-inset)}.game-panel[data-size=card]{justify-self:start;width:min(100% - 2 * var(--float-inset),var(--card-w))}.game-panel[data-size=card][data-width=narrow]{width:min(100% - 2 * var(--float-inset),var(--card-narrow-w))}.game-panel[data-size=card].is-resizing{transition:width var(--card-resize-ms) ease-in-out}.game-panel.is-resizing>.scroll-box{overflow:clip}.game-panel{position:relative;display:flex;flex-direction:column;gap:calc(.6rem * var(--space)) .6rem;min-height:0;padding:calc(.8rem * var(--space)) .4rem calc(.8rem * var(--space)) 1rem;background:var(--card);contain:size}.panel-tabs{display:flex;flex-wrap:wrap;gap:calc(.35rem * var(--space)) .1rem;padding-right:2rem}.panel-tab{padding-inline:.4rem}.panel-head{display:flex;align-items:baseline;gap:calc(1rem * var(--space)) 1rem;padding-right:2rem}.panel-close{position:absolute;top:calc(.55rem * var(--space));right:.6rem;z-index:var(--z-over-frame)}.framed-screen .panel-close{top:calc(var(--frame-inset, 0px) + .35rem * var(--space));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>:empty{display:none}.panel-head:not(:has(>:not(:empty,[hidden]))){display:none}.panel-body{container:panel / inline-size;padding-right:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:calc(1rem * var(--space)) 2rem;align-content:start}.panel-empty{margin:0;color:var(--muted)}.panel-body:has(>.system-list){flex:1;align-content:safe center;justify-content:center}.system-list{grid-column:1 / -1;justify-self:center;display:flex;flex-direction:column;gap:calc(1rem * var(--space)) 1rem}.system-list .panel-section{display:flex;flex-direction:column;align-items:center;text-align:center}.settings-grid{display:grid;grid-template-columns:auto auto;gap:calc(.6rem * var(--space)) 1rem;align-items:center}.settings-row{display:contents}.settings-label{justify-self:end;color:var(--muted);font-size:.85rem}.settings-choices{display:flex;flex-wrap:wrap;gap:calc(.4rem * var(--space)) .4rem}.settings-choices .framed-btn{padding-inline:.6rem}.sound-settings{display:grid;grid-template-columns:auto minmax(8rem,12rem);gap:calc(.6rem * var(--space)) 1rem;align-items:center}.sound-row{display:contents}.sound-label{justify-self:end;color:var(--muted);font-size:.85rem}.sound-settings>.framed-btn{grid-column:1 / -1;justify-self:center;margin-top:calc(.3rem * var(--space))}.sound-settings.is-muted .slider{opacity:.45}.panel-section h2{margin-bottom:calc(.3rem * var(--space))}.status-grid{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(1rem * var(--space)) 1.5rem;align-content:start}.status-side{display:contents}.status-you{order:1}.status-gear{order:2}.status-stock{order:3}.status-modifiers{order:4}@container panel (min-width: 31rem){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-side{display:flex;flex-direction:column;gap:calc(1rem * var(--space)) 1rem;min-width:0}}.panel-stats{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(.3rem * var(--space)) .8rem;font-size:.85rem;align-items:center}.panel-hp{display:flex;flex-direction:column;white-space:nowrap}.panel-hp .meter{flex:none;width:6rem}.item-list .item-details{grid-column:1 / -1;margin:0}.beast{isolation:isolate}.beast.is-open .cell-wash-ink{opacity:.62}@media(hover:hover){.beast:hover .cell-wash-ink{opacity:.38}}.item-details-head{justify-content:space-between}.item-row{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:center;gap:calc(.55rem * var(--space)) .55rem;padding:calc(.22rem * var(--space)) .25rem calc(.22rem * var(--space)) 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: var(--glyph-1_6)}.item-row>.item-icon,.item-row>.stat-icons{margin-left:.3rem}.stat-icons{position:relative;display:inline-flex;width:1.1rem}.stat-icons>.item-icon{flex:none}.stat-mark{color:var(--muted);position:absolute;right:-.3rem;bottom:-.3rem;width:.75rem;height:.75rem}.book-details .item-row{padding-right:0}.book-details .item-row>.item-icon,.book-details .item-row>.stat-icons{margin-left:0}.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:calc(.3rem * var(--space)) .3rem}.row-btn{font-size:.75rem;padding:0 .4rem}.row-btn:disabled,.row-btn[aria-disabled=true]{color:var(--muted)}.slot-picker{flex:none;max-height:9.5rem;margin:0 0 calc(.3rem * var(--space)) 1.65rem;border-left:1px solid var(--line)}.slot-picker .item-row{padding-left:.5rem}.slot-picker .item-row>.item-icon,.slot-picker .item-row>.stat-icons{margin-left:0}.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-row>.row-btn{margin-block:-1rem}.book-chips{display:flex;align-items:center;gap:calc(.7rem * var(--space)) .7rem;justify-content:flex-end}.book-chips .spell-problem{font-size:.72rem;white-space:nowrap}.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}@container (max-width: 24rem){.book-chips:has(.spell-problem) .book-chip{display:none}}@container (max-width: 12.5rem){.book-chip{display:none}}.book-details{margin:.1rem 0 calc(.4rem * var(--space)) 1.65rem;padding:calc(.45rem * var(--space)) .6rem;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:calc(.35rem * var(--space)) .35rem;font-size:.8rem}.book-timing{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.2rem * var(--space)) .6rem;color:var(--muted)}.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:calc(.25rem * var(--space)) .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:calc(.3rem * var(--space)) .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: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:calc(.25rem * var(--space)) .25rem;padding-top:calc(.35rem * var(--space));border-top:1px solid var(--line-soft)}.beast-spell-head{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.2rem * var(--space)) .55rem}.beast-spell-head .item-name{flex:1 0 auto}.beast-drops,.item-part{padding-top:calc(.35rem * var(--space));border-top:1px solid var(--line-soft)}.beast-drops>.item-row:last-child,.item-part>.item-row:last-child{border-bottom:0}.beast-subhead{margin:0 0 .15rem;font-size:.8rem;font-weight:600}.game-panel[data-panel=world] .panel-body{display:block;height:100%;padding-right:0}.world-view{position:relative;height:100%;min-height:16rem;overflow:hidden;touch-action:none;background:var(--field)}.world-view.is-pointing{cursor:var(--cursor-pointer)}.game-panel:is([data-panel=skills],[data-panel=elements]) .panel-body{display:block;height:100%;padding-right:0}.map-view{position:relative;height:100%;min-height:16rem;overflow:hidden}:is(.skill-map,.element-map){position:absolute;inset:0;touch-action:none;background:var(--field)}:is(.skill-map,.element-map).is-pointing{cursor:var(--cursor-pointer)}.map-side-box{position:absolute;left:0;top:0;bottom:0;width:min(19rem,88%)}.map-side{display:flex;flex-direction:column;min-height:0;background:var(--card)}.map-side .scroll-box{padding:calc(.9rem * var(--space)) calc(var(--rail-w) + .4rem) calc(1rem * var(--space)) 1rem}.map-side-close{position:absolute;top:.5rem;right:.5rem}@container panel (max-width: 34.8rem){.map-side-box{width:100%}}.map-head{display:flex;align-items:center;gap:calc(.6rem * var(--space)) .6rem;padding-right:1.6rem}.map-head-icon{width:1.9rem;height:1.9rem;flex:none;color:var(--tone)}.map-head>div{min-width:0}.map-head h2{margin:0;font-size:1.25rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-kind{margin:0;font-size:.78rem;color:var(--muted);font-variant:small-caps;letter-spacing:.06em}.map-about{margin:calc(.45rem * var(--space)) 0 0;font-size:.88rem;font-style:italic;line-height:1.3;color:color-mix(in srgb,var(--fg) 80%,var(--muted))}.map-section{margin-top:calc(.65rem * var(--space))}.map-section h3{margin:0 0 calc(.3rem * var(--space));padding-bottom:.1rem;border-bottom:1px solid var(--line-soft);font-family:var(--font-subheading);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.skill-xp{display:flex;flex-direction:column;gap:.05rem}.skill-xp-numbers{font-size:.82rem;font-variant-numeric:tabular-nums}.skill-xp .meter{height:10px}.skill-xp .bar-fill{color:var(--tone)}.skill-ladder{list-style:none;margin:0;padding:0;font-size:.85rem;line-height:1.3}.skill-ladder li{display:grid;grid-template-columns:1.6rem 1fr;gap:calc(.3rem * var(--space)) .3rem;padding:.08rem 0;color:var(--muted)}.skill-lv{font-family:var(--font-subheading);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.skill-ladder .is-reached{color:var(--fg)}.skill-ladder .is-reached .skill-lv{color:var(--tone)}.skill-chips{display:flex;flex-wrap:wrap;gap:calc(.35rem * var(--space)) .4rem}.skill-chip{position:relative;overflow:visible;display:inline-flex;align-items:center;gap:calc(.25rem * var(--space)) .25rem;padding:.05rem .7rem .05rem .25rem;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tone) 6%,transparent);font:inherit;font-size:.8rem;color:var(--fg)}button.skill-chip{cursor:var(--cursor-pointer)}span.skill-chip{cursor:var(--cursor-default)}.skill-chip.is-ahead{opacity:.55}.skill-chip-icon{width:.95rem;height:.95rem}.skill-badge{position:absolute;right:-.35rem;bottom:-.3rem;min-width:.95rem;height:.95rem;padding:0 .15rem;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:var(--card);border:1px solid color-mix(in srgb,var(--tone) 50%,var(--muted));font-family:var(--font-subheading);font-size:.62rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--fg)}.element-part{display:grid;grid-template-columns:1.1rem minmax(0,4.6rem) 1fr 2.6rem;align-items:center;gap:calc(.45rem * var(--space)) .45rem;width:100%;padding:.12rem .2rem;border:none;border-radius:3px;background:none;font:inherit;font-size:.88rem;color:var(--fg);text-align:left;cursor:var(--cursor-pointer)}.element-part-icon{width:1.1rem;height:1.1rem;color:var(--tone)}.element-part-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-part .meter{height:10px}:is(.element-part,.element-split) .bar-fill{color:var(--tone)}:is(.element-part,.element-split) .meter{transition:--fill .52s cubic-bezier(.3,.7,.2,1) var(--delay, 0ms)}.element-pct{font-size:.8rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.element-split{display:flex;gap:3px;margin:.15rem 0 calc(.4rem * var(--space))}.element-split .meter{flex-basis:0;min-width:6px;height:11px}.element-chips{display:flex;flex-wrap:wrap;gap:calc(.35rem * var(--space)) .4rem}.element-chip{display:inline-flex;align-items:center;gap:calc(.25rem * var(--space)) .25rem;padding:.05rem .55rem .05rem .25rem;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tone) 6%,transparent);font:inherit;font-size:.8rem;color:var(--fg);cursor:var(--cursor-pointer)}.element-chip-icon{width:.95rem;height:.95rem;color:var(--tone)}.element-chip .element-pct{font-size:.72rem}.framed{position:relative;border:none;border-radius:var(--frame-radius, 0)}button.framed{border:none;border-radius:0;padding-bottom:calc(.15rem + 4px)}.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:var(--z-frame);pointer-events:none;color:var(--frame-line)}.frame .frame-glow{color:var(--frame-glow)}.framed-min .frame{color:var(--frame-line-min)}.framed:not(.framed-btn)>.frame{will-change:transform,opacity}.framed.has-alt-frame>.frame{transition:opacity var(--frame-fade-ms) ease-in-out}.framed.has-alt-frame>.alt-frame,:root.is-alt-frame .framed.has-alt-frame>.frame:not(.alt-frame){opacity:0}:root.is-alt-frame .framed.has-alt-frame>.alt-frame{opacity:1}.framed-btn .frame{color:currentColor}button.framed:disabled{color:var(--muted)}button.framed.is-refused{color:var(--bad)}.quill .quill-wash{opacity:0;transition:opacity .12s ease-out}.quill .quill-heavy{display:none}.quill .quill-rest,.quill .quill-heavy{clip-path:none}button.framed-btn.is-recharging .quill :is(.quill-rest,.quill-heavy){--quill-in: calc(var(--ink-bleed) + var(--quill-margin));clip-path:inset(0 calc(100% - var(--quill-in) - var(--drawn) * (100% - 2 * var(--quill-in))) 0 0)}@media(hover:hover){button.framed-btn:hover:not(:disabled) .quill-wash{opacity:.26}button.framed-btn:hover:not(:disabled) .quill-rest{display:none}button.framed-btn:hover:not(:disabled) .quill-heavy{display:block}}button.framed-btn[aria-pressed=true] .quill-wash,button.framed-btn.is-casting .quill-wash,button.framed-btn.is-filling .quill-wash{opacity:.3}button.framed-btn[aria-pressed=true] .quill-rest,button.framed-btn.is-casting .quill-rest{display:none}button.framed-btn[aria-pressed=true] .quill-heavy,button.framed-btn.is-casting .quill-heavy{display:block}.framed-btn .cd{display:none}.quill .quill-wash{clip-path:inset(0 calc((1 - var(--cast, 1)) * 100%) 0 0)}button.framed-btn.is-filling .quill-wash{color:var(--spell, var(--accent))}.quill .quill-box{display:none}button.framed-btn.is-queued .quill-box{display:block}.frame.blot{z-index:var(--z-behind);color:var(--accent)}.blot .blot-wash{opacity:0;transition:opacity .12s ease-out}@media(hover:hover){.close-btn:hover:not(:disabled) .blot-wash{opacity:.22}}.close-btn:active .blot-wash{opacity:.3}@media(max-width:46rem){:root,.battle{--game-w: calc(100vw - 2rem) ;--stage-w: var(--game-w);--paper-h: 70rem}.map-body,.battle-body{grid-template-columns:1fr;grid-template-rows:auto}.stage{height:min(var(--game-w),70vh)}.sidebar{grid-area:2 / 1}.map-body{height:auto}.map-body>.stage{grid-row:1}.map-body>.map-card{grid-column:1;justify-self:stretch;margin:0}.map-body>.self-card{grid-row:3}.map-body>.actions-card{grid-row:4}.panel-box{grid-area:1 / 1 / 3 / 2}.game-panel[data-size=card],.game-panel[data-size=card][data-width]{justify-self:stretch;width:auto}.game-panel[data-size=card]{margin:0}:is(.map-body,.battle-body)>.sidebar{justify-self:stretch;width:auto;margin:0;contain:none}.game.is-lobby .sidebar,.game.is-lobby .map-card{display:none}.town-box{grid-area:1 / 1 / 3 / 2}.game.in-town .sidebar{visibility:hidden}.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}.storage-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.storage-moves{flex-direction:row}.storage-arrow .glyph{transform:rotate(90deg)}.shop-body{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.shop-purse{display:none}.battle .sidebar{display:contents}.battle .target-panel{grid-area:2 / 1}.actions:not(:has(button:not([hidden],.action-spacer))){display:none}.battle .overview{grid-area:3 / 1}.battle .overview.allies{grid-area:4 / 1}.battle .spells-panel{grid-area:5 / 1;width:auto}.battle .self-panel{grid-area:6 / 1}.battle .battle-log{grid-area:7 / 1;margin-top:0;width:auto;--log-rest: 1;--log-text-rest: 1}.battle-body{--cast-lift: 1.5rem}.overview,.battle-log{contain:none}.overview{max-height:13rem}.battle-lists{display:contents}.battle .overview:not(.is-rolled-up,.is-rolling){min-height:6rem}.battle-log{max-height:11rem}.button-grid,.map-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.button-grid>button{grid-row:auto;grid-column:auto}.battle-spells{grid-template-columns:repeat(auto-fill,var(--tile));grid-template-rows:none}.spell-tile{grid-row:auto;grid-column:auto}.tile-key{display:none}.skill-side-box{right:0;width:auto}}