:root{--em-obsidian:#120B1A;--em-deep-arcane:#390F4B;--em-royal-violet:#5F2A7E;--em-electric:#B050F0;--em-ember-gold:#F0C040;--em-amber:#C88637;--em-silver:#E8E8F0;--em-surface:#1A0F26;--em-border:#3D1F5A;--em-text-primary:#E8E0F0;--em-text-muted:#9B80B8;--em-success:#45D27F;--em-danger:#E15B64;--em-warning:#E8A84E;--em-edge-light:color-mix(in srgb,white 8%,transparent);--em-edge-dark:color-mix(in srgb,black 35%,transparent);--em-panel:var(--em-surface);--em-panel-raised:color-mix(in srgb,var(--em-surface) 80%,var(--em-royal-violet) 20%);--em-panel-inset:color-mix(in srgb,black 30%,var(--em-surface));--em-grid-line:var(--em-border);--em-press-depth:color-mix(in srgb,var(--em-obsidian) 72%,transparent);--em-texture-opacity:7%;--em-arcane-glow:color-mix(in srgb,var(--em-electric) 32%,transparent)}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel/Cinzel-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel/Cinzel-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel/Cinzel-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Monocraft;src:url(/fonts/Monocraft/Monocraft-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monocraft;src:url(/fonts/Monocraft/Monocraft-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans/PixelifySans.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}.material-flat{background:transparent;border:1px solid transparent;box-shadow:none}.material-matte{box-shadow:0 2px 12px color-mix(in srgb,var(--em-deep-arcane) 25%,transparent)}.material-block,.material-matte{background:var(--em-panel);border:1px solid var(--em-border)}.material-block{box-shadow:inset 0 1px 0 var(--em-edge-light),inset 0 -3px 0 var(--em-edge-dark),0 4px 12px color-mix(in srgb,var(--em-deep-arcane) 30%,transparent);transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .15s ease-out,filter .2s ease-out}.material-block:hover{border-color:color-mix(in srgb,var(--em-amber) 55%,var(--em-border));box-shadow:inset 0 2px 0 var(--em-edge-light),inset 0 -3px 0 var(--em-edge-dark),0 6px 16px color-mix(in srgb,var(--em-deep-arcane) 35%,transparent);filter:brightness(1.06)}.material-block:active{transform:translateY(1px);box-shadow:inset 0 1px 0 var(--em-edge-light),inset 0 -1px 0 var(--em-edge-dark),0 2px 6px var(--em-press-depth);filter:brightness(.98)}.material-inset{background:var(--em-panel-inset);box-shadow:inset 0 2px 6px color-mix(in srgb,var(--em-obsidian) 60%,transparent)}.material-inset,.material-raised{border:1px solid var(--em-border)}.material-raised{background:var(--em-panel-raised);box-shadow:inset 0 1px 0 var(--em-edge-light),inset 0 -3px 0 var(--em-edge-dark),0 6px 20px color-mix(in srgb,var(--em-deep-arcane) 30%,transparent)}.material-magical{border-color:color-mix(in srgb,var(--em-electric) 45%,var(--em-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--em-electric) 20%,transparent),0 0 18px var(--em-arcane-glow),inset 0 0 20px color-mix(in srgb,var(--em-electric) 12%,transparent)}@media (prefers-reduced-motion:reduce){.material-block,.material-block:active,.material-block:hover{transition:none;transform:none}}