html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root,[data-theme=dark]{--sp-black: #03060f;--sp-void: #060c1a;--sp-abyss: #0a1326;--sp-indigo-950: #0e1b34;--sp-indigo-900: #122244;--sp-indigo-800: #173258;--sp-indigo-700: #1d4072;--sp-indigo-600: #2a5694;--sp-purple-700: #4a3bc0;--sp-purple-600: #5f48ea;--sp-purple-500: #7d6bf2;--sp-purple-400: #9f93f8;--sp-purple-300: #c4bcfb;--sp-blue-700: #1565d4;--sp-blue-600: #2a8bff;--sp-blue-500: #3da9fc;--sp-blue-400: #5fc8ff;--sp-cyan-400: #7fe3ff;--sp-cyan-300: #b3f2ff;--sp-text-bright: #ffffff;--sp-text-default: #cfe0f5;--sp-text-muted: #90a6c8;--sp-text-dim: #5f7398;--sp-gold: #f5c518;--sp-gold-bright: #ffd23f;--sp-status-online: #2ee6a0;--sp-status-away: #ffce3f;--sp-status-busy: #ff4d5e;--sp-status-offline: #6d6191;--sp-success: #2ee6a0;--sp-danger: #ff4d5e;--sp-line: rgba(61, 140, 230, .24);--sp-line-strong: rgba(127, 227, 255, .38);--bg-app: var(--sp-void);--surface-panel: var(--sp-abyss);--surface-card: var(--sp-indigo-900);--surface-raised: var(--sp-indigo-800);--surface-row: var(--sp-indigo-950);--surface-row-active: var(--sp-indigo-700);--text-heading: var(--sp-text-bright);--text-body: var(--sp-text-default);--text-secondary: var(--sp-text-muted);--text-disabled: var(--sp-text-dim);--accent: var(--sp-blue-500);--accent-secondary: var(--sp-purple-500);--rim: var(--sp-cyan-400);--rim-hot: var(--sp-cyan-300);--border-default: var(--sp-indigo-600);--divider: var(--sp-line);--glow-blue-sm: 0 0 6px rgba(95, 200, 255, .6);--glow-blue-md: 0 0 14px rgba(95, 200, 255, .6);--glow-blue-lg: 0 0 26px rgba(61, 169, 252, .7), 0 0 6px rgba(179, 242, 255, .65);--glow-cyan: 0 0 16px rgba(127, 227, 255, .75);--glow-purple: 0 0 18px rgba(125, 107, 242, .6);--glow-gold: 0 0 14px rgba(245, 197, 24, .6);--glow-online: 0 0 10px rgba(46, 230, 160, .85);--glow-busy: 0 0 10px rgba(255, 77, 94, .8);--shadow-card: 0 8px 24px rgba(0, 0, 0, .5);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .7);--inset-sheen: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .5);--inset-deep: inset 0 2px 8px rgba(0, 0, 0, .7)}:root{--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 3px;--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--container-max: 1440px;--bw-hairline: 1px;--bw-rim: 2px;--bw-heavy: 3px;--clip-bevel-sm: polygon(6px 0, 100% 0, 100% calc(100% - 6px) , calc(100% - 6px) 100%, 0 100%, 0 6px);--clip-hex: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-h1: 32px;--fs-h2: 24px;--fs-h3: 18px;--fs-button: 16px;--fs-body: 15px;--fs-label: 13px;--fs-caption: 12px;--lh-snug: 1.25;--lh-normal: 1.5;--ls-display: .04em;--ls-nav: .08em;--ls-label: .14em;--ls-button: .06em;--ls-body: .005em;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "Barlow Semi Condensed", system-ui, sans-serif;--font-mono: "Saira", ui-monospace, monospace}.display{font-family:var(--font-display);font-size:44px;line-height:1.05;font-weight:700;letter-spacing:.04em}.h1{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:.04em}.h2{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:.08em}.nav{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.08em}.button{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.06em}.label{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em}.body{font-family:var(--font-body);font-size:15px;font-weight:400}.caption{font-family:var(--font-body);font-size:12px;font-weight:400}.stat{font-family:var(--font-mono);font-size:28px;font-weight:700}:root{--grad-button: linear-gradient(180deg, #2a6cc0 0%, #1a4d92 49%, #0c2350 50%, #123058 100%);--grad-button-hover: linear-gradient(180deg, #4a9ae6 0%, #2f7ad0 49%, #194688 50%, #2a6cc0 100%);--grad-button-active: linear-gradient(180deg, #0e2042 0%, #0a1830 49%, #070f22 50%, #0c2048 100%);--grad-card: linear-gradient(160deg, #16294e 0%, #0b1530 100%);--grad-modal: linear-gradient(180deg, #08101f 0%, #0e1c3a 50%, #08101f 100%);--grad-energy: linear-gradient( 90deg, transparent, #5fc8ff 30%, #b3f2ff 50%, #5fc8ff 70%, transparent );--grad-atmos: radial-gradient(120% 90% at 50% 0%, #12305e 0%, #0a1834 45%, #03060f 100%);--ease-out: cubic-bezier(.22, 1, .36, 1);--text-title-case: uppercase}.animation-toast-in{animation:toast-in .3s cubic-bezier(.4,0,.2,1)}.animation-toast-out{animation:toast-out .2s ease forwards}@keyframes toast-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes toast-out{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 12px}}@media(prefers-reduced-motion:reduce){.animation-toast-in,.animation-toast-out{animation-duration:1ms}}.language-panel{display:flex;flex-direction:column;gap:var(--sp-1);min-width:180px;padding:var(--sp-1);background:#0a1326fa;border:var(--bw-hairline) solid rgba(42,86,148,.8509803922);outline:none;box-shadow:0 -10px 28px #03081499}.language-panel .option{display:flex;gap:10px;align-items:center;min-height:40px;padding:0 12px;font-family:var(--font-display);font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-body);cursor:pointer;border:var(--bw-hairline) solid transparent;outline:none;transition:border-color .15s ease,background .15s ease,color .15s ease}@media(hover:hover){.language-panel .option:hover{color:var(--text-heading);background:#4a3bc02e;border-color:var(--sp-purple-400)}}@media(hover:none){.language-panel .option:active{color:var(--text-heading);background:#4a3bc02e;border-color:var(--sp-purple-400)}}.language-panel .option:focus-visible{color:var(--text-heading);background:#4a3bc02e;border-color:var(--sp-purple-400)}.language-panel .option[aria-checked=true]{color:var(--text-heading)}.language-panel .flag{flex:none;width:21px;height:14px}.language-panel .name{flex:1}.language-panel .check{display:inline-flex;flex:none;width:14px;height:14px;color:var(--sp-cyan-300);visibility:hidden}.language-panel .check svg{width:100%;height:100%}.language-panel .option[aria-checked=true] .check{visibility:visible}.menu-panel{--sp-edge: var(--sp-purple-500);position:relative;border-radius:0;--sp-cut: 12px}@media(min-width:721px){.menu-panel{--sp-cut: 12px}}.menu-panel{clip-path:polygon(var(--sp-cut) 0,100% 0,100% calc(100% - var(--sp-cut)),calc(100% - var(--sp-cut)) 100%,0 100%,0 var(--sp-cut))}.menu-panel:after{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--sp-edge) calc(50% - .5px),var(--sp-edge) calc(50% + 1.5px),transparent calc(50% + 1.5px)) top left/var(--sp-cut) var(--sp-cut) no-repeat,linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--sp-edge) calc(50% - 1.5px),var(--sp-edge) calc(50% + .5px),transparent calc(50% + .5px)) bottom right/var(--sp-cut) var(--sp-cut) no-repeat}.menu-panel{display:flex;flex-direction:column;min-width:min(240px,100vw - 32px);padding:6px;background:linear-gradient(180deg,var(--sp-indigo-950),var(--sp-abyss));border:var(--bw-hairline) solid var(--sp-purple-500);box-shadow:inset 0 0 24px #7d6bf233;outline:none}.menu-panel .head{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 14px 10px;margin-bottom:var(--sp-1);border-bottom:var(--bw-hairline) solid var(--divider)}.menu-panel .head .who{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-panel .head .box{display:grid;flex:none;place-items:center;width:40px;height:40px;color:var(--sp-cyan-300);background:#3da9fc1f;border:var(--bw-hairline) solid rgba(95,224,255,.4)}.menu-panel .head .box svg{width:22px;height:22px}.menu-panel .head .eyebrow{margin:0;font-family:var(--font-display);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary)}.menu-panel .head .sub{font-size:13px;color:var(--text-secondary)}.menu-panel .head .name{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--text-heading)}.menu-panel .head .tag{color:var(--text-secondary)}.menu-panel .entry{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;padding:0 14px;font-family:var(--font-display);font-size:14px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);cursor:pointer;outline:none;transition:background .15s ease,color .15s ease}.menu-panel .entry .icon{display:inline-flex;flex:none;width:18px;height:18px}.menu-panel .entry .icon svg{width:100%;height:100%}@media(hover:hover){.menu-panel .entry:hover:not(.cdk-menu-item-disabled){color:var(--text-heading);background:var(--surface-raised)}}@media(hover:none){.menu-panel .entry:active:not(.cdk-menu-item-disabled){color:var(--text-heading);background:var(--surface-raised)}}.menu-panel .entry:focus-visible{color:var(--text-heading);background:var(--surface-raised)}.menu-panel .entry.danger{color:#ff7a87}@media(hover:hover){.menu-panel .entry.danger:hover:not(.cdk-menu-item-disabled){color:#ff7a87;background:#ff4d5e1f}}@media(hover:none){.menu-panel .entry.danger:active:not(.cdk-menu-item-disabled){color:#ff7a87;background:#ff4d5e1f}}.menu-panel .entry.danger:focus-visible{color:#ff7a87;background:#ff4d5e1f}.menu-panel .entry.cdk-menu-item-disabled{color:var(--text-disabled);cursor:not-allowed}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.dialog-backdrop{background:#04030a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition-duration:.5s}.modal-panel .cdk-dialog-container{outline:none;animation:modal-in .5s var(--ease-out)}.modal-panel.size-xs{--modal-width: 360px}.modal-panel.size-sm{--modal-width: 440px}.modal-panel.size-md{--modal-width: 560px}.modal-panel.size-lg{--modal-width: 760px}.modal-panel.size-xl{--modal-width: 940px}.offcanvas-panel{max-height:var(--offcanvas-max-height);overflow:hidden}.offcanvas-panel .cdk-dialog-container{outline:none;animation:offcanvas-in .5s var(--ease-out)}.offcanvas-panel.size-xs{--offcanvas-max-height: 30dvh}.offcanvas-panel.size-sm{--offcanvas-max-height: 45dvh}.offcanvas-panel.size-md{--offcanvas-max-height: 60dvh}.offcanvas-panel.size-lg{--offcanvas-max-height: 80dvh}.offcanvas-panel.size-xl{--offcanvas-max-height: 95dvh}@keyframes modal-in{0%{opacity:0;clip-path:inset(50% 0)}to{opacity:1;clip-path:inset(-100px 0)}}@keyframes offcanvas-in{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.dialog-backdrop{transition-duration:1ms}.modal-panel .cdk-dialog-container,.offcanvas-panel .cdk-dialog-container{animation:none}}:root{--rarity-common: #c3cfe2;--rarity-common-glow: #c3cfe266;--rarity-common-bg: #90a6c833;--rarity-rare: var(--sp-blue-500);--rarity-rare-glow: #3da9fc66;--rarity-rare-bg: #5fc8ff3d;--rarity-epic: var(--sp-purple-400);--rarity-epic-glow: #9f93f866;--rarity-epic-bg: #7d6bf24d;--rarity-legendary: #ff8a1f;--rarity-legendary-glow: #ff8a1f66;--rarity-legendary-bg: #ff8a1f38}.rarity-common{--rarity: var(--rarity-common);--rarity-glow: var(--rarity-common-glow);--rarity-bg: var(--rarity-common-bg)}.rarity-rare{--rarity: var(--rarity-rare);--rarity-glow: var(--rarity-rare-glow);--rarity-bg: var(--rarity-rare-bg)}.rarity-epic{--rarity: var(--rarity-epic);--rarity-glow: var(--rarity-epic-glow);--rarity-bg: var(--rarity-epic-bg)}.rarity-legendary{--rarity: var(--rarity-legendary);--rarity-glow: var(--rarity-legendary-glow);--rarity-bg: var(--rarity-legendary-bg)}.rarity-common,.rarity-rare,.rarity-epic,.rarity-legendary{color:var(--rarity)}.rarity-pips{display:inline-flex;gap:3px}.rarity-pips .pip{width:7px;height:7px;background:var(--rarity);box-shadow:0 0 4px var(--rarity-glow);transform:rotate(45deg)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}@supports not (scrollbar-width: thin){*::-webkit-scrollbar{width:var(--sp-2);height:var(--sp-2)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:var(--radius-sm)}}.select-panel .listbox{width:100%;max-height:280px;padding:5px;background:linear-gradient(180deg,#0c1730,var(--sp-void));border:var(--bw-rim) solid var(--border-default);box-shadow:inset 0 0 0 1px #7d6bf266,var(--shadow-pop),var(--glow-purple);overflow-y:auto}.select-panel .option{display:flex;align-items:center;gap:11px;padding:9px var(--sp-3);font-family:var(--font-body);font-size:var(--fs-body);line-height:1;color:var(--text-body);cursor:pointer;transition:background .15s ease,color .15s ease}.select-panel .option .text{flex:1}.select-panel .option .tick{display:inline-flex;width:14px;height:14px;color:var(--sp-cyan-300)}.select-panel .option .tick svg{width:100%;height:100%}.select-panel .option.active{color:var(--text-heading);background:linear-gradient(180deg,#4438a0,#2d2a72);box-shadow:inset 0 0 0 1px #9f93f880}.select-panel .option.disabled{color:var(--text-disabled);cursor:not-allowed}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--container-max: 1312px;--font-display: "Oswald", "Roboto Condensed", "Arial Narrow", sans-serif;--font-body: "Barlow Semi Condensed", "Roboto Condensed", system-ui, sans-serif;--font-mono: "Saira", "Roboto Condensed", ui-monospace, monospace;--page-gutter: var(--sp-4);--page-pad-top: var(--sp-6);--page-pad-bottom: 56px;--section-gap: var(--sp-8)}@media(min-width:721px){:root{--page-gutter: var(--sp-6);--page-pad-top: var(--sp-10);--page-pad-bottom: var(--sp-20);--section-gap: var(--sp-10)}}@property --sp-edge{syntax: "<color>"; inherits: true; initial-value: #2a5694;}body{min-height:100vh;margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-body);color:var(--text-body);background-color:var(--bg-app);background-image:var(--grad-atmos);background-attachment:fixed}img{pointer-events:none}.display,.h1,.h2,.nav,.button,.label{text-transform:var(--text-title-case)}.display,.h1,.h2{margin:0;color:var(--text-heading)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.full-width{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-select-none{-webkit-user-select:none;user-select:none}
