:root{--text: #f4f7ff;--text-primary: #f4f7ff;--text-secondary: #cbd7ff;--text-muted: #98b0eb;--text-strong: #ffffff;--text-dark: #180d33;--heading-glow: rgba(112, 235, 255, .22);--font-display: "Arial Rounded MT Bold", "Trebuchet MS", "Verdana", sans-serif;--font-section: "Arial Rounded MT Bold", "Trebuchet MS", "Verdana", sans-serif;--font-nav: "Trebuchet MS", "Verdana", sans-serif;--font-utility: "Trebuchet MS", "Verdana", sans-serif;--tracking-display: .02em;--tracking-section: .05em;--tracking-nav: .04em;--tracking-utility: .08em;--size-display: clamp(2.2rem, 4vw, 3.4rem);--size-section: clamp(1.2rem, 2vw, 1.7rem);--size-nav: 1.02rem;--size-utility: .76rem;--control-radius: 16px;--control-pill-radius: 999px;--control-border-width: 2px;--control-shadow: 0 10px 0 rgba(6, 13, 36, .28), 0 18px 28px rgba(8, 8, 34, .24);--control-shadow-hover: 0 12px 0 rgba(6, 13, 36, .26), 0 22px 30px rgba(8, 8, 34, .28);--control-shadow-pressed: 0 4px 0 rgba(6, 13, 36, .28), 0 10px 18px rgba(8, 8, 34, .18);--control-primary-bg: linear-gradient(180deg, #a86aff 0%, #56d7ff 100%);--control-primary-border: rgba(203, 244, 255, .64);--control-primary-text: #180d33;--control-secondary-bg: linear-gradient(180deg, rgba(26, 197, 205, .96), rgba(17, 124, 255, .96));--control-secondary-border: rgba(138, 241, 255, .5);--control-secondary-text: #f8fdff;--control-filter-bg: linear-gradient(180deg, rgba(61, 28, 143, .96), rgba(9, 89, 126, .94));--control-filter-border: rgba(127, 232, 255, .34);--control-filter-text: #eef7ff;--control-nav-bg: linear-gradient(180deg, rgba(34, 20, 94, .98), rgba(8, 72, 111, .94));--control-nav-border: rgba(127, 232, 255, .28);--control-nav-text: #eef7ff;--surface-shell: linear-gradient(180deg, #2b0d6f 0%, #122f8d 34%, #0083a8 66%, #00b7ad 100%);--surface-shell-overlay: radial-gradient(circle at 12% 14%, rgba(149, 81, 255, .46) 0%, transparent 28%), radial-gradient(circle at 86% 18%, rgba(71, 240, 255, .34) 0%, transparent 24%), radial-gradient(circle at 76% 82%, rgba(56, 230, 176, .3) 0%, transparent 24%);--surface-card: linear-gradient(180deg, rgba(30, 16, 79, .94), rgba(10, 52, 114, .92));--surface-panel: linear-gradient(180deg, rgba(35, 18, 92, .92), rgba(8, 82, 124, .88));--surface-panel-strong: linear-gradient(145deg, rgba(89, 19, 214, .96), rgba(0, 176, 201, .92));--surface-panel-soft: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .08));--surface-overlay: rgba(4, 14, 39, .72);--surface-field: rgba(8, 18, 46, .7);--surface-field-focus: rgba(16, 35, 78, .88);--pattern-grid: linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);--pattern-grid-size: 26px 26px;--pattern-runes: radial-gradient(circle at 50% 50%, rgba(111, 238, 255, .1) 0 1px, transparent 1.5px), radial-gradient(circle at 0 0, rgba(184, 122, 255, .08) 0 1px, transparent 1.5px);--pattern-runes-size: 32px 32px;--pattern-chevron: linear-gradient(135deg, rgba(255, 255, 255, .06) 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(315deg, rgba(255, 255, 255, .04) 25%, transparent 25%) 0 0 / 18px 18px;--frame-highlight: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .12);--border-strong: rgba(127, 232, 255, .44);--border-soft: rgba(176, 138, 255, .32);--border-bright: rgba(255, 255, 255, .2);--shadow-shell: 0 28px 72px rgba(8, 8, 44, .44);--shadow-card: 0 22px 48px rgba(7, 10, 42, .34);--accent-primary: linear-gradient(135deg, #8c4dff 0%, #29dfff 52%, #1de1b4 100%);--accent-primary-solid: #43dfff;--accent-secondary: linear-gradient(135deg, #16d7c1 0%, #00b7ff 100%);--accent-highlight: linear-gradient(135deg, #ffd86b 0%, #ff8e38 100%);--accent-playful: linear-gradient(135deg, #ff67c8 0%, #8c6cff 50%, #44ecff 100%);--accent-ink: #180d33;--status-success-bg: rgba(32, 220, 164, .18);--status-success-border: rgba(85, 255, 198, .44);--status-success-text: #a9ffe8;--status-danger-bg: rgba(255, 92, 145, .18);--status-danger-border: rgba(255, 123, 170, .42);--status-danger-text: #ffd1df;--status-warning-bg: rgba(255, 187, 74, .18);--status-warning-border: rgba(255, 209, 112, .44);--status-warning-text: #fff1b2;--status-info-bg: rgba(68, 223, 255, .16);--status-info-border: rgba(109, 231, 255, .4);--status-info-text: #b8f5ff;--rarity-common-bg: linear-gradient(135deg, rgba(16, 122, 122, .34), rgba(23, 183, 152, .24));--rarity-common-border: rgba(77, 246, 205, .42);--rarity-common-text: #b6fff2;--rarity-rare-bg: linear-gradient(135deg, rgba(23, 95, 210, .34), rgba(68, 223, 255, .22));--rarity-rare-border: rgba(105, 194, 255, .42);--rarity-rare-text: #d4f2ff;--rarity-epic-bg: linear-gradient(135deg, rgba(157, 67, 255, .34), rgba(255, 92, 204, .22));--rarity-epic-border: rgba(216, 122, 255, .42);--rarity-epic-text: #f3d3ff;--rarity-legendary-bg: linear-gradient(135deg, rgba(255, 151, 57, .36), rgba(255, 214, 88, .24));--rarity-legendary-border: rgba(255, 213, 119, .44);--rarity-legendary-text: #fff2bc;--rarity-chroma-bg: linear-gradient(135deg, rgba(255, 88, 196, .26), rgba(92, 118, 255, .24) 42%, rgba(44, 236, 255, .22));--rarity-chroma-border: rgba(175, 148, 255, .46);--rarity-chroma-text: #f6eaff}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-utility);color:var(--text-primary);background:var(--pattern-grid),var(--surface-shell-overlay),var(--surface-shell);background-size:var(--pattern-grid-size),auto,auto;background-attachment:fixed,fixed,fixed}button,input,select,textarea{font:inherit}button{border:var(--control-border-width) solid transparent;border-radius:var(--control-radius);font-family:var(--font-utility);font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--control-shadow);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,border-color .14s ease,background .14s ease}button:hover:enabled{transform:translateY(-2px);box-shadow:var(--control-shadow-hover);filter:saturate(1.08) brightness(1.04)}button:active:enabled{transform:translateY(3px);box-shadow:var(--control-shadow-pressed)}button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}input,select,textarea{color:var(--text-primary);background:var(--surface-field);border:1px solid var(--border-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid rgba(103,239,255,.9);outline-offset:2px}a{color:#9df8ff}.card{position:relative;overflow:hidden;background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:22px;padding:1rem;box-shadow:var(--shadow-card);backdrop-filter:blur(16px)}.panel{position:relative;overflow:hidden;background:var(--surface-panel);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:24px;padding:1rem;box-shadow:var(--shadow-card);backdrop-filter:blur(18px)}.card:before,.panel:before{content:"";position:absolute;inset:0;background:var(--pattern-runes);background-size:var(--pattern-runes-size);opacity:.4;pointer-events:none}.card:after,.panel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--frame-highlight);pointer-events:none}.eyebrow{margin:0;font-family:var(--font-utility);font-size:.72rem;font-weight:900;letter-spacing:var(--tracking-utility);text-transform:uppercase;color:#b7f7ff}h1,h2,h3,label,strong{color:var(--text-strong)}h1,h2{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance}h3{font-family:var(--font-section);letter-spacing:var(--tracking-section)}label{font-family:var(--font-utility);letter-spacing:.01em}