:root{--color-bg-primary:#141428eb;--color-bg-secondary:#1e1e37f2;--color-bg-dark:#0a0a15;--color-bg-inlay:var(--color-bg-dark);--color-border-primary:#1a1a2e;--color-bg-elevated:var(--color-bg-secondary);--color-border-default:var(--color-border-primary);--color-border-dark:#0d0d18;--color-slot-frame-fill:#151411;--color-slot-frame-border:#775d42;--color-slot-frame-border-shadow:#5e472e;--color-slot-frame-ambient-shadow:#000;--opacity-slot-frame-fill:.6;--opacity-slot-frame-border-shadow:1;--opacity-slot-frame-ambient-shadow:.3;--color-accent-default:#1a1a2e;--color-accent-primary:#ffd600;--color-primary:var(--color-accent-primary);--color-accent-secondary:#42a5f5;--color-accent-danger:#ef5350;--color-status-danger:var(--color-accent-danger);--color-border-light:color-mix(in srgb, var(--color-text-primary) 18%, transparent);--color-border-subtle:var(--color-border-light);--color-border-highlight:color-mix(in srgb, var(--color-accent-primary) 56%, transparent);--color-text-primary:#fff;--color-text-secondary:#78909c;--color-title-primary:#c8b890;--color-title-secondary:#bba880;--color-text-title:#c8b890;--color-text-highlight:#ffd670;--color-text-muted:#3a3a58;--color-overlay-bg:#000000bf;--color-modal-shadow:#000000d9;--color-modal-inset-light:#ffffff0a;--color-divider:#3a2e1a;--color-button-bg-start:#7a6030;--color-button-bg-end:#5a4020;--color-button-border:#2a1a08;--color-button-text:#c8a870;--color-scrollbar-track:#0000004d;--color-scrollbar-thumb:#7a6030;--color-scrollbar-thumb-border:#1a1a2e;--color-overlay-dark:#0009;--color-overlay-darker:#000c;--color-shadow-light:#ffffff14;--color-shadow-lighter:#ffffff0a;--color-tile-floor:#1e1e36;--color-tile-spawn:#2a4a2a;--color-tile-exit:#d4af37;--color-tile-wall:#0d0d18;--color-tile-door:#4a2070;--color-bevel-edge-highlight:#e8d99f40;--color-bevel-edge-shadow:#0a0a1533;--shadow-default:4px 4px 0px #0a0a15;--popover-bg-color:#1a1a2ef2;--popover-border-color:#3a3a5c;--popover-text-color:#e0e0e0;--popover-shadow-color:#00000080;--parchment-filter:sepia(1) saturate(1.8) brightness(.85)}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 4px)}50%{filter:drop-shadow(0 0 12px)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}:root{--font-header:"Cinzel Decorative", serif;--font-body:"Roboto", sans-serif;--color-title-primary:var(--color-text-primary);--color-title-secondary:color-mix(in srgb, var(--color-title-primary) 86%, var(--color-text-secondary));--color-form-control-text:var(--color-text-primary);--color-form-control-background:color-mix(in srgb, var(--color-bg-dark) 92%, transparent);--color-form-control-border:color-mix(in srgb, var(--color-accent-secondary) 55%, transparent);--color-form-control-hover-border:color-mix(in srgb, var(--color-accent-primary) 55%, transparent);--color-form-control-focus-ring:color-mix(in srgb, var(--color-accent-primary) 20%, transparent);--color-form-control-disabled-background:color-mix(in srgb, var(--color-bg-dark) 72%, transparent);--color-form-control-caret:var(--color-text-highlight);--color-form-control-menu-background:color-mix(in srgb, var(--color-bg-secondary) 96%, transparent);--color-border-light:color-mix(in srgb, var(--color-text-primary) 16%, transparent);--color-border-highlight:color-mix(in srgb, var(--color-accent-primary) 55%, transparent);--color-rarity-common:#b0bec5;--color-rarity-uncommon:#66bb6a;--color-rarity-rare:#42a5f5;--color-rarity-epic:#ab47bc;--color-rarity-legendary:#ffb300;--shadow-glow:0 0 20px currentColor;--shadow-inset-light:inset 0 1px 0 #ffffff14;--shadow-drop:0 3px 8px #0009;--size-slot:64px;--size-border-width:3px;--size-safe-edge:16px;--size-panel-border-width:25px;--size-panel-border-slice:25;--size-textbox-border-width:14px;--size-textbox-border-slice:14;--size-scrollbar-width:6px;--size-scrollbar-radius:3px;--size-scrollbar-thumb-border-width:1px;--feature-screen-background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--color-accent-primary) 18%, transparent) 0%, transparent 42%), radial-gradient(circle at 84% 16%, color-mix(in srgb, var(--color-accent-secondary) 18%, transparent) 0%, transparent 36%), linear-gradient(160deg, var(--color-bg-dark) 0%, var(--color-bg-primary) 55%, var(--color-bg-secondary) 100%);--feature-panel-background:color-mix(in srgb, var(--color-bg-dark) 72%, transparent);--feature-panel-border:color-mix(in srgb, var(--color-text-primary) 16%, transparent);--feature-muted-text:color-mix(in srgb, var(--color-text-primary) 76%, transparent);--feature-soft-highlight:color-mix(in srgb, var(--color-accent-primary) 22%, transparent);--feature-soft-highlight-blue:color-mix(in srgb, var(--color-accent-secondary) 22%, transparent)}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text-primary)}h1{font-family:var(--font-header);color:var(--color-title-primary)}h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--color-title-secondary)}select{border:1px solid var(--color-form-control-border);min-height:36px;color:var(--color-form-control-text);background-color:var(--color-form-control-background);background-image:linear-gradient(45deg, transparent 50%, var(--color-form-control-caret) 50%), linear-gradient(135deg, var(--color-form-control-caret) 50%, transparent 50%), linear-gradient(to right, color-mix(in srgb, var(--color-form-control-border) 70%, transparent), color-mix(in srgb, var(--color-form-control-border) 70%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-shadow-light) 80%, transparent);font:inherit;appearance:none;background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),calc(100% - 2.25rem);background-repeat:no-repeat;background-size:6px 6px,6px 6px,1px 60%;border-radius:8px;padding:9px 2.75rem 9px 12px;transition:border-color .12s,box-shadow .12s,background-color .12s}select:hover:not(:disabled){border-color:var(--color-form-control-hover-border)}select:focus-visible{border-color:var(--color-form-control-hover-border);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-shadow-light) 80%, transparent), 0 0 0 3px var(--color-form-control-focus-ring);outline:none}select:disabled{background-color:var(--color-form-control-disabled-background);cursor:not-allowed;opacity:.65}select option{color:var(--color-form-control-text);background:var(--color-form-control-menu-background)}::-webkit-scrollbar{width:var(--size-scrollbar-width)}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:var(--size-scrollbar-radius)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--size-scrollbar-radius);border:var(--size-scrollbar-thumb-border-width) solid var(--color-scrollbar-thumb-border)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-body,"Roboto", sans-serif);font-weight:400;line-height:1.6}.header{z-index:1000;background:color-mix(in srgb, var(--feature-panel-background) 92%, transparent);border-bottom:1px solid var(--feature-panel-border);box-shadow:var(--shadow-drop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.header-content{max-width:1200px;margin:0 auto;padding:.85rem 2rem}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;max-width:1200px;margin:2rem auto 0;padding:2rem;display:flex}.footer p{color:var(--color-text-secondary);font-size:.9rem}.footer-nav{gap:1.5rem;display:flex}.footer-nav a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--color-accent-primary)}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-text-highlight)}button{background-color:var(--color-accent-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}button:hover{background-color:var(--color-text-highlight);transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.header-content{padding:1rem}.footer{text-align:center;flex-direction:column;gap:1rem}.footer-nav{justify-content:center}}