:root{--bg:#faf9ff;--fg:#1e1b2e;--accent:#8b5cf6;--accent-2:#a78bfa;--card:#fff;--border:#1e1b2e1f;--glow:#8b5cf659;--accent-soft:#8b5cf62e;--bgA:color-mix(in oklab,var(--accent)18%,transparent);--bgB:color-mix(in oklab,var(--accent-2)14%,transparent);--bgC:color-mix(in oklab,var(--accent)10%,transparent)}:root.dark{--bg:#0b0f17;--fg:#e5e7eb;--accent:#a78bfa;--accent-2:#c4b5fd;--card:#ffffff0d;--border:#ffffff1f;--glow:#a78bfa8c;--accent-soft:#a78bfa38;--bgA:color-mix(in oklab,var(--accent)28%,transparent);--bgB:color-mix(in oklab,var(--accent-2)22%,transparent);--bgC:#ffffff0f}:root[data-accent=arcane]{--accent:#8b5cf6;--accent-2:#a78bfa;--glow:#8b5cf659;--accent-soft:#8b5cf62e}:root.dark[data-accent=arcane]{--accent:#a78bfa;--accent-2:#c4b5fd;--glow:#a78bfa8c;--accent-soft:#a78bfa38}:root[data-accent=sakura]{--accent:#fb7185;--accent-2:#f472b6;--glow:#fb718559;--accent-soft:#fb718529}:root.dark[data-accent=sakura]{--accent:#fda4af;--accent-2:#f472b6;--glow:#fda4af80;--accent-soft:#fda4af33}:root[data-accent=aether]{--accent:#22d3ee;--accent-2:#67e8f9;--glow:#22d3ee59;--accent-soft:#22d3ee29}:root.dark[data-accent=aether]{--accent:#67e8f9;--accent-2:#a5f3fc;--glow:#67e8f980;--accent-soft:#67e8f933}:root,:root.dark{--scene-1:transparent;--scene-2:transparent;--scene-3:transparent}:root[data-theme=guild]{--scene-1:color-mix(in oklab,var(--accent)18%,transparent);--scene-2:color-mix(in oklab,var(--accent-2)14%,transparent);--scene-3:#facc151a}:root.dark[data-theme=guild]{--scene-1:color-mix(in oklab,var(--accent)26%,transparent);--scene-2:color-mix(in oklab,var(--accent-2)20%,transparent);--scene-3:#facc1514}:root[data-theme=nebula]{--scene-1:#3b82f624;--scene-2:#ec48991a;--scene-3:#22d3ee1a}:root.dark[data-theme=nebula]{--scene-1:#3b82f633;--scene-2:#ec489929;--scene-3:#22d3ee24}:root[data-theme=dungeon]{--scene-1:#22c55e1a;--scene-2:#94a3b81a;--scene-3:#0000000d}:root.dark[data-theme=dungeon]{--scene-1:#22c55e24;--scene-2:#94a3b81f;--scene-3:#0000002e}body{background:radial-gradient(1200px 600px at 20% -10%,var(--scene-1),transparent 60%),radial-gradient(900px 500px at 85% 0%,var(--scene-2),transparent 55%),radial-gradient(900px 650px at 50% 120%,var(--scene-3),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg));background-attachment:fixed}:root[data-theme=guild]{--bgA:color-mix(in oklab,var(--accent)18%,transparent);--bgB:color-mix(in oklab,var(--accent-2)14%,transparent);--bgC:color-mix(in oklab,var(--accent)10%,transparent)}:root.dark[data-theme=guild]{--bgA:color-mix(in oklab,var(--accent)28%,transparent);--bgB:color-mix(in oklab,var(--accent-2)22%,transparent);--bgC:#ffffff0f}:root[data-theme=nebula]{--bgA:color-mix(in oklab,var(--accent)26%,transparent);--bgB:color-mix(in oklab,var(--accent-2)20%,transparent);--bgC:#6366f11a}:root.dark[data-theme=nebula]{--bgA:color-mix(in oklab,var(--accent)38%,transparent);--bgB:color-mix(in oklab,var(--accent-2)30%,transparent);--bgC:#6366f124}:root[data-theme=dungeon]{--bgA:#0f172a0f;--bgB:color-mix(in oklab,var(--accent)12%,transparent);--bgC:#0000000a}:root.dark[data-theme=dungeon]{--bgA:#0003;--bgB:color-mix(in oklab,var(--accent)22%,transparent);--bgC:#ffffff0a}html,body{height:100%}body{color:var(--fg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(1200px 600px at 20% -10%,var(--bgA),transparent 62%),radial-gradient(900px 500px at 85% 0%,var(--bgB),transparent 58%),radial-gradient(900px 650px at 50% 120%,var(--bgC),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg));background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:var(--accent)}button{font:inherit}.gl-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 28px #0000002e}.gl-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0f17;cursor:pointer;box-shadow:0 10px 24px var(--accent-soft),0 0 0 1px var(--glow)inset;border:0;border-radius:14px;padding:10px 14px;font-weight:900;transition:transform .12s,box-shadow .12s}.gl-btn:hover{box-shadow:0 14px 30px var(--accent-soft),0 0 0 1px var(--glow)inset;transform:translateY(-1px)}.gl-btn:disabled{opacity:.6;cursor:not-allowed}.gl-btn-outline{color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:10px 12px;font-weight:700}input,select,textarea,button{font-size:16px}*{-webkit-tap-highlight-color:transparent}