:root{--color-surface-base: #0a0e14;--color-surface-raised: #121821;--color-surface-overlay: #1a2332;--color-surface-hover: #243044;--color-surface-selected: #2d3b54;--color-border-subtle: #1f2937;--color-border-default: #374151;--color-border-strong: #4b5563;--color-text-primary: #f3f4f6;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-text-inverse: #0a0e14;--color-accent: #60a5fa;--color-accent-dim: #3b82f6;--color-accent-bright: #93c5fd;--world-elibe-accent: #60a5fa;--world-elibe-accent-dim: #3b82f6;--world-elibe-accent-bright: #93c5fd;--world-magvel-accent: #fbbf24;--world-magvel-accent-dim: #f59e0b;--world-magvel-accent-bright: #fcd34d;--world-tellius-accent: #a78bfa;--world-tellius-accent-dim: #8b5cf6;--world-tellius-accent-bright: #c4b5fd;--color-team-player: #3b82f6;--color-team-ally: #22c55e;--color-team-enemy: #ef4444;--color-team-npc: #eab308;--color-team-boss: #a855f7;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #60a5fa;--color-sword: #dc2626;--color-lance: #2563eb;--color-axe: #16a34a;--color-bow: #ca8a04;--color-tome-fire: #ea580c;--color-tome-thunder: #facc15;--color-tome-wind: #22c55e;--color-tome-light: #fef3c7;--color-tome-dark: #7c3aed;--color-staff: #f9a8d4;--facet-base: transparent;--facet-era: rgba(96, 165, 250, .35);--facet-legendary: rgba(251, 191, 36, .45);--facet-brave: rgba(248, 113, 113, .4);--facet-fallen: rgba(124, 58, 237, .55);--facet-harmonized: rgba(244, 114, 182, .45);--facet-ascended: rgba(209, 213, 219, .45);--facet-seasonal: rgba(34, 197, 94, .35);--font-display: "Crimson Pro", "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .12em;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--elevation-flat: none;--elevation-card: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);--elevation-panel: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .4);--elevation-modal: 0 20px 40px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .5);--elevation-glow-accent: 0 0 16px rgba(96, 165, 250, .4);--elevation-glow-danger: 0 0 16px rgba(239, 68, 68, .4);--opacity-disabled: .4;--opacity-inactive: .6;--opacity-scrim: .7;--opacity-scrim-light: .4;--opacity-scrim-medium: .5;--opacity-scrim-heavy: .9;--z-base: 0;--z-grid: 10;--z-unit-sprite: 20;--z-action-menu: 30;--z-tooltip: 40;--z-toast: 50;--z-modal: 60;--z-dialogue: 70;--z-dialogue-banner: 71;--z-levelup: 80;--z-dev-overlay: 90;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--duration-instant: 0ms;--duration-xs: 80ms;--duration-sm: .18s;--duration-md: .28s;--duration-lg: .42s;--duration-xl: .6s;--duration-xxl: .9s}:root{--terrain-plain: #6b8a4a;--terrain-forest: #324a2c;--terrain-mountain: #5e5044;--terrain-water: #2c5a7a;--terrain-fort: #6e5040;--terrain-plain-hi: #7ea05a;--terrain-forest-hi: #4a6b3a;--terrain-mountain-hi: #7a6c5e;--terrain-water-hi: #4a82a8;--terrain-fort-hi: #8a6c52;--terrain-glyph-forest: #1f3320;--terrain-glyph-mountain: #3d3530;--terrain-glyph-fort: #4a3528;--terrain-glyph-water: #cfe7f5;--map-grid-line: rgba(0, 0, 0, .18);--map-tile-selected: rgba(96, 165, 250, .6);--map-tile-hover: rgba(255, 255, 255, .08);--range-move-player: color-mix(in srgb, var(--color-accent-dim) 32%, transparent);--range-attack-player: color-mix(in srgb, var(--color-danger) 32%, transparent);--range-move-enemy: color-mix(in srgb, #ef4444 24%, transparent);--range-attack-enemy: color-mix(in srgb, #b91c1c 38%, transparent);--unit-disc-player: var(--color-team-player);--unit-disc-ally: var(--color-team-ally);--unit-disc-enemy: var(--color-team-enemy)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface-base)}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}*{-webkit-tap-highlight-color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-\[calc\(var\(--space-lg\)_\+_var\(--safe-bottom\)\)\]{bottom:calc(var(--space-lg) + var(--safe-bottom))}.left-1\/2{left:50%}.left-\[calc\(var\(--space-lg\)_\+_var\(--safe-left\)\)\]{left:calc(var(--space-lg) + var(--safe-left))}.right-\[calc\(var\(--space-lg\)_\+_var\(--safe-right\)\)\]{right:calc(var(--space-lg) + var(--safe-right))}.top-0{top:0}.top-1\/2{top:50%}.top-\[calc\(var\(--space-lg\)_\+_var\(--safe-top\)\)\]{top:calc(var(--space-lg) + var(--safe-top))}.z-10{z-index:10}.z-\[var\(--z-action-menu\)\]{z-index:var(--z-action-menu)}.z-\[var\(--z-dialogue\)\]{z-index:var(--z-dialogue)}.z-\[var\(--z-dialogue-banner\)\]{z-index:var(--z-dialogue-banner)}.z-\[var\(--z-levelup\)\]{z-index:var(--z-levelup)}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip)}.order-last{order:9999}.-my-\[var\(--space-sm\)\]{margin-top:calc(var(--space-sm) * -1);margin-bottom:calc(var(--space-sm) * -1)}.mx-\[var\(--space-md\)\]{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-auto{margin-left:auto;margin-right:auto}.-mr-\[var\(--space-sm\)\]{margin-right:calc(var(--space-sm) * -1)}.mb-\[var\(--space-2xl\)\]{margin-bottom:var(--space-2xl)}.mb-\[var\(--space-lg\)\]{margin-bottom:var(--space-lg)}.mb-\[var\(--space-md\)\]{margin-bottom:var(--space-md)}.mb-\[var\(--space-sm\)\]{margin-bottom:var(--space-sm)}.mt-\[var\(--space-2xs\)\]{margin-top:var(--space-2xs)}.mt-\[var\(--space-md\)\]{margin-top:var(--space-md)}.mt-\[var\(--space-sm\)\]{margin-top:var(--space-sm)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-\[88\%\]{height:88%}.h-full{height:100%}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-9{min-height:2.25rem}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-40{width:10rem}.w-\[80\%\]{width:80%}.w-\[88\%\]{width:88%}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-var\(--space-lg\)\*2\)\]{width:calc(100% - var(--space-lg) * 2)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[240px\]{max-width:240px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[2\.8\]{--tw-scale-x: 2.8;--tw-scale-y: 2.8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in forwards}@keyframes spriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.animate-sprite-bob{animation:spriteBob 1.4s ease-in-out infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-\[var\(--space-2xl\)\]{gap:var(--space-2xl)}.gap-\[var\(--space-lg\)\]{gap:var(--space-lg)}.gap-\[var\(--space-md\)\]{gap:var(--space-md)}.gap-\[var\(--space-sm\)\]{gap:var(--space-sm)}.gap-\[var\(--space-xs\)\]{gap:var(--space-xs)}.gap-x-\[var\(--space-sm\)\]{-moz-column-gap:var(--space-sm);column-gap:var(--space-sm)}.gap-y-\[var\(--space-xs\)\]{row-gap:var(--space-xs)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-\[var\(--space-lg\)\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-lg) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-lg) * var(--tw-space-y-reverse))}.space-y-\[var\(--space-md\)\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-md) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-md) * var(--tw-space-y-reverse))}.space-y-\[var\(--space-sm\)\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-sm) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-sm) * var(--tw-space-y-reverse))}.space-y-\[var\(--space-xl\)\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-xl) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-xl) * var(--tw-space-y-reverse))}.space-y-\[var\(--space-xs\)\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-xs) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-xs) * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-t-\[var\(--radius-lg\)\]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-accent-dim\)\]{border-color:var(--color-accent-dim)}.border-\[var\(--color-border-default\)\]{border-color:var(--color-border-default)}.border-\[var\(--color-border-subtle\)\]{border-color:var(--color-border-subtle)}.border-border-default{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-b-\[var\(--color-accent\)\]{border-bottom-color:var(--color-accent)}.border-b-transparent{border-bottom-color:transparent}.bg-\[rgba\(0\,0\,0\,0\.6\)\]{background-color:#0009}.bg-\[rgba\(0\,0\,0\,0\.75\)\]{background-color:#000000bf}.bg-\[rgba\(0\,0\,0\,var\(--opacity-scrim\)\)\]{background-color:rgba(0,0,0,var(--opacity-scrim))}.bg-\[rgba\(0\,0\,0\,var\(--opacity-scrim-heavy\)\)\]{background-color:rgba(0,0,0,var(--opacity-scrim-heavy))}.bg-\[rgba\(0\,0\,0\,var\(--opacity-scrim-medium\)\)\]{background-color:rgba(0,0,0,var(--opacity-scrim-medium))}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-accent-dim\)\]{background-color:var(--color-accent-dim)}.bg-\[var\(--color-danger\)\]{background-color:var(--color-danger)}.bg-\[var\(--color-success\)\]{background-color:var(--color-success)}.bg-\[var\(--color-surface-base\)\]{background-color:var(--color-surface-base)}.bg-\[var\(--color-surface-hover\)\]{background-color:var(--color-surface-hover)}.bg-\[var\(--color-surface-overlay\)\]{background-color:var(--color-surface-overlay)}.bg-\[var\(--color-surface-raised\)\]{background-color:var(--color-surface-raised)}.bg-\[var\(--color-warning\)\]{background-color:var(--color-warning)}.bg-\[var\(--unit-disc-enemy\)\]{background-color:var(--unit-disc-enemy)}.bg-\[var\(--unit-disc-player\)\]{background-color:var(--unit-disc-player)}.bg-surface-base{--tw-bg-opacity: 1;background-color:rgb(10 14 20 / var(--tw-bg-opacity, 1))}.bg-surface-raised{--tw-bg-opacity: 1;background-color:rgb(18 24 33 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-\[var\(--space-lg\)\]{padding:var(--space-lg)}.p-\[var\(--space-md\)\]{padding:var(--space-md)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[var\(--space-2xl\)\]{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.px-\[var\(--space-lg\)\]{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-\[var\(--space-md\)\]{padding-left:var(--space-md);padding-right:var(--space-md)}.px-\[var\(--space-sm\)\]{padding-left:var(--space-sm);padding-right:var(--space-sm)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[var\(--space-2xs\)\]{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs)}.py-\[var\(--space-lg\)\]{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-\[var\(--space-md\)\]{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-\[var\(--space-sm\)\]{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-\[var\(--space-xs\)\]{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.pb-4{padding-bottom:1rem}.pb-\[calc\(var\(--space-lg\)_\+_var\(--safe-bottom\)\)\]{padding-bottom:calc(var(--space-lg) + var(--safe-bottom))}.pb-\[calc\(var\(--space-md\)_\+_var\(--safe-bottom\)\)\]{padding-bottom:calc(var(--space-md) + var(--safe-bottom))}.pb-\[var\(--space-md\)\]{padding-bottom:var(--space-md)}.pl-\[calc\(1rem_\+_var\(--safe-left\)\)\]{padding-left:calc(1rem + var(--safe-left))}.pl-\[calc\(var\(--space-lg\)_\+_var\(--safe-left\)\)\]{padding-left:calc(var(--space-lg) + var(--safe-left))}.pl-\[calc\(var\(--space-md\)_\+_var\(--safe-left\)\)\]{padding-left:calc(var(--space-md) + var(--safe-left))}.pl-\[var\(--safe-left\)\]{padding-left:var(--safe-left)}.pr-\[calc\(1rem_\+_var\(--safe-right\)\)\]{padding-right:calc(1rem + var(--safe-right))}.pr-\[calc\(var\(--space-lg\)_\+_var\(--safe-right\)\)\]{padding-right:calc(var(--space-lg) + var(--safe-right))}.pr-\[calc\(var\(--space-md\)_\+_var\(--safe-right\)\)\]{padding-right:calc(var(--space-md) + var(--safe-right))}.pr-\[var\(--safe-right\)\]{padding-right:var(--safe-right)}.pt-\[calc\(1rem_\+_var\(--safe-top\)\)\]{padding-top:calc(1rem + var(--safe-top))}.pt-\[calc\(var\(--space-lg\)_\+_var\(--safe-top\)\)\]{padding-top:calc(var(--space-lg) + var(--safe-top))}.pt-\[calc\(var\(--space-md\)_\+_var\(--safe-top\)\)\]{padding-top:calc(var(--space-md) + var(--safe-top))}.pt-\[var\(--space-md\)\]{padding-top:var(--space-md)}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[length\:var\(--text-xs\)\]{font-size:var(--text-xs)}.text-sm{font-size:.875rem;line-height:1.25rem}.font-\[var\(--font-weight-bold\)\]{font-weight:var(--font-weight-bold)}.font-\[var\(--font-weight-medium\)\]{font-weight:var(--font-weight-medium)}.font-\[var\(--font-weight-semibold\)\]{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.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)}.leading-\[var\(--leading-relaxed\)\]{line-height:var(--leading-relaxed)}.leading-none{line-height:1}.tracking-\[var\(--tracking-wide\)\]{letter-spacing:var(--tracking-wide)}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-danger\)\]{color:var(--color-danger)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-\[var\(--color-text-inverse\)\]{color:var(--color-text-inverse)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-\[var\(--color-warning\)\]{color:var(--color-warning)}.text-\[var\(--text-2xl\)\]{color:var(--text-2xl)}.text-\[var\(--text-2xs\)\]{color:var(--text-2xs)}.text-\[var\(--text-3xl\)\]{color:var(--text-3xl)}.text-\[var\(--text-4xl\)\]{color:var(--text-4xl)}.text-\[var\(--text-base\)\]{color:var(--text-base)}.text-\[var\(--text-lg\)\]{color:var(--text-lg)}.text-\[var\(--text-sm\)\]{color:var(--text-sm)}.text-\[var\(--text-xl\)\]{color:var(--text-xl)}.text-\[var\(--text-xs\)\]{color:var(--text-xs)}.text-text-primary{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\[var\(--opacity-disabled\)\]{opacity:var(--opacity-disabled)}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--elevation-card\)\]{--tw-shadow-color: var(--elevation-card);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--elevation-modal\)\]{--tw-shadow-color: var(--elevation-modal);--tw-shadow: var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--color-accent\)\]{--tw-ring-color: var(--color-accent)}.ring-\[var\(--color-border-subtle\)\]{--tw-ring-color: var(--color-border-subtle)}.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{--tw-grayscale: grayscale(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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-\[480ms\]{transition-duration:.48s}.duration-\[var\(--duration-sm\)\]{transition-duration:var(--duration-sm)}.duration-\[var\(--duration-xs\)\]{transition-duration:var(--duration-xs)}.hover\:bg-\[var\(--color-accent\)\]:hover{background-color:var(--color-accent)}.hover\:bg-\[var\(--color-accent-bright\)\]:hover{background-color:var(--color-accent-bright)}.hover\:bg-\[var\(--color-surface-hover\)\]:hover{background-color:var(--color-surface-hover)}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[var\(--elevation-panel\)\]:hover{--tw-shadow-color: var(--elevation-panel);--tw-shadow: var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--color-accent-bright\)\]:focus{--tw-ring-color: var(--color-accent-bright)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-\[var\(--color-surface-base\)\]:focus{--tw-ring-offset-color: var(--color-surface-base)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-\[var\(--opacity-disabled\)\]:disabled{opacity:var(--opacity-disabled)}@media (min-width: 640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px){.md\:order-first{order:-9999}.md\:min-h-\[600px\]{min-height:600px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}}@media (min-width: 1024px){.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}}