.combat-hud{flex-direction:column;align-items:center;gap:.5rem;margin-top:4.5rem;display:flex}.class-picker{pointer-events:auto;background:#000000b3;border-radius:6px;gap:.25rem;padding:.25rem;display:flex}.class-picker button{background:var(--surface);color:var(--text);padding:.25rem .75rem}.class-picker button[aria-pressed=true]{background:var(--accent);color:#0b1220}.class-hit-readout{white-space:pre-wrap;word-break:break-all;pointer-events:none;background:#000000b3;border-radius:6px;max-width:20rem;margin:0;padding:.5rem;font-size:.75rem}.hero-level{background:#000000b3;border-radius:6px;gap:.75rem;margin:0;padding:.25rem .75rem;font-size:.875rem;display:flex}.hero-level-number{font-weight:600}.level-up-flourish{border:2px solid var(--focus);color:var(--focus);background:#000000bf;border-radius:6px;margin:0 0 12rem;padding:.5rem 1.5rem;font-size:1.75rem;font-weight:700}.level-up-flourish:empty{background:0 0;border:none;padding:0}.death-view{background:var(--danger-bg);color:var(--danger-text);text-align:center;border-radius:6px;padding:.75rem 1.5rem;position:absolute;top:30%;left:50%;transform:translate(-50%)}.death-view p{margin:0}.death-view-killer{font-size:1.5rem;font-weight:600}.ability-dock{width:calc(50cqw / var(--hud-zoom) - 50% - 3rem);position:absolute;bottom:0;left:calc(100% + 2.5rem);container-type:inline-size}.ability-bar{background:#000000bf;border-radius:6px;flex-direction:column;align-items:center;gap:.375rem;width:max-content;max-width:100%;padding:.5rem;display:flex}.ability-tiles{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ability-tile{border:2px solid var(--muted);background:var(--surface);min-width:7.5rem;color:var(--text);border-radius:6px;grid-template-columns:auto 1fr;grid-template-areas:"key name""key cost""status status";column-gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:grid;position:relative}.ability-key{background:var(--bg);border-radius:4px;grid-area:key;align-self:center;padding:.125rem .5rem;font-family:inherit;font-size:1.125rem;font-weight:700}.ability-name{white-space:nowrap;grid-area:name;font-weight:600}.ability-cost{color:var(--muted);white-space:nowrap;grid-area:cost;font-size:.75rem}.ability-status{text-align:center;grid-area:status;margin-top:.25rem;font-weight:700}@container (width<=18rem){.ability-tile{grid-template-areas:"key status";column-gap:.375rem;min-width:0;padding:.25rem .375rem}.ability-name,.ability-cost{display:none}.ability-status{align-self:center;margin-top:0}}.ability-tile[data-state=ready]{border-color:var(--ready)}.ability-tile[data-state=ready] .ability-status{color:var(--ready)}.ability-tile[data-state=cooldown]{--elapsed:color-mix(in srgb, var(--muted) 25%, var(--surface));background:conic-gradient(var(--elapsed) calc(var(--fill) * 1turn), var(--bg) 0)}.ability-tile[data-state=cooldown] .ability-status{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.125rem}.ability-tile[data-state=no-mana]{border-color:var(--accent)}.ability-tile[data-state=no-mana] .ability-status{color:var(--accent)}.ability-tile[data-state=dead]{border-color:var(--danger-text)}.ability-tile[data-state=dead] .ability-status{color:var(--danger-text)}.mana-meter{align-items:center;gap:.5rem;width:100%;font-size:.75rem;display:flex}.mana-meter-track{background:var(--surface);border-radius:4px;flex:1;height:.5rem;overflow:hidden}.mana-meter-fill{background:var(--accent);height:100%}.mana-meter-text{text-align:right;font-variant-numeric:tabular-nums;min-width:4.5rem}.charge-meter{border:1px solid var(--text);background:#000000bf;border-radius:4px;width:6rem;height:.5rem;position:absolute;top:calc(50% + 1.5rem);left:50%;overflow:hidden;transform:translate(-50%)}.charge-meter-fill{background:var(--focus);height:100%}.ready-pulse,.refusal-flash{pointer-events:none;opacity:0;border-radius:6px;position:absolute;inset:0}.ready-pulse{border:3px solid var(--ready);animation:.5s ease-out ready-pulse}.refusal-flash{border:3px solid var(--danger-text);animation:.4s ease-out refusal-flash}@keyframes ready-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes refusal-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ready-pulse{animation-name:refusal-flash}}.refusal-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.economy-lives,.economy-income,.economy-armband{background:#000000b3;border-radius:6px;margin:0;padding:.5rem .75rem}.economy-lives,.economy-income{font-weight:600}.economy-armband{pointer-events:auto;border:2px solid var(--muted)}.hud-bottom>.economy-armband{width:max-content;max-width:calc(100cqw / var(--hud-zoom) - 1rem);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.economy-armband-title{margin:0 0 .5rem;font-size:1rem}.economy-armband-tiers{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.economy-armband-note,.economy-armband-rejection{margin:.25rem 0 0;font-size:.875rem}.economy-armband-note{color:var(--muted)}.economy-armband-rejection{color:var(--danger-text)}.economy-bounty{color:var(--focus);margin:0;font-weight:700}.economy-bounty:not(:empty){background:#000000b3;border-radius:6px;padding:.25rem .75rem}.economy-creep-hit{color:var(--danger-text);margin:0;font-weight:700}.economy-creep-hit:not(:empty){background:#000000b3;border-radius:6px;padding:.25rem .75rem}.economy-match-state{color:var(--focus);margin:0;font-weight:700}.economy-match-state:not(:empty){background:#000000b3;border-radius:6px;padding:.25rem .75rem}.items-prompt{white-space:nowrap;background:#000000b3;border-radius:6px;margin:4rem 0 0;padding:.5rem .75rem}.hud-region:has(.items-shop){z-index:1}.items-shop{width:min(28rem, calc(100cqw / var(--hud-zoom) - 2rem));max-height:calc(100cqh / var(--hud-zoom) - 15.5rem);border:1px solid var(--muted);background:var(--surface);color:var(--text);pointer-events:auto;border-radius:6px;flex-direction:column;margin-bottom:11rem;padding:1rem;display:flex}.items-shop-title{margin:0;font-size:1.25rem}.items-shop-gold{color:var(--muted);margin:.25rem 0 .5rem}.items-shop-paths{gap:.25rem;margin-bottom:.75rem;display:grid}.items-shop-path-toggles{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.items-shop-path-label{margin-right:.25rem;font-size:.875rem}.items-shop-path-toggles button{border:1px solid var(--muted);min-height:2.75rem;color:var(--text);background:0 0;padding:.25rem .625rem}.items-shop-path-toggles button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#0b1220}.items-shop-badge{border:1px solid var(--focus);color:var(--focus);border-radius:4px;margin-left:.5rem;padding:0 .375rem;font-size:.75rem;font-weight:600}.items-shop-scroll{min-height:0;margin:0 -.25rem;padding:.25rem;scroll-padding-block:.5rem;overflow-y:auto}.items-shop-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.items-shop-item{grid-template-columns:1fr auto auto;grid-template-areas:"name cost buy""effect cost buy""recipe recipe buy";align-items:center;column-gap:.75rem;display:grid}.items-shop-name{grid-area:name;align-items:center;gap:.5rem;font-weight:600;display:flex}.items-shop-name svg{flex:none;width:1.75rem;height:1.75rem}.items-shop-effect{color:var(--muted);grid-area:effect;font-size:.875rem}.items-shop-cost{grid-area:cost}.items-shop-recipe{grid-area:recipe;margin-top:.25rem;font-size:.8125rem;position:relative}.items-shop-parts{flex-wrap:wrap;gap:.25rem;display:flex}.items-shop-part{border:1px solid var(--muted);color:var(--text);border-radius:4px;padding:0 .375rem}.items-shop-part-of{color:var(--muted)}.items-shop-recipe-summary{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.items-shop-subtitle{margin:1rem 0 .5rem;font-size:1rem}.items-shop-empty{color:var(--muted);margin:0}.items-shop-sell{grid-template-columns:1fr auto;grid-template-areas:"name buy""effect buy"}.items-shop-item button{grid-area:buy;min-width:4.5rem;min-height:2.75rem}.items-shop-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.items-shop-footer button{min-height:2.75rem}.items-rejection{border-left:3px solid var(--danger-text);background:var(--danger-bg);color:var(--danger-text);margin:.75rem 0;padding:.5rem}.items-rejection:empty{border:none;margin:0;padding:0}.items-hotbar{flex-direction:column;align-items:center;gap:.25rem;display:flex}.items-hotbar .items-rejection{margin:0}.items-hotbar:has(.items-rejection:empty){gap:0}.items-hotbar-slots{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.items-hotbar-slot{background:#000000b3;border-radius:6px;flex-direction:column;align-items:center;min-width:4.5rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.items-hotbar-slot kbd{color:var(--focus);font-weight:600}.items-hotbar-slot:has(.items-hotbar-icon){grid-template-columns:1fr auto 1fr;grid-template-areas:"key icon charges""name name name";align-items:center;column-gap:.25rem;padding-block:.125rem;display:grid}.items-hotbar-slot:has(.items-hotbar-icon)>kbd{grid-area:key;justify-self:end}.items-hotbar-slot:has(.items-hotbar-icon)>:not(kbd,.items-hotbar-icon,.items-hotbar-charges){grid-area:name}.items-hotbar-slot:has(.items-hotbar-icon)>.items-hotbar-charges{grid-area:charges;justify-self:start}.items-hotbar-icon{background:var(--surface);border-radius:4px;grid-area:icon;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.items-hotbar-icon svg{width:1.5rem;height:1.5rem}.items-hotbar-charges,.items-hotbar-empty{color:var(--muted)}.items-stats{background:#000000b3;border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.items-stats-list{gap:.125rem;margin:0;display:grid}.items-stats-row{justify-content:space-between;gap:1rem;display:flex}.items-stats-row dt{color:var(--muted)}.items-stats-row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.match-notices{top:calc(50% - 50cqh / var(--hud-zoom) + 5rem);left:calc(50% + 50cqw / var(--hud-zoom) - .5rem);width:max-content;max-width:calc(25cqw / var(--hud-zoom) - 1rem);flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;transform:translate(-100%)}.reconnect-status,.presence-notice{text-align:center;margin:0;font-weight:700}.reconnect-status{color:var(--focus);font-size:1.25rem}.presence-notice{color:var(--text)}.reconnect-status:not(:empty),.presence-notice:not(:empty){background:#000000bf;border-radius:6px;padding:.25rem .75rem}.teleport-announcement,.teleport-warning{text-align:center;margin:0;font-weight:700}.teleport-announcement{color:var(--focus)}.teleport-warning{color:var(--danger-text);font-size:1.25rem}.teleport-announcement:not(:empty){background:#000000bf;border-radius:6px;padding:.25rem .75rem}.teleport-warning:not(:empty){border:2px solid var(--danger-text);background:var(--danger-bg);border-radius:6px;padding:.5rem 1rem}.teleport-tile{bottom:calc(100% + .5rem);left:calc(50% - 50cqw / var(--hud-zoom) + .5rem);border:2px solid var(--muted);background:var(--surface);width:max-content;color:var(--text);border-radius:6px;grid-template-columns:auto 1fr;grid-template-areas:"key name""key status";column-gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:grid;position:absolute}.hud-bottom:has(.economy-armband) .teleport-tile{bottom:calc(100% + 7.5rem)}.teleport-key{background:var(--bg);border-radius:4px;grid-area:key;align-self:center;padding:.125rem .5rem;font-family:inherit;font-size:1.125rem;font-weight:700}.teleport-name{white-space:nowrap;grid-area:name;font-weight:600}.teleport-status{white-space:nowrap;grid-area:status;font-weight:700}.teleport-tile[data-state=ready]{border-color:var(--focus)}.teleport-tile[data-state=ready] .teleport-status{color:var(--focus)}.teleport-tile[data-state=locked] .teleport-status,.teleport-tile[data-state=cooldown] .teleport-status{color:var(--muted)}.teleport-tile[data-state=dead]{border-color:var(--danger-text)}.teleport-tile[data-state=dead] .teleport-status{color:var(--danger-text)}.minimap{bottom:calc(100% + 4.25rem);left:calc(50% - 50cqw / var(--hud-zoom) + .5rem);height:min(24cqh / var(--hud-zoom), 50cqh / var(--hud-zoom) - 10.5rem - 100%);max-width:calc(30cqw / var(--hud-zoom));background:var(--bg);border:2px solid var(--muted);pointer-events:none;border-radius:6px;position:absolute}.hud-bottom:has(.economy-armband) .minimap{height:min(17cqh / var(--hud-zoom), 100% + 7rem);bottom:0}.minimap-svg{width:100%;height:100%;display:block}.minimap-svg *{vector-effect:non-scaling-stroke}.minimap-lane{fill:var(--surface);stroke-width:2px}.minimap-teleport-zone{fill:none;stroke:var(--team-enemy);stroke-width:1px;stroke-dasharray:4 3}.minimap-shop{fill:none;stroke-width:2px}.minimap-ally{stroke:var(--team-ally)}.minimap-enemy{stroke:var(--team-enemy)}.minimap-divider{stroke:var(--muted);stroke-width:1px}circle.minimap-ring{fill:none;stroke-width:2px}.minimap-markers{position:absolute;inset:0}.minimap-marker{scale:max(1, calc(1.005 / var(--hud-zoom)));width:18px;height:18px;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.minimap-marker polygon,.minimap-marker circle{vector-effect:non-scaling-stroke;stroke-width:2px}.minimap-marker[data-kind=self]{width:22px;height:22px}.minimap-self{fill:var(--text);stroke:var(--team-ally)}.minimap-marker .minimap-ally{fill:var(--team-ally)}.minimap-marker .minimap-fallen{fill:none}.minimap-heading{fill:var(--team-ally);stroke:none}.minimap-marker[data-kind=enemy]{width:24px;height:24px}.minimap-marker[data-kind=enemy] .minimap-heading{fill:var(--team-enemy)}.minimap-foe{fill:var(--team-enemy);stroke:var(--bg)}.minimap-foe-outline{fill:none;stroke:var(--team-enemy);transform:scale(1.25)}.minimap-ping{width:36px;height:36px}.minimap-ping-core{fill:var(--team-enemy);stroke:var(--bg)}.minimap-ping-ring{fill:none;stroke:var(--team-enemy);stroke-width:3px}.minimap-ping-pulse{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-out infinite minimap-ping-pulse}@keyframes minimap-ping-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:.3;transform:scale(1)}}.minimap-mob{fill:var(--team-ally);stroke:var(--bg)}.minimap-mob-own{fill:var(--team-enemy)}.minimap-danger-ring{fill:none;stroke:var(--team-enemy)}.minimap-danger-pulse{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate minimap-danger-pulse}@keyframes minimap-danger-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(1.3)}}.minimap-summary{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.full-map{pointer-events:none;position:absolute;inset:0}.full-map[data-mode=teleport] .full-map-frame{pointer-events:auto;cursor:crosshair;height:calc(40cqh / var(--hud-zoom))}.teleport-map-mark{pointer-events:none;border:3px solid var(--focus);width:18px;height:18px;transform:translate(-50%,-50%);scale:max(1, calc(1.005 / var(--hud-zoom)));border-radius:50% 50% 0;position:absolute}.teleport-map-mark.is-invalid{border:3px dashed var(--danger-text);background-color:var(--bg);background-image:repeating-linear-gradient(45deg, var(--danger-text) 0 1.5px, transparent 1.5px 4px);border-radius:0;transform:translate(-50%,-50%)rotate(45deg)}.full-map[data-flashes=true] .teleport-map-mark{animation:.9s ease-in-out infinite alternate teleport-map-hover}@keyframes teleport-map-hover{to{scale:max(1, calc(1.005 / var(--hud-zoom))) 1.15}}.teleport-map-status{top:calc(76cqh / var(--hud-zoom));color:var(--text);background:var(--bg);margin:0;padding:.25rem .75rem;position:absolute;left:50%;transform:translate(-50%)}.full-map-frame{top:calc(34cqh / var(--hud-zoom));height:calc(47cqh / var(--hud-zoom));max-width:calc(90cqw / var(--hud-zoom));background:var(--bg);border:2px solid var(--muted);border-radius:6px;position:absolute;left:50%;transform:translate(-50%)}.full-map-prompt{white-space:nowrap;background:var(--bg);border:1px solid var(--muted);border-radius:6px;margin:0 0 0 .5rem;padding:.25rem .75rem;position:absolute;top:0;left:100%}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--radius-xs:.125rem;--radius-sm:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-abyss:#0d1220;--color-panel:#241c14;--color-panel-raised:#352a1e;--color-panel-edge:#120d08;--color-parchment:#f2e7cd;--color-parchment-muted:#bfae8c;--color-ink:#1f1608;--color-gold-100:#fff2c4;--color-gold-300:#f4cd5c;--color-gold-500:#d69d2b;--color-gold-700:#8c6116;--color-gold-900:#4a320c;--color-focus:#ffd65a;--color-blood-300:#ff9b8a;--color-blood-500:#b3242b;--color-blood-700:#6e1217;--color-arcane-300:#8fbaff;--color-arcane-500:#2457b8;--color-arcane-700:#142f66;--color-verdant-300:#9fe08a;--color-verdant-500:#2f7f2a;--color-verdant-700:#174514;--color-ember-300:#ffc078;--color-ember-700:#6b3a0c;--color-amethyst-500:#7442b8;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--animate-shimmer:shimmer 1.4s ease-in-out infinite}}@layer base{*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input{font:inherit;border-radius:6px;padding:.5rem .75rem}input{border:1px solid var(--muted);background:var(--surface);color:var(--text)}button{background:var(--accent);color:#0b1220;cursor:pointer;border:0 solid;font-weight:600}button:disabled{color:var(--muted);cursor:not-allowed;background:#3a4350}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.z-3{z-index:3}.z-4{z-index:4}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.mt-2{margin-top:calc(var(--spacing) * 2)}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-11{height:calc(var(--spacing) * 11)}.h-\[min\(42rem\,calc\(100dvh-2rem\)\)\]{height:min(42rem,100dvh - 2rem)}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[min\(40rem\,calc\(100dvh-12rem\)\)\]{max-height:min(40rem,100dvh - 12rem)}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-dvh{min-height:100dvh}.w-12{width:calc(var(--spacing) * 12)}.w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{width:min(24rem,100vw - 2rem)}.w-\[min\(32rem\,calc\(100vw-2rem\)\)\]{width:min(32rem,100vw - 2rem)}.w-\[min\(44rem\,calc\(100vw-2rem\)\)\]{width:min(44rem,100vw - 2rem)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-shimmer{animation:var(--animate-shimmer)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-xs{border-top-left-radius:var(--radius-xs);border-top-right-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-arcane-500{border-color:var(--color-arcane-500)}.border-blood-500{border-color:var(--color-blood-500)}.border-blood-700{border-color:var(--color-blood-700)}.border-ember-300{border-color:var(--color-ember-300)}.border-gold-700{border-color:var(--color-gold-700)}.border-gold-900{border-color:var(--color-gold-900)}.border-transparent{border-color:#0000}.border-verdant-500{border-color:var(--color-verdant-500)}.bg-abyss{background-color:var(--color-abyss)}.bg-abyss\/80{background-color:#0d1220cc}@supports (color:color-mix(in lab, red, red)){.bg-abyss\/80{background-color:color-mix(in oklab, var(--color-abyss) 80%, transparent)}}.bg-amethyst-500{background-color:var(--color-amethyst-500)}.bg-arcane-500{background-color:var(--color-arcane-500)}.bg-arcane-700{background-color:var(--color-arcane-700)}.bg-blood-500{background-color:var(--color-blood-500)}.bg-blood-700{background-color:var(--color-blood-700)}.bg-ember-700{background-color:var(--color-ember-700)}.bg-gold-300{background-color:var(--color-gold-300)}.bg-gold-500{background-color:var(--color-gold-500)}.bg-panel{background-color:var(--color-panel)}.bg-panel-edge{background-color:var(--color-panel-edge)}.bg-panel-raised{background-color:var(--color-panel-raised)}.bg-parchment{background-color:var(--color-parchment)}.bg-parchment-muted{background-color:var(--color-parchment-muted)}.bg-transparent{background-color:#0000}.bg-verdant-700{background-color:var(--color-verdant-700)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-blood-500{--tw-gradient-from:var(--color-blood-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gold-300{--tw-gradient-from:var(--color-gold-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-panel-raised{--tw-gradient-from:var(--color-panel-raised);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-gold-500{--tw-gradient-via:var(--color-gold-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blood-700{--tw-gradient-to:var(--color-blood-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gold-500{--tw-gradient-to:var(--color-gold-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-panel{--tw-gradient-to:var(--color-panel);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-amethyst-500{fill:var(--color-amethyst-500)}.fill-arcane-300{fill:var(--color-arcane-300)}.fill-arcane-500{fill:var(--color-arcane-500)}.fill-arcane-700{fill:var(--color-arcane-700)}.fill-blood-300{fill:var(--color-blood-300)}.fill-blood-500{fill:var(--color-blood-500)}.fill-blood-700{fill:var(--color-blood-700)}.fill-current{fill:currentColor}.fill-ember-300{fill:var(--color-ember-300)}.fill-ember-700{fill:var(--color-ember-700)}.fill-gold-100{fill:var(--color-gold-100)}.fill-gold-300{fill:var(--color-gold-300)}.fill-gold-500{fill:var(--color-gold-500)}.fill-gold-700{fill:var(--color-gold-700)}.fill-panel{fill:var(--color-panel)}.fill-panel-raised{fill:var(--color-panel-raised)}.fill-parchment{fill:var(--color-parchment)}.fill-parchment-muted{fill:var(--color-parchment-muted)}.fill-verdant-300{fill:var(--color-verdant-300)}.fill-verdant-500{fill:var(--color-verdant-500)}.stroke-parchment{stroke:var(--color-parchment)}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-left{text-align:left}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-pre-wrap{white-space:pre-wrap}.text-blood-300{color:var(--color-blood-300)}.text-gold-300{color:var(--color-gold-300)}.text-ink{color:var(--color-ink)}.text-parchment{color:var(--color-parchment)}.text-parchment-muted{color:var(--color-parchment-muted)}.text-verdant-300{color:var(--color-verdant-300)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.accent-gold-500{accent-color:var(--color-gold-500)}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-bevel{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,var(--color-gold-100)), inset 0 -2px 0 var(--tw-shadow-color,#120d0873), 0 2px 0 var(--tw-shadow-color,var(--color-panel-edge))}@supports (color:color-mix(in lab, red, red)){.shadow-bevel{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,var(--color-gold-100)), inset 0 -2px 0 var(--tw-shadow-color,color-mix(in srgb, var(--color-panel-edge) 45%, transparent)), 0 2px 0 var(--tw-shadow-color,var(--color-panel-edge))}}.shadow-bevel{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-carved{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-panel-edge)), 0 10px 28px var(--tw-shadow-color,#0d1220cc), inset 0 0 0 1px var(--tw-shadow-color,var(--color-gold-900)), inset 0 2px 18px var(--tw-shadow-color,#120d08d9)}@supports (color:color-mix(in lab, red, red)){.shadow-carved{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-panel-edge)), 0 10px 28px var(--tw-shadow-color,color-mix(in srgb, var(--color-abyss) 80%, transparent)), inset 0 0 0 1px var(--tw-shadow-color,var(--color-gold-900)), inset 0 2px 18px var(--tw-shadow-color,color-mix(in srgb, var(--color-panel-edge) 85%, transparent))}}.shadow-carved{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-socket{--tw-shadow:inset 0 2px 8px var(--tw-shadow-color,var(--color-panel-edge)), 0 1px 0 var(--tw-shadow-color,#f4cd5c40)}@supports (color:color-mix(in lab, red, red)){.shadow-socket{--tw-shadow:inset 0 2px 8px var(--tw-shadow-color,var(--color-panel-edge)), 0 1px 0 var(--tw-shadow-color,color-mix(in srgb, var(--color-gold-300) 25%, transparent))}}.shadow-socket{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-75{--tw-grayscale:grayscale(75%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-gold-300:hover{border-color:var(--color-gold-300)}.hover\:text-gold-300:hover{color:var(--color-gold-300)}.hover\:text-parchment:hover{color:var(--color-parchment)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--color-focus)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-pressed:active{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,#120d08bf)}@supports (color:color-mix(in lab, red, red)){.active\:shadow-pressed:active{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,color-mix(in srgb, var(--color-panel-edge) 75%, transparent))}}.active\:shadow-pressed:active{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.enabled\:active\:translate-y-px:enabled:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.enabled\:active\:shadow-pressed:enabled:active{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,#120d08bf)}@supports (color:color-mix(in lab, red, red)){.enabled\:active\:shadow-pressed:enabled:active{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,color-mix(in srgb, var(--color-panel-edge) 75%, transparent))}}.enabled\:active\:shadow-pressed:enabled:active{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:saturate-50:disabled{--tw-saturate:saturate(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.aria-busy\:cursor-progress[aria-busy=true]{cursor:progress}.data-highlighted\:bg-gold-900[data-highlighted]{background-color:var(--color-gold-900)}.data-highlighted\:text-gold-100[data-highlighted]{color:var(--color-gold-100)}.data-\[state\=active\]\:border-gold-300[data-state=active]{border-color:var(--color-gold-300)}.data-\[state\=active\]\:text-gold-300[data-state=active]{color:var(--color-gold-300)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-gold-100[data-state=checked]{background-color:var(--color-gold-100)}.data-\[state\=checked\]\:bg-gold-700[data-state=checked]{background-color:var(--color-gold-700)}.data-\[state\=checked\]\:font-bold[data-state=checked]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161c;--surface:#1e2530;--text:#f2f4f7;--muted:#b8c0cc;--team-ally:#4da3ff;--team-enemy:#ffb4b4;--team-enemy-bg:#3a1d20;--ready:#ffd166;--accent:var(--team-ally);--danger-bg:var(--team-enemy-bg);--danger-text:var(--team-enemy);--focus:#ffd166;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.lobby{gap:1rem;max-width:32rem;margin:4rem auto;padding:0 1rem;display:grid}.lobby-row{grid-template-columns:8rem 1fr auto;align-items:center;gap:.5rem;display:grid}.hint,.status{color:var(--muted);margin:0}.status{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{background:var(--danger-bg);color:var(--danger-text);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.error p{margin:0}.match{position:fixed;inset:0}.match-bar{background:var(--surface);pointer-events:auto;border-radius:6px;padding:.5rem 1rem;position:absolute;top:.5rem;right:.5rem}.room-code{align-items:center;gap:.75rem;margin:0;display:flex}.room-code strong{letter-spacing:.2em;font-size:1.25rem}.viewport{position:absolute;inset:0;overflow:hidden}.hud-box{width:min(100%, calc(100vh * var(--hud-aspect)));pointer-events:none;margin-inline:auto;position:absolute;inset:0;container-type:size}.hud-box[data-hud-width=full]{width:100%}.hud-box>*{zoom:var(--hud-zoom)}.viewport canvas{display:block}.play-prompt{text-align:center;pointer-events:none;background:#000000b3;border-radius:6px;width:fit-content;max-width:calc(100% - 2rem);margin-block:0;margin-inline:auto;padding:.75rem 1rem;position:absolute;bottom:1rem;left:0;right:0}.debug-column{flex-direction:column;gap:.5rem;width:min(18rem,25% - 1rem);max-height:calc(50% - 4rem);display:flex;position:absolute;top:.5rem;left:.5rem;overflow:hidden}.netcode-dock{display:contents}.debug-readout,.netcode-readout{white-space:pre-wrap;word-break:break-all;background:#000000b3;border-radius:6px;min-height:0;margin:0;padding:.5rem;font-size:.75rem;overflow:hidden}.hud-box{--crosshair-colour:var(--text)}.hud-box[data-crosshair-colour=yellow]{--crosshair-colour:#ffe14d}.hud-box[data-crosshair-colour=green]{--crosshair-colour:#5cff7a}.hud-box[data-crosshair-colour=cyan]{--crosshair-colour:#4deaff}.hud-box[data-crosshair-colour=magenta]{--crosshair-colour:#ff5cf0}.crosshair{background:var(--crosshair-colour);pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #000}.hud-box[data-crosshair-style=circle] .crosshair{border:2px solid var(--crosshair-colour);background:0 0;width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.hud-box[data-crosshair-style=cross] .crosshair{width:0;height:0;box-shadow:none;background:0 0;margin:0}.hud-box[data-crosshair-style=cross] .crosshair:before,.hud-box[data-crosshair-style=cross] .crosshair:after{content:"";background:var(--crosshair-colour);position:absolute;box-shadow:0 0 0 1px #000}.hud-box[data-crosshair-style=cross] .crosshair:before{width:18px;height:2px;margin:-1px 0 0 -9px}.hud-box[data-crosshair-style=cross] .crosshair:after{width:2px;height:18px;margin:-9px 0 0 -1px}.hit-marker{letter-spacing:.1em;pointer-events:none;background:#000000b3;border-radius:4px;padding:.125rem .5rem;font-weight:700;animation:1s ease-in forwards hit-fade;position:absolute;top:calc(50% + 1rem);left:50%;transform:translate(-50%)}.hit-marker-head{color:var(--focus)}.hit-marker-body{color:var(--text)}@keyframes hit-fade{to{opacity:0}}.probe-label,.combat-readout,.cue-readout{pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:.5rem;font-size:.75rem}.combat-readout,.cue-readout{white-space:pre-wrap;word-break:break-all;min-height:0;overflow:hidden}.hud-region{pointer-events:none;gap:.5rem;display:flex;position:absolute}.hud-top{align-items:flex-start;top:.5rem;left:50%;transform:translate(-50%)}.hud-bottom{flex-wrap:wrap;justify-content:center;align-items:flex-end;width:fit-content;max-width:calc(100% - 1rem);margin-inline:auto;bottom:5rem;left:0;right:0}.hud-left,.hud-right{flex-direction:column;top:50%;transform:translateY(-50%)}.hud-left{left:.5rem}.hud-right{right:.5rem}.hud-center{top:50%;left:50%;transform:translate(-50%,-50%)}.hud-screen{z-index:1;inset:0}.dev-console{z-index:2;background:var(--bg);border:1px solid var(--muted);pointer-events:auto;border-radius:6px;gap:.5rem;width:min(40rem,100% - 1rem);padding:.75rem;display:grid;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.dev-console[hidden]{display:none}.dev-console-log{max-height:calc(40cqh / var(--hud-zoom));gap:.5rem;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:.875rem;list-style:none;display:grid;overflow-y:auto}.dev-console-empty,.dev-console-pending,.dev-console-line{color:var(--muted);margin:0}.dev-console-text{font:inherit;white-space:pre-wrap;word-break:break-word;margin:.25rem 0 0}.dev-console-entry[data-status=error] .dev-console-text{background:var(--danger-bg);color:var(--danger-text);border-left:3px solid var(--danger-text);border-radius:4px;padding:.25rem .5rem}.dev-console-form{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.dev-console .hint{font-size:.75rem}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes shimmer{0%,to{opacity:.45}50%{opacity:.9}}