:root{--bg:#06101d;--bg-deep:#030813;--panel:#0a1426d1;--panel-border:#ade6ff29;--text:#eef7ff;--muted:#97aeca;--gold:#ffd77a;--cyan:#88efff;--mint:#85ffbf;--rose:#ff8ba7;--danger:#ff627c;--shadow:0 24px 80px #00000073;--font-display:"Palatino Linotype","Book Antiqua",Palatino,serif;--font-body:"Trebuchet MS","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#4284b747,#0000 30%),radial-gradient(circle at 80% 20%,#ffd9802e,#0000 24%),linear-gradient(#08111f 0%,#050913 100%);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 20% 15%,#71d5ff14,#0000 18%),radial-gradient(circle at 85% 15%,#ffd2781f,#0000 18%);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{width:100%;color:var(--text);background:#040a12b3;border:1px solid #98d7ff2e;border-radius:14px;padding:.9rem 1rem}label{gap:.45rem;display:grid}label span{color:var(--muted);font-size:.92rem}.pageShell{width:min(1380px,100vw - 2rem);margin:0 auto;padding:1rem 0 3rem}.siteHeader{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#060d19d1;border-radius:24px;grid-template-columns:1.2fr auto auto;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.2rem;display:grid}.brandMark{align-items:center;gap:1rem;display:flex}.brandMark strong,h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em}.brandMark small{color:var(--muted);display:block}.brandGlyph{color:#07111f;background:radial-gradient(circle,#ffdd8ce6,#53c1ff33);border-radius:50%;place-items:center;width:3rem;height:3rem;display:inline-grid;box-shadow:0 0 28px #8eddff73}.mainNav,.headerAside,.inlineMeta,.panelHeading,.heroActions,.manifestStrip,.cardActions,.resourceList,.miniStats{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.mainNav a,.ghostButton,.dangerButton,.primaryButton{border:1px solid #0000;border-radius:999px;padding:.8rem 1.1rem;transition:transform .16s,border-color .16s,background .16s}.mainNav a:hover,.ghostButton:hover,.dangerButton:hover,.primaryButton:hover{transform:translateY(-1px)}.primaryButton{color:#06101d;background:linear-gradient(135deg,var(--gold),#fff1b8);border:0;font-weight:700}.ghostButton{color:var(--text);background:#87e4ff14;border-color:#87e4ff38}.dangerButton{color:#ffd6de;background:#ff627c1a;border-color:#ff627c40}.heroPage,.authPage,.dashboardPage{gap:1.4rem;display:grid}.heroBanner,.panel,.characterCard,.treeNode{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:1.4rem}.heroBanner{background:linear-gradient(120deg,#ffd77a14,#88efff14),radial-gradient(circle at right top,#85ffbf24,transparent 28%),var(--panel);align-content:end;min-height:340px;padding:2rem}.heroBanner h1{max-width:12ch;margin:0;font-size:clamp(2.6rem,6vw,5rem)}.heroBanner p,.panel p,.featureCard p{color:var(--muted);line-height:1.6}.eyebrow,.selectedTag,.focusBadge{text-transform:uppercase;letter-spacing:.08em;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.72rem;display:inline-flex}.featureGrid,.settingsGrid,.equipmentGrid,.treeBoard,.playPageLayout,.creatorGrid,.statGrid,.hotbarGrid{gap:1rem;display:grid}.featureGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.featureCard{background:#081020b8;border:1px solid #85d8ff24;border-radius:24px;padding:1.3rem}.pillList{flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.pillList li,.skillStrip span{color:var(--cyan);background:#88efff17;border-radius:999px;padding:.45rem .7rem;font-size:.85rem}.manifestStrip{color:var(--muted);justify-content:space-between;padding:.25rem .25rem 0}.authPage{max-width:560px;margin:2rem auto 0}.stackForm{gap:1rem;display:grid}.formError{color:#ffc6d3;margin:0}.supportText{color:var(--muted)}.panelHeading{justify-content:space-between}.creatorGrid{grid-template-columns:1.1fr .9fr auto;align-items:end}.characterCard{gap:1rem;display:grid}.characterHeader{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.focus-melee{color:#ffd27a;background:#ffa9581f}.focus-agility{color:#97ffc1;background:#48d9941f}.focus-magic{color:#8fe7ff;background:#52b1ff1f}.selectedTag{color:var(--gold);background:#ffd77a1a}.statGrid,.settingsGrid,.equipmentGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.statGrid div,.equipmentSlot,.skillTile{background:#03081285;border:1px solid #96d6ff1a;border-radius:18px;gap:.35rem;padding:.9rem;display:grid}.statGrid strong,.equipmentSlot strong,.skillTile strong{color:var(--gold);text-transform:capitalize;font-size:.84rem}.statGrid span,.equipmentSlot span,.skillTile span{color:var(--muted)}.skillStrip{flex-wrap:wrap;gap:.5rem;display:flex}.treeBoard{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.treeNode-active{box-shadow:0 0 0 1px #ffd77a1a,var(--shadow);border-color:#ffd77a59}.treeNodeMeta{gap:.25rem;display:grid}.treeNodeMeta span{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);font-size:.72rem}.playPageLayout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);align-items:start}.phaserFrame{box-shadow:var(--shadow);background:#030710c7;border:1px solid #7ee9ff2e;border-radius:28px;padding:1rem}.phaserMount{aspect-ratio:16/10;background:linear-gradient(#050914,#091224);border-radius:24px;width:100%;overflow:hidden}.playHud{gap:1rem;display:grid}.hotbarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.siteHeader,.playPageLayout,.creatorGrid{grid-template-columns:1fr}.mainNav{justify-content:flex-start}}@media (max-width:720px){.pageShell{width:min(100vw - 1rem,100%)}.heroBanner h1{max-width:none}}