:root{--night-deep:#1b1a2b;--night:#222034;--indigo:#3f3f74;--plum:#45283c;--ink:#000;--iron:#595652;--steel:#847e87;--bone:#cbdbfc;--parchment:#eec39a;--tan:#d9a066;--gold:#fbf236;--ochre:#df7126;--blood:#ac3232;--rose:#d95763;--sky:#639bff;--cyan:#5fcde4;--leaf:#6abe30;--lime:#99e550;--violet:#76428a;--font-carved:"IM Fell English SC", serif;--font-book:"Vollkorn", serif;--font-button:"Vollkorn SC", serif;--font-ui:"Alegreya Sans", sans-serif;--font-ui-caps:"Alegreya Sans SC", sans-serif;--unit:1px;--ui-size:calc(15 * var(--unit));--ui-size-large:calc(26 * var(--unit));--border-carved:calc(3 * var(--unit)) solid var(--ink);--shadow-carved:calc(4 * var(--unit)) calc(4 * var(--unit)) 0 var(--ink);--slot-size:calc(80 * var(--unit));--slot-sidebar:calc(44 * var(--unit));--wood:#6b4524;--wood-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.3' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--tablet-corner:calc(9 * var(--unit));--tablet-bevel:calc(1.5 * var(--unit));--tablet-depth:calc(23 * var(--unit));--tablet-rim:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--night-deep);background-image:repeating-linear-gradient(-45deg, #00000038 0 calc(1 * var(--unit)), transparent calc(1 * var(--unit)) calc(7 * var(--unit)));color:var(--bone);font-family:var(--font-ui);font-size:var(--ui-size);font-variant-numeric:lining-nums;line-height:1.1;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:calc(2 * var(--unit)) solid var(--gold);outline-offset:calc(2 * var(--unit))}.button{padding:calc(6 * var(--unit)) calc(14 * var(--unit));background:var(--plum);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan), calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink);color:var(--parchment);font-family:var(--font-button);font-size:calc(17 * var(--unit));cursor:pointer;white-space:nowrap;line-height:1.2}.button:hover:not(:disabled){background:#5a3450}.button:active:not(:disabled){transform:translate(calc(2 * var(--unit)), calc(2 * var(--unit)));box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan), calc(1 * var(--unit)) calc(1 * var(--unit)) 0 var(--ink)}.button:disabled{opacity:.45;cursor:default}.button.is-selected,.button.is-selected:hover:not(:disabled){background:var(--tan);color:var(--ink)}.field{padding:calc(5 * var(--unit)) calc(8 * var(--unit));background:var(--night-deep);border:var(--border-carved);box-shadow:inset 0 0 0 calc(1 * var(--unit)) var(--indigo);color:var(--bone)}.carved-title{font-family:var(--font-carved);color:var(--parchment);margin:0;font-weight:400}.panel{background:var(--night);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);padding:calc(22 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit));position:relative}.panel-title{top:calc(-15 * var(--unit));left:calc(12 * var(--unit));padding:calc(3 * var(--unit)) calc(10 * var(--unit)) calc(2 * var(--unit));background:var(--plum);border:var(--border-carved);color:var(--parchment);font-family:var(--font-carved);font-size:calc(18 * var(--unit));white-space:nowrap;line-height:1;position:absolute}.panel-title-aside{top:calc(-15 * var(--unit));right:calc(12 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit));background:var(--night-deep);border:var(--border-carved);color:var(--tan);line-height:1;position:absolute}.skill-icon{background:var(--dark);border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.skill-icon:before{content:"";background:var(--light);-webkit-mask:var(--glyph) center / 100% no-repeat;mask:var(--glyph) center / 100% no-repeat;position:absolute;inset:0}.skill-icon:after{content:"";border-radius:inherit;background-image:var(--wood-grain);background-size:calc(120 * var(--unit));mix-blend-mode:soft-light;opacity:.45;pointer-events:none;position:absolute;inset:0}.floating-layer{transform-origin:0 0;z-index:200;pointer-events:none;position:fixed;top:0;left:0}.skill-tooltip-stack{justify-items:start;gap:calc(10 * var(--unit));display:grid}.skill-tooltip{width:calc(350 * var(--unit));grid-template-columns:calc(66 * var(--unit)) 1fr;background:var(--night);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);color:var(--bone);text-align:left;display:grid;position:relative}.cooldown-seal{z-index:2;top:calc(-22 * var(--unit));right:calc(-22 * var(--unit));width:calc(60 * var(--unit));height:calc(60 * var(--unit));background:var(--ink);border:calc(3 * var(--unit)) solid var(--parchment);box-shadow:0 0 0 calc(3 * var(--unit)) var(--ink), calc(4 * var(--unit)) calc(4 * var(--unit)) 0 calc(3 * var(--unit)) var(--ink);color:var(--parchment);font-family:var(--font-ui);font-weight:500;font-size:calc(23 * var(--unit));font-variant-numeric:lining-nums tabular-nums;border-radius:50%;place-content:center;justify-items:center;line-height:1;display:grid;position:absolute}.cooldown-seal:before{content:"";inset:calc(3 * var(--unit));border:calc(1 * var(--unit)) dashed var(--iron);border-radius:50%;position:absolute}.cooldown-seal.is-live{font-size:calc(20 * var(--unit))}.cooldown-seal-total{margin-top:calc(2 * var(--unit));color:var(--steel);font-size:calc(12 * var(--unit))}.cooldown-seal .value-delta{justify-items:center;display:grid}.cooldown-seal .value-delta-from{font-size:calc(12 * var(--unit))}.cooldown-seal .value-delta-from:after{content:none}.skill-tooltip-column{align-content:start;justify-items:center;gap:calc(8 * var(--unit));padding:calc(12 * var(--unit)) 0 calc(14 * var(--unit));background:var(--night-deep);border-right:var(--border-carved);display:grid}.skill-tooltip-icon{width:calc(46 * var(--unit));height:calc(46 * var(--unit));margin-bottom:calc(4 * var(--unit));box-shadow:0 0 0 calc(2 * var(--unit)) var(--ink);position:relative}.skill-tooltip-rank{font-family:var(--font-carved);font-size:calc(17 * var(--unit));color:var(--tan);letter-spacing:calc(1 * var(--unit));text-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);line-height:1}.skill-tooltip-rank .value-delta-from:after{margin:0 calc(1 * var(--unit))}.skill-tooltip-states{align-items:stretch;gap:calc(4 * var(--unit));min-height:0;margin-top:calc(6 * var(--unit));flex-direction:column}.status-chip.is-suspended{opacity:.45}.skill-tooltip-body{flex-direction:column;min-width:0;display:flex}.skill-tooltip-band{padding:calc(10 * var(--unit)) calc(16 * var(--unit))}.skill-tooltip-band+.skill-tooltip-band{border-top:var(--border-carved)}.skill-tooltip-body>.skill-tooltip-band:last-child{flex:1}.skill-tooltip-band.is-title{gap:calc(4 * var(--unit));padding:calc(12 * var(--unit)) calc(44 * var(--unit)) calc(10 * var(--unit)) calc(16 * var(--unit));display:grid}.skill-tooltip-band.is-active{background:var(--night-deep);box-shadow:inset 0 calc(2 * var(--unit)) 0 var(--indigo)}.skill-tooltip-band.is-properties{gap:calc(4 * var(--unit)) calc(14 * var(--unit));padding-block:calc(7 * var(--unit));background:color-mix(in srgb, var(--ink) 30%, var(--night));font-family:var(--font-ui);font-size:calc(15 * var(--unit));flex-wrap:wrap;line-height:1.2;display:flex}.skill-tooltip-name{font-size:calc(24 * var(--unit));text-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);line-height:1}.skill-tooltip-meta{justify-items:start;gap:calc(3 * var(--unit));color:var(--steel);display:grid}.skill-tooltip-guild{align-items:center;gap:calc(5 * var(--unit));color:var(--guild);display:inline-flex}.skill-tooltip-guild-mark{width:calc(16 * var(--unit));height:calc(16 * var(--unit));box-shadow:0 0 0 calc(1 * var(--unit)) var(--ink)}.skill-tooltip-guild-mark:before{inset:calc(2 * var(--unit))}.skill-tooltip-lines{gap:calc(8 * var(--unit));font-family:var(--font-book);font-size:calc(17 * var(--unit));margin:0;padding:0;line-height:1.25;list-style:none;display:grid}.is-active .skill-tooltip-lines li,.is-passive .skill-tooltip-lines li{padding-left:calc(18 * var(--unit));position:relative}.is-active .skill-tooltip-lines li:before{content:"";left:calc(1 * var(--unit));width:calc(9 * var(--unit));height:calc(10 * var(--unit));background:var(--parchment);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink));position:absolute;top:.32em}.skill-tooltip-lines li.is-unmet,.skill-tooltip-lines li.is-unmet *{color:var(--iron)}.skill-tooltip-lines li.is-unmet .keyword-icon{filter:grayscale()brightness(.7)}.skill-tooltip-lines li.is-unmet .tag-label{border-color:var(--iron);background:0 0}.is-active .skill-tooltip-lines li.is-unmet:before{background:var(--iron)}.is-passive .skill-tooltip-lines li:before{content:"";left:calc(1.5 * var(--unit));width:calc(6 * var(--unit));height:calc(6 * var(--unit));border:calc(2 * var(--unit)) solid var(--steel);position:absolute;top:.42em;transform:rotate(45deg)}.is-passive .skill-tooltip-lines li.is-unmet:before{border-color:var(--iron)}.keyword-reminders{width:calc(350 * var(--unit));gap:calc(6 * var(--unit));padding:calc(10 * var(--unit)) calc(14 * var(--unit));background:var(--night);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);color:var(--steel);margin:0;display:grid}.keyword-reminders div{gap:calc(1 * var(--unit));display:grid}.keyword-reminders dt{font-family:var(--font-book);font-size:calc(15 * var(--unit))}.keyword-reminders dd{margin:0}.skill-tooltip-tags{gap:calc(5 * var(--unit));padding:calc(7 * var(--unit)) calc(10 * var(--unit));border-top:var(--border-carved);background:var(--night-deep);flex-wrap:wrap;grid-column:1/-1;display:flex}.tag-label{padding:calc(4 * var(--unit)) calc(6 * var(--unit)) calc(1.5 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);background:var(--indigo);color:var(--bone);font-family:var(--font-ui);font-size:calc(11.5 * var(--unit));letter-spacing:.03em;text-box:trim-both cap alphabetic;text-transform:uppercase;white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.skill-tooltip-lines .tag-label,.keyword-reminders .tag-label{margin:0 calc(1 * var(--unit));font-size:calc(12 * var(--unit));vertical-align:calc(1 * var(--unit))}.keyword-mark{color:var(--keyword,var(--rose));white-space:nowrap;font-weight:700}.keyword-icon{vertical-align:-.12em;background-color:var(--keyword,var(--rose));width:1em;height:1em;-webkit-mask:var(--keyword-icon) center / contain no-repeat;mask:var(--keyword-icon) center / contain no-repeat;margin-right:.18em;display:inline-block}.guild-icon,.portrait{background:var(--dark);border-radius:50%;display:block;position:relative}.guild-icon:before,.portrait:before{content:"";background:var(--light);-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat;position:absolute;inset:0}.markup-number{color:var(--gold)}.health-bar{height:calc(24 * var(--unit));border:var(--border-carved);background:var(--plum);position:relative;overflow:hidden}.vitals-bars{gap:calc(4 * var(--unit));display:grid}.health-bar-fill,.health-bar-lost{position:absolute;inset:0 auto 0 0}.health-bar-fill{background:var(--blood);box-shadow:inset 0 calc(-5 * var(--unit)) 0 #00000059, inset 0 calc(3 * var(--unit)) 0 var(--rose);transition:width .22s ease-out}.health-bar-lost{background:repeating-linear-gradient(-45deg, var(--tan) 0 calc(2 * var(--unit)), transparent calc(2 * var(--unit)) calc(5 * var(--unit)));transition:width .7s ease-in .25s}.shield-bar{height:calc(14 * var(--unit));border:calc(3 * var(--unit)) solid var(--ink);background:var(--night-deep);opacity:.35;position:relative}.shield-bar.has-shield{opacity:1}.shield-bar-fill{background:repeating-linear-gradient(90deg, var(--cyan) 0 calc(4 * var(--unit)), var(--sky) calc(4 * var(--unit)) calc(8 * var(--unit)));transition:width .2s ease-out;position:absolute;inset:0 auto 0 0}.shield-bar-text{right:calc(4 * var(--unit));color:var(--bone);text-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.health-bar-text{padding-left:calc(6 * var(--unit));text-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);align-items:center;display:flex;position:absolute;inset:0}.health-bar-max{color:var(--steel)}.status-chips{gap:calc(6 * var(--unit));min-height:calc(22 * var(--unit));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.status-chip{align-items:center;gap:calc(4 * var(--unit));padding:calc(1 * var(--unit)) calc(6 * var(--unit)) calc(1 * var(--unit)) calc(3 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);background:var(--night-deep);display:inline-flex}.status-chip .keyword-icon{width:calc(14 * var(--unit));height:calc(14 * var(--unit));margin:0}.status-chip-name{color:var(--steel)}.lock-icon{width:calc(30 * var(--unit));height:calc(30 * var(--unit));background-color:var(--steel);flex:none;display:block;-webkit-mask:url(/icons/ui/lock.svg) 50%/contain no-repeat;mask:url(/icons/ui/lock.svg) 50%/contain no-repeat}.skill-face{width:var(--slot-size);border:calc(2 * var(--unit)) solid var(--rarity,var(--steel));border-radius:var(--tablet-corner);box-shadow:0 0 0 calc(2 * var(--unit)) var(--ink), calc(3 * var(--unit)) calc(3 * var(--unit)) 0 calc(2 * var(--unit)) var(--ink);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.skill-face .skill-icon{box-shadow:inset var(--tablet-bevel) var(--tablet-bevel) var(--tablet-bevel) rgba(255, 226, 180, calc(.4 * var(--tablet-rim))), inset calc(-1 * var(--tablet-bevel)) calc(-1 * var(--tablet-bevel)) var(--tablet-bevel) rgba(0, 0, 0, calc(.6 * var(--tablet-rim)))}.tablet-slice{width:var(--slot-size);height:var(--slot-size);border-radius:var(--tablet-corner);background-color:var(--wood);background-image:linear-gradient(135deg, #ffe2b452, #ffe2b400 45%, #00000080), var(--wood-grain);background-size:100% 100%, calc(120 * var(--unit));background-blend-mode:normal, multiply;transform:translateZ(calc(-1 * var(--tablet-depth) * var(--depth-share)));position:absolute;top:0;left:0}.tablet-slice:last-of-type{box-shadow:0 0 0 calc(2 * var(--unit)) var(--ink)}.slot-rank{z-index:2;padding:0 calc(3 * var(--unit));background:var(--ink);left:calc(2 * var(--unit));top:calc(2 * var(--unit));color:var(--tan);letter-spacing:calc(1 * var(--unit));line-height:1.1;position:absolute}.skill-sidebar{--sidebar-row:calc((var(--slot-size) - calc(10 * var(--unit))) / 5);bottom:0;left:calc(var(--slot-size) + calc(2 * var(--unit)));width:calc(var(--slot-sidebar) - calc(2 * var(--unit)));height:calc(var(--rows) * var(--sidebar-row) + (var(--rows) - 1) * calc(1 * var(--unit)) + calc(6 * var(--unit)));grid-auto-rows:var(--sidebar-row);row-gap:calc(1 * var(--unit));border:var(--border-carved);background:var(--ink);box-shadow:inset 0 0 0 calc(1 * var(--unit)) var(--plum), calc(3 * var(--unit)) calc(3 * var(--unit)) 0 0 var(--ink);font-family:var(--font-ui);font-size:var(--ui-size);font-variant-numeric:lining-nums tabular-nums;color:var(--bone);pointer-events:none;border-left:0;font-weight:500;line-height:1;display:grid;position:absolute;overflow:hidden}.skill-sidebar-row{align-items:center;gap:calc(2 * var(--unit));min-height:0;padding:0 calc(3 * var(--unit)) 0 calc(2 * var(--unit));white-space:nowrap;display:flex;position:relative}.skill-sidebar-row+.skill-sidebar-row:before{content:"";left:0;right:0;top:calc(-1 * var(--unit));height:calc(1 * var(--unit));background:var(--iron);position:absolute}:root:not([data-stat-panel=highContrast]) .skill-sidebar-row{background:color-mix(in srgb, var(--param) 32%, var(--ink))}[data-stat-panel=highContrast] .skill-sidebar-row{background:var(--param);color:var(--on-param)}[data-stat-panel=highContrast] .skill-sidebar-icon{background-color:var(--on-param)}.skill-sidebar-number{transform-origin:0;display:inline-block}.skill-sidebar-icon{width:calc(11 * var(--unit));height:calc(11 * var(--unit));background-color:var(--param);-webkit-mask:var(--param-icon) center / contain no-repeat;mask:var(--param-icon) center / contain no-repeat;flex:none}.value-delta-from{color:var(--steel)}.value-delta-from:after{content:"→";margin:0 calc(4 * var(--unit))}.value-delta-to,.skill-tooltip-band .is-gained{color:var(--leaf)}.experience-pips{gap:calc(4 * var(--unit));display:flex}.experience-pip{width:calc(8 * var(--unit));height:calc(8 * var(--unit));border:calc(2 * var(--unit)) solid var(--iron);background:var(--night-deep);box-shadow:0 0 0 calc(2 * var(--unit)) var(--ink)}.experience-pip.is-filled{border-color:var(--tan);background:var(--tan)}.experience-pip.is-gained{border-color:var(--leaf);background:var(--leaf);animation:.9s ease-in-out infinite alternate experience-gain}@keyframes experience-gain{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.experience-pip.is-gained{animation:none}}.position-mark{width:calc(18 * var(--unit));height:calc(18 * var(--unit));top:calc(-3 * var(--unit));vertical-align:middle;fill:var(--night-deep);position:relative}.position-mark .position-mark-lines{fill:var(--steel)}.position-mark .is-required{fill:currentColor}.combat-screen{height:100%;padding:var(--stage-padding);position:relative;overflow:hidden}.vfx-canvas{z-index:20;pointer-events:none;position:absolute;inset:0}.combat-stage{align-content:center;align-items:start;gap:var(--column-gap);grid-template-columns:max-content minmax(0,1fr) max-content;height:100%;display:grid;position:relative}.combat-stage.is-sudden-death{animation:1s steps(2,end) infinite sudden-death-pulse}@keyframes sudden-death-pulse{50%{filter:saturate(1.3)brightness(1.08)}}.fighter-row{gap:var(--row-gap);padding-top:calc(var(--drawer-tab-height) + var(--row-gap));display:grid}.fighter-row-opponent .fighter-body{grid-template-columns:minmax(0,1fr) auto}.fighter-row-opponent .fighter-portrait{order:2}.combat-center{padding-top:calc(var(--drawer-tab-height) + var(--row-gap));grid-template-rows:auto 1fr auto;align-self:stretch;justify-items:center;display:grid;position:relative}.combat-clock{width:calc(112 * var(--unit));height:calc(112 * var(--unit));margin-top:calc((var(--fighter-panel-height) - calc(112 * var(--unit))) / 2);background:var(--ink);box-shadow:inset 0 0 0 calc(9 * var(--unit)) var(--night-deep), inset 0 0 0 calc(11 * var(--unit)) var(--ink), inset 0 0 0 calc(12 * var(--unit)) var(--iron), 0 0 0 calc(3 * var(--unit)) var(--ink), calc(6 * var(--unit)) calc(6 * var(--unit)) 0 var(--ink);color:var(--parchment);font-family:var(--font-ui);font-size:calc(34 * var(--unit));font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid;position:relative}.combat-clock:before{content:"";inset:calc(2 * var(--unit));background:conic-gradient(var(--parchment) calc(var(--clock-progress) * 1turn), var(--iron) 0);-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - calc(7 * var(--unit))), #000 calc(100% - calc(7 * var(--unit))));mask:radial-gradient(circle closest-side, transparent calc(100% - calc(7 * var(--unit))), #000 calc(100% - calc(7 * var(--unit))));border-radius:50%;position:absolute}.combat-clock.is-sudden-death{color:var(--rose)}.combat-clock.is-sudden-death:before{background:var(--blood)}.grid-panel{padding-top:calc(28 * var(--unit))}.combat-slot.is-recap .skill-face{border-color:var(--ink)}.recap-shade{inset:calc(-2 * var(--unit));z-index:23;pointer-events:none;background:#08070cd1;position:absolute}.recap-list{z-index:24;left:calc(3 * var(--unit));top:calc(3 * var(--unit));align-items:flex-start;gap:calc(2 * var(--unit));pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute}.recap-line{align-items:center;gap:calc(3 * var(--unit));color:var(--keyword,var(--parchment));font-family:var(--font-carved);font-size:calc(18 * var(--unit));line-height:1.15;display:inline-flex}.recap-line .keyword-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.fighter-panel{height:var(--fighter-panel-height);flex-direction:column;justify-content:center;display:flex}.fighter-body{align-items:center;gap:calc(18 * var(--unit));grid-template-columns:auto minmax(0,1fr);display:grid}.fighter-portrait{width:calc(144 * var(--unit));height:calc(144 * var(--unit));border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan);background:var(--night-deep);border-radius:50%;flex:none;position:relative}.fighter-portrait .portrait{inset:calc(2 * var(--unit));position:absolute}.fighter-portrait.is-shielded{box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--cyan), 0 0 0 calc(3 * var(--unit)) var(--cyan)}.fighter-portrait.is-fallen .portrait{filter:grayscale()brightness(.4);transition:filter .8s}.fighter-vitals{align-content:center;gap:calc(10 * var(--unit));display:grid}.combat-grid{grid-template-columns:repeat(3, calc(var(--slot-size) + var(--slot-sidebar)));grid-template-rows:repeat(3, var(--slot-size));gap:calc(8 * var(--unit));display:grid}.grid-cell.is-empty{width:var(--slot-size);border:calc(3 * var(--unit)) dashed var(--iron)}.grid-cell.is-locked{width:var(--slot-size);border:calc(3 * var(--unit)) solid var(--ink);background:repeating-linear-gradient(45deg, #0000008c 0 calc(3 * var(--unit)), transparent calc(3 * var(--unit)) calc(8 * var(--unit)));place-items:center;display:grid}.combat-slot{outline:none;position:relative}.combat-slot.is-stealthed .skill-icon{opacity:.45}.state-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.state-overlay.is-haste,.state-overlay.is-slow{opacity:.6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 15 12 8l7 7' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 15 12 8l7 7' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E");-webkit-mask-size:50% 50%;mask-size:50% 50%;-webkit-mask-repeat:repeat;mask-repeat:repeat}.state-overlay.is-haste{background-color:var(--gold);animation:.5s linear infinite chevrons-rise}.state-overlay.is-slow{background-color:var(--cyan);animation:1.6s linear infinite chevrons-rise;rotate:180deg}@keyframes chevrons-rise{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 -100%;mask-position:0 -100%}}.state-overlay.is-stealth{background-color:#0000;background-image:radial-gradient(70% 30% at 20% 30%,#cbdbfcd9,#0000 70%),radial-gradient(65% 35% at 80% 55%,#cbdbfccc,#0000 70%),radial-gradient(75% 30% at 40% 85%,#cbdbfcbf,#0000 70%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:150% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:4s ease-in-out infinite alternate fog-drift}@keyframes fog-drift{0%{opacity:.75;background-position:0 0}to{opacity:1;background-position:100% 0}}.state-overlay.is-disable{filter:drop-shadow(calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink));background:#00000073}.state-overlay.is-disable:after{content:"";background-color:var(--steel);animation:.25s ease-out both chain-clamp,1.8s linear .25s infinite chain-rattle;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='8.5' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='8.5' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='55.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='73.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='91.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Crect x='109.5' y='48.1' width='11' height='3.8' rx='1.9'/%3E%3Cellipse cx='70' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='88' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cellipse cx='106' cy='50' rx='7.4' ry='4.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat}@keyframes chain-clamp{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@keyframes chain-rattle{0%,84%,to{translate:0}88%{translate:calc(1.5 * var(--unit)) calc(-1 * var(--unit))}92%{translate:calc(-1.5 * var(--unit)) calc(1 * var(--unit))}96%{translate:calc(1 * var(--unit)) 0}}.state-timers{z-index:3;gap:calc(1 * var(--unit));pointer-events:none;display:grid;position:absolute;inset:0 0 auto}.state-timer{height:calc(4 * var(--unit));box-shadow:0 calc(1 * var(--unit)) 0 var(--ink)}.state-timer.is-haste{background:var(--gold)}.state-timer.is-slow{background:var(--cyan)}.state-timer.is-disable{background:var(--steel)}.state-timer.is-suspended{opacity:.35}.combat-slot.is-spent .skill-face{filter:grayscale()brightness(.45)}.cooldown-cover{z-index:1;background:repeating-linear-gradient(-45deg, #000000d9 0 calc(2 * var(--unit)), #00000059 calc(2 * var(--unit)) calc(5 * var(--unit)));border-bottom:calc(2 * var(--unit)) solid var(--parchment);position:absolute;inset:0 0 auto}.combat-slot.is-slowed .cooldown-cover{border-bottom-color:var(--cyan)}.combat-slot.is-hasted .cooldown-cover{border-bottom-color:var(--gold)}.float-number{z-index:25;font-family:var(--font-carved);pointer-events:none;white-space:nowrap;-webkit-text-stroke:calc(3 * var(--unit)) var(--ink);paint-order:stroke fill;position:absolute;translate:-50% -50%}.float-small{font-size:calc(22 * var(--unit))}.float-normal{font-size:calc(32 * var(--unit))}.float-large{font-size:calc(44 * var(--unit))}.float-huge{font-size:calc(56 * var(--unit))}.float-colossal{font-size:calc(72 * var(--unit))}.float-number.is-stamped{-webkit-text-stroke:0;padding:.5em .7em;color:var(--ink)!important}.float-number.is-stamped:before{content:"";z-index:-1;background:var(--gold);clip-path:polygon(50% 0,61% 26%,94% 14%,74% 44%,100% 60%,68% 64%,76% 100%,50% 76%,24% 100%,32% 66%,0 60%,26% 44%,6% 14%,39% 26%);filter:drop-shadow(calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink));position:absolute;inset:0}.screen-flash{z-index:24;background:var(--parchment);pointer-events:none;position:absolute;inset:0}.combat-banner,.combat-result{z-index:26;text-align:center;font-family:var(--font-carved);pointer-events:none;-webkit-text-stroke:calc(4 * var(--unit)) var(--ink);paint-order:stroke fill;text-shadow:calc(6 * var(--unit)) calc(6 * var(--unit)) 0 var(--ink);position:absolute;left:0;right:0}.combat-banner{font-size:clamp(calc(40 * var(--unit)), 7cqh, calc(64 * var(--unit)));top:44%}.combat-result{top:calc(var(--drawer-tab-height) + var(--row-gap) + (var(--fighter-panel-height) + calc(112 * var(--unit))) / 2 + calc(16 * var(--unit)));font-size:calc(76 * var(--unit))}.combat-result.is-victory{color:var(--gold)}.combat-result.is-defeat{color:var(--rose)}.playback-controls{z-index:22;justify-content:center;align-items:center;gap:calc(10 * var(--unit));width:100%;padding:calc(14 * var(--unit));flex-wrap:wrap;grid-row:3;display:flex}.transport-group{gap:calc(6 * var(--unit));display:flex}.transport-button{min-width:calc(44 * var(--unit));height:calc(40 * var(--unit));padding:0 calc(8 * var(--unit));justify-content:center;align-items:center;gap:0;display:inline-flex}.transport-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit));-webkit-mask:var(--transport-glyph) center / contain no-repeat;mask:var(--transport-glyph) center / contain no-repeat;background-color:currentColor}.transport-icon+.transport-icon{margin-left:calc(-5 * var(--unit))}.transport-icon.is-replay{--transport-glyph:url(/icons/ui/replay.svg)}.transport-icon.is-play{--transport-glyph:url(/icons/ui/play.svg)}.transport-icon.is-pause{--transport-glyph:url(/icons/ui/pause.svg)}.transport-icon.is-fast-forward{--transport-glyph:url(/icons/ui/fast-forward.svg)}.playback-row{flex:1 0 100%;justify-content:center;display:flex}.playback-scrub{accent-color:var(--tan);flex:1 0 100%}.playback-controls .is-concealed{visibility:hidden}@media (prefers-reduced-motion:reduce){.combat-stage.is-sudden-death,.state-overlay{animation:none}}:root{--unit:1.3px}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stage-backdrop{--backdrop-unit:calc(var(--unit) * var(--stage-scale));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:var(--night-deep);background-image:repeating-linear-gradient(-45deg, #00000038 0 var(--backdrop-unit), transparent var(--backdrop-unit) calc(7 * var(--backdrop-unit)));position:fixed;inset:0;overflow:hidden}.scaled-stage{transform-origin:0 0;overflow:hidden;container-type:size}.app{grid-template-rows:1fr;height:100%;display:grid}.app-main{min-height:0}.arena-screen{height:100%;padding:calc(24 * var(--unit)) calc(16 * var(--unit));place-items:center;display:grid}.arena-panel{width:min(calc(480 * var(--unit)), 100%);gap:calc(16 * var(--unit));padding-top:calc(30 * var(--unit));display:grid}.arena-intro{font-family:var(--font-book);font-size:calc(19 * var(--unit));color:var(--parchment);margin:0}.arena-field{gap:calc(6 * var(--unit));color:var(--steel);display:grid}.arena-seed{gap:calc(8 * var(--unit));display:flex}.arena-seed .field{flex:1;min-width:0}.arena-fight{padding:calc(10 * var(--unit)) calc(26 * var(--unit));font-size:calc(22 * var(--unit));justify-self:start}.options-screen{height:100%;padding:calc(24 * var(--unit)) calc(16 * var(--unit));place-items:center;display:grid}.options-panel{width:min(calc(560 * var(--unit)), 100%);gap:calc(18 * var(--unit));padding-top:calc(30 * var(--unit));display:grid}.option-row{gap:calc(8 * var(--unit));display:grid}.option-label{font-family:var(--font-carved);font-size:calc(20 * var(--unit));color:var(--parchment)}.option-choices{gap:calc(8 * var(--unit));flex-wrap:wrap;display:flex}.options-back{justify-self:start}.icon-button{width:calc(40 * var(--unit));height:calc(40 * var(--unit));place-items:center;padding:0;display:grid}.settings-icon{width:calc(24 * var(--unit));height:calc(24 * var(--unit));background-color:var(--parchment);-webkit-mask:url(/icons/ui/settings.svg) 50%/contain no-repeat;mask:url(/icons/ui/settings.svg) 50%/contain no-repeat}.options-dialog{width:calc(560 * var(--unit));max-width:none;scale:var(--stage-scale);background:0 0;border:0;padding:0;overflow:visible}.options-dialog::backdrop{background:#0a0814b8}.options-actions{gap:calc(12 * var(--unit));margin-top:calc(6 * var(--unit));flex-wrap:wrap;display:flex}.options-abandon{margin-left:auto}.options-confirm-question{font-family:var(--font-carved);font-size:calc(20 * var(--unit));color:var(--parchment);align-self:center;margin-right:auto}.new-version-notice{top:calc(24 * var(--unit));z-index:100;position:absolute;left:50%;translate:-50%}.new-version-panel{padding-top:calc(30 * var(--unit))}.new-version-actions{gap:calc(12 * var(--unit));display:flex}.rotate-notice{z-index:300;place-content:center;justify-items:center;gap:calc(28 * var(--unit));padding:calc(24 * var(--unit));background-color:var(--night-deep);text-align:center;display:grid;position:fixed;inset:0}.rotate-notice-icon{width:calc(96 * var(--unit));height:calc(96 * var(--unit));background-color:var(--parchment);animation:2.4s ease-in-out infinite rotate-notice-turn;-webkit-mask:url(/icons/ui/smartphone.svg) 50%/contain no-repeat;mask:url(/icons/ui/smartphone.svg) 50%/contain no-repeat}.rotate-notice-text{font-size:calc(26 * var(--unit))}@keyframes rotate-notice-turn{0%,25%{rotate:0deg}50%,90%{rotate:-90deg}to{rotate:0deg}}@media (prefers-reduced-motion:reduce){.rotate-notice-icon{animation:none;rotate:-90deg}}.button.is-primary{padding:calc(8 * var(--unit)) calc(22 * var(--unit));background:var(--tan);color:var(--ink);font-size:calc(22 * var(--unit));box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--parchment), calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink)}.button.is-primary:hover:not(:disabled){background:var(--parchment)}.menu-screen{align-content:center;justify-items:center;gap:calc(48 * var(--unit));height:100%;padding:calc(24 * var(--unit)) calc(16 * var(--unit));display:grid}.menu-title{font-size:clamp(calc(48 * var(--unit)), 9cqw, calc(96 * var(--unit)));text-align:center;text-shadow:calc(5 * var(--unit)) calc(5 * var(--unit)) 0 var(--ink);line-height:.9}.menu-actions{gap:calc(14 * var(--unit));width:min(calc(360 * var(--unit)), 100%);display:grid}.menu-button{gap:calc(4 * var(--unit));padding:calc(12 * var(--unit)) calc(18 * var(--unit));font-size:calc(22 * var(--unit));text-align:left;display:grid}.menu-button-detail{font-family:var(--font-book);font-size:calc(15 * var(--unit));color:var(--tan)}.menu-button.is-quiet{background:var(--night);font-size:calc(20 * var(--unit))}.guild-screen{gap:calc(20 * var(--unit));height:100%;padding:calc(24 * var(--unit)) clamp(calc(16 * var(--unit)), 4cqw, calc(48 * var(--unit)));grid-template-rows:auto 1fr auto;display:grid;overflow:auto}.guild-screen-title{font-size:calc(40 * var(--unit));text-shadow:calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink)}.guild-banners{padding:calc(12 * var(--unit)) 0 0;grid-template-columns:repeat(auto-fit, minmax(calc(150 * var(--unit)), 1fr));gap:calc(22 * var(--unit));align-content:center;margin:0;list-style:none;display:grid}li:has(>.guild-banner){display:grid}.guild-banner{--pennant:polygon(0 0, 100% 0, 100% 100%, 50% 86%, 0 100%);width:100%;min-height:calc(250 * var(--unit));padding:calc(28 * var(--unit)) calc(14 * var(--unit)) calc(64 * var(--unit));align-content:start;justify-items:center;gap:calc(10 * var(--unit));color:var(--light);cursor:pointer;filter:drop-shadow(calc(4 * var(--unit)) calc(4 * var(--unit)) 0 var(--ink));isolation:isolate;background:0 0;border:0;display:grid;position:relative}.guild-banner:disabled{cursor:default;opacity:.45}.guild-banner:before,.guild-banner:after{content:"";z-index:-1;clip-path:var(--pennant);position:absolute}.guild-banner:before{inset:calc(8 * var(--unit)) 0 0;background:var(--ink)}.guild-banner:after{inset:calc(11 * var(--unit)) calc(3 * var(--unit)) calc(3 * var(--unit));background-color:var(--dark);background-image:repeating-linear-gradient(-45deg, #0000004d 0 calc(1 * var(--unit)), transparent calc(1 * var(--unit)) calc(6 * var(--unit)))}.guild-banner-icon{width:calc(64 * var(--unit));height:calc(64 * var(--unit));filter:drop-shadow(calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink))}.guild-banner-name{color:inherit;font-size:calc(28 * var(--unit));line-height:1}.guild-banner-title{font-family:var(--font-book);font-style:italic;font-size:calc(17 * var(--unit));text-align:center;line-height:1.2}.guild-banner-count{color:var(--steel)}.guild-banner-skills{grid-template-columns:repeat(2, calc(40 * var(--unit)));gap:calc(6 * var(--unit));margin-top:calc(6 * var(--unit));display:grid}.guild-banner-skill{width:calc(40 * var(--unit));height:calc(40 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);box-shadow:0 0 0 calc(1 * var(--unit)) var(--light);position:relative}.guild-banner:not(:disabled):hover:after{background-color:color-mix(in srgb, var(--dark) 75%, var(--light))}.guild-banner.is-selected{color:var(--ink);transform:translateY(calc(-6 * var(--unit)))}.guild-banner.is-selected:after{background-color:var(--light);background-image:repeating-linear-gradient(-45deg, #0000001f 0 calc(1 * var(--unit)), transparent calc(1 * var(--unit)) calc(6 * var(--unit)))}.guild-banner.is-selected .guild-banner-count{color:var(--ink)}.guild-banner:focus-visible{outline:none}.guild-banner:focus-visible:before{background:var(--gold)}.guild-screen-actions{align-items:center;gap:calc(12 * var(--unit));flex-wrap:wrap;display:flex}.guild-screen-count{color:var(--tan);margin-right:auto}.run-screen{grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid;position:relative}.run-header{align-items:center;gap:calc(12 * var(--unit)) calc(28 * var(--unit));padding:calc(10 * var(--unit)) calc(20 * var(--unit));background:var(--night-deep);border-bottom:var(--border-carved);flex-wrap:wrap;display:flex}.run-day{font-size:calc(40 * var(--unit));line-height:1}.run-tally{gap:calc(8 * var(--unit)) calc(32 * var(--unit));font-size:calc(22 * var(--unit));flex-wrap:wrap;margin:0 auto 0 0;display:flex}.run-tally div{align-items:center;gap:calc(10 * var(--unit));display:flex}.run-tally dt{color:var(--steel);font-family:var(--font-ui-caps);font-weight:500}.run-tally dd{color:var(--bone);font-variant-numeric:lining-nums tabular-nums;margin:0;font-weight:500}.run-lives{gap:calc(8 * var(--unit));display:flex}.run-life{width:calc(14 * var(--unit));height:calc(14 * var(--unit));background:var(--blood);border:calc(2 * var(--unit)) solid var(--ink);transform:rotate(45deg)}.run-life.is-lost{border-color:var(--iron);background:0 0}.experience-meter{flex:none;align-items:stretch;display:flex}.experience-level{padding:0 calc(8 * var(--unit));background:var(--night-deep);border:var(--border-carved);color:var(--tan);white-space:nowrap;align-items:center;line-height:1;display:flex}.experience-bar{height:calc(20 * var(--unit));background:var(--ink);border-left:0;border:calc(3 * var(--unit)) solid var(--ink);box-shadow:inset 0 0 0 calc(1 * var(--unit)) var(--indigo);flex:1;position:relative;overflow:hidden}.experience-bar-fill{background:repeating-linear-gradient(-45deg, var(--tan) 0 calc(3 * var(--unit)), var(--ochre) calc(3 * var(--unit)) calc(5 * var(--unit)));position:absolute;inset:0 auto 0 0}.experience-bar-text{padding-left:calc(6 * var(--unit));font-family:var(--font-ui);font-variant-numeric:lining-nums tabular-nums;color:var(--bone);text-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);align-items:center;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}.experience-bar-next{color:var(--steel)}.run-body{min-height:0;overflow:auto}@media (prefers-reduced-motion:reduce){.guild-banner.is-selected{transform:none}}.visually-hidden{width:calc(1 * var(--unit));height:calc(1 * var(--unit));clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.drag-scope{min-height:0;display:grid}.run-stage,.combat-screen,.drag-ghost{--slot-size:calc(108 * var(--unit));--slot-sidebar:calc(50 * var(--unit))}.run-stage,.combat-screen{--stage-padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(14 * var(--unit));--drawer-tab-height:calc(44 * var(--unit));--fighter-panel-height:calc(212 * var(--unit));--row-gap:calc(22 * var(--unit));--column-gap:calc(24 * var(--unit))}.run-stage{align-content:center;align-items:start;gap:var(--column-gap);height:100%;padding:var(--stage-padding);grid-template-columns:max-content minmax(0,1fr);display:grid}.run-stage-player{gap:var(--row-gap);display:grid;position:relative}.run-stage-phase{align-self:stretch;min-height:0;display:grid}.offer-panel{gap:calc(18 * var(--unit));padding-top:calc(28 * var(--unit));flex-direction:column;display:flex}.offer-hint{font-family:var(--font-book);font-size:calc(19 * var(--unit));color:var(--parchment);margin:0}.offer-row{--offer-gap:calc(12 * var(--unit));max-width:calc(var(--offers-per-row,99) * (var(--slot-size) + var(--slot-sidebar)) + (var(--offers-per-row,99) - 1) * var(--offer-gap));justify-content:center;gap:calc(22 * var(--unit)) var(--offer-gap);flex-wrap:wrap;margin:0 auto;padding:0;list-style:none;display:flex}.offer-item{width:calc(var(--slot-size) + var(--slot-sidebar));place-items:start center;gap:calc(8 * var(--unit)) calc(6 * var(--unit));text-align:center;display:grid}.offer-item .run-skill{width:calc(var(--slot-size) + var(--slot-sidebar));height:var(--slot-size)}.offer-actions{justify-content:flex-end;align-items:center;gap:calc(12 * var(--unit));flex-wrap:wrap;margin-top:auto;display:flex}.loadout-panel{justify-items:start;gap:calc(12 * var(--unit));padding-top:calc(28 * var(--unit));display:grid}.inventory-drawer{z-index:5;height:var(--drawer-tab-height);position:relative}.inventory-tab{align-items:center;gap:calc(14 * var(--unit));width:100%;height:100%;padding:0 calc(16 * var(--unit));background:var(--night);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);color:var(--parchment);cursor:pointer;display:flex}.inventory-tab:hover,.inventory-drawer.is-open .inventory-tab{box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan), var(--shadow-carved)}.inventory-drawer.is-accepts .inventory-tab{outline:calc(3 * var(--unit)) dashed var(--gold);outline-offset:calc(1 * var(--unit))}.inventory-drawer.is-merges .inventory-tab{outline:calc(3 * var(--unit)) solid var(--leaf);outline-offset:calc(1 * var(--unit))}.inventory-tab-title{font-size:calc(19 * var(--unit))}.inventory-minis{gap:calc(6 * var(--unit));display:flex}.inventory-mini{width:calc(28 * var(--unit));height:calc(28 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(3 * var(--unit));position:relative}.inventory-mini.is-empty{border-style:dashed;border-color:var(--iron)}.inventory-count{font-family:var(--font-ui);color:var(--bone);margin-left:auto}.inventory-chevron{border-left:calc(7 * var(--unit)) solid transparent;border-right:calc(7 * var(--unit)) solid transparent;border-top:calc(9 * var(--unit)) solid var(--tan);width:0;height:0}.inventory-drawer.is-open .inventory-chevron{transform:rotate(180deg)}.inventory-panel{left:0;right:0;top:calc(100% - calc(3 * var(--unit)));padding-top:calc(16 * var(--unit));box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), calc(4 * var(--unit)) calc(8 * var(--unit)) 0 var(--ink);position:absolute}.loadout-grid,.loadout-inventory{grid-template-columns:repeat(3, calc(var(--slot-size) + var(--slot-sidebar)));gap:calc(8 * var(--unit));display:grid}.loadout-grid{grid-template-rows:repeat(3, var(--slot-size))}.loadout-slot{width:calc(var(--slot-size) + var(--slot-sidebar));height:var(--slot-size);position:relative}.loadout-slot.is-empty{width:var(--slot-size);border:calc(3 * var(--unit)) dashed var(--iron)}.loadout-empty{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.loadout-slot.is-locked{width:var(--slot-size);justify-content:center;align-items:center;gap:calc(6 * var(--unit));border:calc(3 * var(--unit)) solid var(--iron);background-color:var(--night-deep);background-image:repeating-linear-gradient(45deg, #0000008c 0 calc(3 * var(--unit)), transparent calc(3 * var(--unit)) calc(8 * var(--unit)));box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--ink);cursor:pointer;flex-direction:column;padding:0;display:flex}.loadout-slot.is-locked:disabled{cursor:default}.loadout-slot.is-locked:not(:disabled):hover{border-color:var(--gold)}.loadout-slot.is-locked:not(:disabled):hover .lock-icon{background-color:var(--gold);-webkit-mask-image:url(/icons/ui/unlock.svg);mask-image:url(/icons/ui/unlock.svg)}.loadout-slot.is-accepts{outline:calc(3 * var(--unit)) dashed var(--gold);outline-offset:calc(1 * var(--unit))}.loadout-slot.is-merges{outline:calc(3 * var(--unit)) solid var(--leaf);outline-offset:calc(1 * var(--unit))}.run-skill{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.run-skill[aria-disabled=true]{cursor:default}.upgrade-cue{z-index:2;pointer-events:none;box-shadow:inset 0 0 0 calc(3 * var(--unit)) var(--leaf);animation:1.1s ease-in-out infinite alternate upgrade-frame;position:absolute;inset:0}.upgrade-cue:before,.upgrade-cue:after{content:"";right:calc(5 * var(--unit));bottom:calc(5 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));animation:.8s ease-in-out infinite alternate upgrade-chevron;position:absolute;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13 12 5l8 8M4 20l8-8 8 8' fill='none' stroke='%23000' stroke-width='3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13 12 5l8 8M4 20l8-8 8 8' fill='none' stroke='%23000' stroke-width='3.5'/%3E%3C/svg%3E")}.upgrade-cue:before{background-color:var(--ink);right:calc(3 * var(--unit));bottom:calc(3 * var(--unit))}.upgrade-cue:after{background-color:var(--leaf)}@keyframes upgrade-frame{0%{opacity:1}to{opacity:.4}}@keyframes upgrade-chevron{0%{translate:0 calc(2 * var(--unit))}to{translate:0 calc(-3 * var(--unit))}}@media (prefers-reduced-motion:reduce){.upgrade-cue,.upgrade-cue:before,.upgrade-cue:after{animation:none}}.drag-scope.is-pointer .run-skill.is-held{opacity:.3}.drag-scope.is-selected .run-skill.is-held{outline:calc(3 * var(--unit)) solid var(--gold);outline-offset:calc(6 * var(--unit))}.drag-scope.is-pointer,.drag-scope.is-pointer *{cursor:grabbing}.drag-ghost{z-index:100;width:var(--slot-size);height:var(--slot-size);transform:translate(-50%, -50%) scale(var(--stage-scale));perspective:calc(520 * var(--unit));pointer-events:none;position:fixed}.drag-ghost .tablet-shadow{inset:calc(-2 * var(--unit));border-radius:var(--tablet-corner);background:var(--ink);position:absolute}.drag-ghost .tablet-body{transform-style:preserve-3d;position:absolute;inset:0}.drag-ghost .skill-face{box-shadow:0 0 0 calc(2 * var(--unit)) var(--ink)}.drag-ghost .skill-sidebar{display:none}@media (prefers-reduced-motion:no-preference){.loadout-slot.is-landing .skill-face{animation:.28s ease-out tablet-land}}@keyframes tablet-land{0%{transform:scale(1.05)}45%{transform:scale(.96)}to{transform:scale(1)}}.price-tag{--notch:calc(9 * var(--unit));filter:drop-shadow(calc(3 * var(--unit)) calc(3 * var(--unit)) 0 var(--ink));display:inline-block}.price-tag-edge{padding:calc(3 * var(--unit));background:var(--ink);clip-path:polygon(0 0, 100% 0, calc(100% - var(--notch)) 50%, 100% 100%, 0 100%, var(--notch) 50%);display:block}.price-tag-face{justify-content:center;align-items:center;gap:calc(5 * var(--unit));min-width:calc(78 * var(--unit));padding:calc(1 * var(--unit)) calc(16 * var(--unit)) 0;background-color:var(--parchment);background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 14%, transparent) 0 calc(1 * var(--unit)), transparent calc(1 * var(--unit)) calc(4 * var(--unit)));box-shadow:inset 0 calc(-3 * var(--unit)) 0 var(--tan);clip-path:polygon(0 0, 100% 0, calc(100% - var(--notch) + calc(2 * var(--unit))) 50%, 100% 100%, 0 100%, calc(var(--notch) - calc(2 * var(--unit))) 50%);color:var(--ink);font-family:var(--font-book);font-size:calc(24 * var(--unit));line-height:1.25;display:flex}.price-tag .gold-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit))}.price-tag.is-small{--notch:calc(7 * var(--unit))}.price-tag.is-small .price-tag-face{gap:calc(3 * var(--unit));min-width:0;padding:0 calc(9 * var(--unit));font-size:calc(18 * var(--unit))}.price-tag.is-small .gold-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.price-tag.is-unaffordable .price-tag-face{color:var(--blood)}.gold-icon{width:calc(22 * var(--unit));height:calc(22 * var(--unit));margin-top:calc(-2 * var(--unit))}.price-tag.is-unaffordable{border-color:var(--blood);color:var(--blood)}.gold-icon{width:calc(18 * var(--unit));height:calc(18 * var(--unit));background-color:currentColor;flex:none;display:inline-block;-webkit-mask:url(/icons/ui/gold.svg) 50%/contain no-repeat;mask:url(/icons/ui/gold.svg) 50%/contain no-repeat}.offer-sold{width:var(--slot-size);height:var(--slot-size);border:calc(3 * var(--unit)) dashed var(--iron);background:repeating-linear-gradient(45deg, #00000059 0 calc(2 * var(--unit)), transparent calc(2 * var(--unit)) calc(9 * var(--unit)));justify-self:start}.sell-zone{min-width:calc(240 * var(--unit));min-height:calc(64 * var(--unit));padding:calc(10 * var(--unit)) calc(18 * var(--unit));background:var(--night-deep);border:calc(3 * var(--unit)) dashed var(--iron);color:var(--steel);font-size:calc(20 * var(--unit));justify-content:space-between;align-items:center;margin-right:auto;display:flex}.sell-zone .carved-title{color:inherit}.sell-zone.is-accepts{border-color:var(--gold);color:var(--parchment);cursor:pointer}.sell-value{font-family:var(--font-ui);font-size:var(--ui-size-large);color:var(--gold)}.encounter-text{max-width:60ch;font-family:var(--font-book);font-style:italic;font-size:calc(21 * var(--unit));color:var(--parchment);margin:0;line-height:1.35}.choice-list{gap:calc(14 * var(--unit));grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.choice-list>li{display:grid}.choice-card{align-content:start;gap:calc(10 * var(--unit));padding:calc(14 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit));background:var(--night-deep);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);text-align:left;cursor:pointer;display:grid}.choice-card:hover:not(:disabled){box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan), var(--shadow-carved)}.choice-card:disabled{cursor:default;opacity:.55}.choice-card.is-drop:disabled{opacity:1}.choice-card.is-drop{border-style:dashed}.choice-card.is-accepts{border-color:var(--gold);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--gold), var(--shadow-carved)}.choice-name{font-size:calc(22 * var(--unit));line-height:1.05}.choice-rewards{gap:calc(4 * var(--unit));color:var(--gold);margin:0;padding:0;list-style:none;display:grid}.choice-cost{color:var(--blood)}.choice-drop,.choice-fame{color:var(--tan)}.choice-fame.is-unmet{color:var(--blood)}.choice-card.is-drop.is-fame-locked:disabled{opacity:.55}.run-body>.combat-screen{height:100%}.run-end{align-content:center;justify-items:center;gap:calc(32 * var(--unit));height:100%;padding:calc(24 * var(--unit)) calc(16 * var(--unit));display:grid}.run-end-title{padding:calc(10 * var(--unit)) calc(36 * var(--unit)) calc(6 * var(--unit));font-size:clamp(calc(56 * var(--unit)), 10cqw, calc(112 * var(--unit)));border:calc(6 * var(--unit)) solid currentColor;box-shadow:inset 0 0 0 calc(4 * var(--unit)) var(--night-deep), inset 0 0 0 calc(7 * var(--unit)) currentColor, calc(6 * var(--unit)) calc(6 * var(--unit)) 0 var(--ink);line-height:1;transform:rotate(-3deg)}.run-end.is-victory .run-end-title{color:var(--gold)}.run-end.is-defeat .run-end-title{color:var(--blood)}.run-end-tally{gap:calc(40 * var(--unit));margin:0;display:flex}.run-end-tally div{justify-items:center;gap:calc(6 * var(--unit));display:grid}.run-end-tally dt{color:var(--steel)}.run-end-tally dd{font-size:var(--ui-size-large);color:var(--bone);margin:0}.is-position-required,.is-effect-target{position:relative}.is-position-required:after,.is-effect-target:after{content:"";z-index:4;pointer-events:none;position:absolute;inset:0}.loadout-slot:not(.is-empty,.is-locked).is-position-required:after,.loadout-slot:not(.is-empty,.is-locked).is-effect-target:after{width:var(--slot-size);right:auto}.is-position-required:after{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--tan) 45%, transparent) 0 calc(3 * var(--unit)), transparent calc(3 * var(--unit)) calc(8 * var(--unit)))}.is-effect-target:after{box-shadow:inset 0 0 0 calc(3 * var(--unit)) var(--parchment)}.run-stat{cursor:help}.run-tally .run-stat-icon{width:calc(26 * var(--unit));height:calc(26 * var(--unit));background-color:var(--steel);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;display:inline-block}.run-tally .run-stat-icon.is-victories{background-color:var(--tan)}.run-tally .run-stat-icon.is-lives{background-color:var(--rose)}.run-tally .run-stat-icon.is-fame{background-color:var(--sky)}.run-tally .run-stat-icon.is-prosperity{background-color:var(--ochre)}.run-tally .run-stat-icon.is-income{background-color:var(--leaf)}.map-popup.header-popup{width:min-content;min-width:calc(340 * var(--unit))}.header-popup-text{color:var(--parchment);margin:0;line-height:1.3}.standing-table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}.standing-table th,.standing-table td{padding:calc(3 * var(--unit)) calc(10 * var(--unit));text-align:right;font-weight:500}.standing-table tbody th{text-align:left;color:var(--steel);font-family:var(--font-ui-caps)}.standing-table thead th{color:var(--rarity,var(--parchment));font-family:var(--font-ui-caps);border-bottom:calc(2 * var(--unit)) solid var(--indigo)}.standing-table thead th:first-child{text-align:left}.standing-table td{color:var(--bone)}.standing-table tr.is-current{background:var(--indigo)}.standing-table tr.is-current th,.standing-table tr.is-current td{color:var(--gold)}.hint-layer{z-index:90;pointer-events:none;position:absolute;inset:0}.hint-bubble{gap:calc(12 * var(--unit));padding:calc(14 * var(--unit)) calc(16 * var(--unit));background:var(--plum);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--tan), calc(4 * var(--unit)) calc(4 * var(--unit)) 0 var(--ink);pointer-events:auto;display:grid;position:absolute}.hint-bubble:before{content:"";left:calc(var(--arrow-left) - 10 * var(--unit));border:calc(10 * var(--unit)) solid transparent;position:absolute}.hint-bubble.is-below:before{border-bottom-color:var(--tan);bottom:100%}.hint-bubble.is-above:before{border-top-color:var(--tan);top:100%}.hint-text{font-size:calc(19 * var(--unit));color:var(--parchment);margin:0;line-height:1.35}.hint-actions{justify-content:flex-end;gap:calc(10 * var(--unit));display:flex}.hint-skip{margin-right:auto}[data-hint-active]{outline:calc(3 * var(--unit)) solid var(--tan);outline-offset:calc(4 * var(--unit));animation:1.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{outline-color:#0000}}.run-tally .run-gold{color:var(--gold)}.run-tally .run-gold-label{color:var(--gold);display:flex}.run-tally .run-gold-label .gold-icon{width:calc(26 * var(--unit));height:calc(26 * var(--unit))}.run-gold{position:relative}.run-tally .run-gold.is-previewing{color:var(--parchment)}.run-gold-delta{left:calc(100% + calc(3 * var(--unit)));top:calc(-7 * var(--unit));font-size:calc(14 * var(--unit));white-space:nowrap;line-height:1;position:absolute}.run-gold-delta.is-spend{color:var(--rose)}.run-gold-delta.is-gain{color:var(--lime)}.city-panel{gap:calc(14 * var(--unit));min-height:0;padding:calc(26 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit));grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;display:grid}.city-backdrop{position:relative}.city-backdrop-map{gap:calc(14 * var(--unit));pointer-events:none;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.city-backdrop-map .city-map-layers,.city-backdrop-map .city-actions{opacity:.5}.city-backdrop-veil{background:var(--night-deep);opacity:.5;position:absolute;inset:0}.city-backdrop.is-dawn .city-backdrop-sheet{align-items:center}.city-backdrop.is-dawn .city-backdrop-veil{opacity:.7;animation:1.6s ease-out backwards dawn-veil}.city-backdrop.is-dawn .city-map-layers,.city-backdrop.is-dawn .city-actions{transition:opacity .9s ease-in-out}.city-backdrop.is-dawn .city-backdrop-sheet>.panel{animation:.6s ease-out .5s backwards dawn-sheet}.city-backdrop.is-revealing .city-backdrop-veil{animation:.9s ease-in-out forwards dawn-veil-reveal}.city-backdrop.is-revealing .city-backdrop-sheet>.panel{animation:.4s ease-in forwards dawn-sheet-reveal}.city-backdrop.is-revealing .city-map-layers,.city-backdrop.is-revealing .city-actions{opacity:1}.day-start-panel{justify-items:center;gap:calc(14 * var(--unit));padding:calc(34 * var(--unit)) calc(28 * var(--unit)) calc(22 * var(--unit));text-align:center;display:grid}.day-start-title{font-size:calc(46 * var(--unit));margin:0;line-height:1}.day-start-arena{font-family:var(--font-book);font-style:italic;font-size:calc(21 * var(--unit));color:var(--parchment);margin:0}.day-start-arena.is-lost{color:var(--blood)}.day-start-gains{gap:calc(18 * var(--unit));color:var(--gold);margin:0;padding:0;list-style:none;display:flex}@keyframes dawn-veil{0%{opacity:1}}@keyframes dawn-sheet{0%{opacity:0;transform:translateY(calc(16 * var(--unit)))}}@keyframes dawn-veil-reveal{to{opacity:0}}@keyframes dawn-sheet-reveal{to{opacity:0;transform:translateY(calc(-16 * var(--unit)))}}@media (prefers-reduced-motion:reduce){.city-backdrop.is-dawn .city-backdrop-veil,.city-backdrop.is-dawn .city-backdrop-sheet>.panel{animation:none}}.city-backdrop-sheet{inset:calc(72 * var(--unit)) calc(36 * var(--unit)) calc(36 * var(--unit));pointer-events:none;place-items:start center;display:grid;position:absolute}.city-backdrop-sheet>.panel{width:min(100%, calc(760 * var(--unit)));pointer-events:auto;max-height:100%}.city-map{--map-ground:#eec39a;--map-line:#222034;--map-lot:#eec39a;--map-hatch:#3f3f74;--map-selectable:#ac3232;--map-wall:#222034;--map-wall-core:#222034;--map-label:#222034;--map-halo:#eec39a;--map-water:#e3b88f;--poi-shop:#df7126;--poi-fight:#ac3232;--poi-event:#3f3f74;background:var(--map-ground);border:var(--border-carved);min-height:0;position:relative;overflow:hidden}.city-map-layers,.city-map-layers>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.city-map-overlay{will-change:transform}.map-ground{fill:var(--map-ground)}.map-pattern-ground{fill:var(--map-lot)}.map-pattern-line{stroke:var(--map-hatch);stroke-width:2.4px}.map-pattern-selectable{stroke:var(--map-selectable);stroke-width:2.6px}.map-pattern-shop{stroke:var(--poi-shop);stroke-width:3px}.map-pattern-fight{stroke:var(--poi-fight);stroke-width:3px}.map-pattern-event{stroke:var(--poi-event);stroke-width:3px}.map-river-bank{fill:none;stroke:var(--map-line);stroke-width:128px;stroke-linejoin:round}.map-river{fill:none;stroke:var(--map-water);stroke-width:121px;stroke-linejoin:round}.map-river-current{fill:none;stroke:var(--map-line);stroke-width:2px;stroke-linejoin:round;opacity:.7}.map-bridge{fill:var(--map-ground)}.map-bridge-rail{stroke:var(--map-line);stroke-width:4px}.map-lot{fill:url(#map-hatch);stroke:var(--map-line);stroke-width:2.6px;stroke-linejoin:round}.map-lot.is-yard{fill:var(--map-lot)}.map-district{transition:opacity .6s}.is-city .map-district.is-selectable .map-lot:not(.is-yard){fill:url(#map-hatch-selectable)}.is-city .map-district.is-named:not(.is-selectable){opacity:.55}.is-city .map-district.is-anonymous,.is-district .map-district:not(.is-focus){opacity:.3}.map-district-hit{fill:#0000;stroke:none;cursor:pointer}.map-district-hit:hover{stroke:var(--map-selectable);stroke-width:8px;stroke-dasharray:24 12}.map-walls{pointer-events:none;transition:opacity .6s}.is-district .map-walls{opacity:.45}.map-wall{fill:none;stroke:var(--map-wall);stroke-width:18px;stroke-linejoin:round}.map-wall-core{fill:none;stroke:var(--map-wall-core);stroke-width:3px;stroke-linejoin:round}.map-tower,.map-gate{fill:var(--map-wall);stroke:var(--map-wall-core);stroke-width:3px}.map-arena-outer{fill:url(#map-hatch-arena);stroke:var(--map-line);stroke-width:6px}.map-arena-hit{fill:#0000}.map-arena-hit.is-active{cursor:pointer}.map-arena-hit.is-active:hover{stroke:var(--map-selectable);stroke-width:10px;stroke-dasharray:24 12}.map-arena-tier{fill:none;stroke:var(--map-line);stroke-width:2.5px}.map-arena-ray{stroke:var(--map-line);stroke-width:3px}.map-arena-sand{fill:var(--map-ground);stroke:var(--map-line);stroke-width:5px}.map-label{font-family:var(--font-carved);fill:var(--map-label);stroke:var(--map-halo);stroke-width:12px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;pointer-events:none;font-size:84px}.map-label.is-arena{font-size:56px}.map-labels{pointer-events:none;transition:opacity .4s}.is-district .map-labels{opacity:0}.map-emblem{border:4px solid var(--ink);box-sizing:border-box;width:100%;height:100%}.map-poi-lot{stroke:var(--map-line);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.map-poi-lot.is-shop{fill:url(#map-hatch-shop)}.map-poi-lot.is-fight{fill:url(#map-hatch-fight)}.map-poi-lot.is-event{fill:url(#map-hatch-event)}.map-poi{cursor:pointer}.map-poi.is-shop{color:var(--poi-shop)}.map-poi.is-fight{color:var(--poi-fight)}.map-poi.is-event{color:var(--poi-event)}.map-poi-ring{fill:var(--ink);stroke:currentColor;stroke-width:5px}.map-poi:hover .map-poi-ring{stroke-width:8px}.map-poi.is-shut{cursor:default;opacity:.5}.map-poi.is-shut .map-poi-ring{stroke:var(--iron)}.map-poi-pulse{fill:none;stroke:var(--map-selectable);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite map-poi-pulse}.map-poi.is-shut .map-poi-pulse{display:none}.map-poi-glyph{width:100%;height:100%;-webkit-mask:var(--poi-glyph) center / 62% no-repeat;mask:var(--poi-glyph) center / 62% no-repeat;background-color:currentColor;place-items:center;display:grid}.map-poi-glyph.is-shop{--poi-glyph:url(/icons/ui/gold.svg)}.map-poi-glyph.is-event{font-family:var(--font-carved);color:currentColor;background:0 0;font-size:40px;line-height:1;-webkit-mask:none;mask:none}.map-poi-window{font-family:var(--font-ui);fill:var(--map-line);stroke:var(--map-ground);stroke-width:5px;paint-order:stroke;text-anchor:middle;font-size:22px}.map-poi-badge{fill:var(--parchment);stroke:var(--ink);stroke-width:3px}.map-poi-badge-tick{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}@keyframes map-poi-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.map-poi-pulse{opacity:.6;animation:none}}.map-popup{width:calc(340 * var(--unit));gap:calc(10 * var(--unit));padding:calc(26 * var(--unit)) calc(16 * var(--unit)) calc(14 * var(--unit));background:var(--night);border:var(--border-carved);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--indigo), var(--shadow-carved);color:var(--bone);font-family:var(--font-ui);font-size:calc(17 * var(--unit));display:grid;position:relative}.map-popup-line,.map-popup-text{margin:0}.map-popup-rarity{color:var(--rarity);font-family:var(--font-ui-caps);justify-self:start}.map-popup-line.is-muted{color:var(--steel)}.map-popup-text{font-family:var(--font-book);color:var(--parchment);font-style:italic;line-height:1.3}.map-popup-guilds,.map-popup-guild-names{gap:calc(8 * var(--unit)) calc(14 * var(--unit));flex-wrap:wrap;display:flex}.map-popup-guild-name{align-items:center;gap:calc(8 * var(--unit));display:inline-flex}.map-popup-emblem{width:calc(30 * var(--unit));height:calc(30 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink)}.map-popup-meta{gap:calc(18 * var(--unit));display:flex}.map-popup-meta span{align-items:center;gap:calc(5 * var(--unit));display:inline-flex}.map-popup-meta .keyword-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.map-popup-fighter{align-items:center;gap:calc(14 * var(--unit));display:flex}.map-popup-grid{grid-template-columns:repeat(3, calc(42 * var(--unit)));gap:calc(4 * var(--unit));display:grid}.map-popup-cell{width:calc(42 * var(--unit));height:calc(42 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(4 * var(--unit));background:var(--night-deep);color:var(--steel);font-family:var(--font-carved);font-size:calc(22 * var(--unit));place-items:center;display:grid;position:relative}.map-popup-cell.is-locked{background:repeating-linear-gradient(135deg, var(--iron) 0 2px, transparent 2px 6px)}.map-popup-portrait{width:calc(64 * var(--unit));height:calc(64 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink)}.city-actions{align-items:center;gap:calc(18 * var(--unit));display:flex}.day-timeline{align-items:center;gap:calc(16 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit)) calc(26 * var(--unit));flex:1;display:flex}.day-timeline-track{height:calc(22 * var(--unit));background:var(--night-deep);border:calc(2 * var(--unit)) solid var(--ink);flex:1;position:relative}.day-timeline-spent{background:repeating-linear-gradient(135deg, var(--tan) 0 3px, transparent 3px 8px);opacity:.55;position:absolute;inset:0 auto 0 0}.day-timeline-tick{top:calc(-2 * var(--unit));left:var(--at);width:calc(2 * var(--unit));height:calc(22 * var(--unit));background:var(--iron);position:absolute}.day-timeline-hour{top:calc(26 * var(--unit));font-family:var(--font-ui);font-size:calc(15 * var(--unit));color:var(--steel);position:absolute;left:50%;transform:translate(-50%)}.day-timeline-window{top:calc(-6 * var(--unit));bottom:calc(-6 * var(--unit));border:calc(3 * var(--unit)) solid var(--tan);position:absolute}.day-timeline-duration{top:calc(3 * var(--unit));bottom:calc(3 * var(--unit));background:var(--gold);opacity:.8;position:absolute}.day-timeline-now{top:calc(-10 * var(--unit));bottom:calc(-10 * var(--unit));width:calc(4 * var(--unit));background:var(--gold);box-shadow:calc(2 * var(--unit)) calc(2 * var(--unit)) 0 var(--ink);position:absolute;transform:translate(-50%)}.day-timeline-arena{width:calc(48 * var(--unit));height:calc(48 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);font-family:var(--font-carved);font-size:calc(30 * var(--unit));background:var(--plum);color:var(--parchment);border-radius:50%;flex:none;place-items:center;display:grid}