:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f7fbff;background:#050e1b;color-scheme:dark;--header-body: clamp(62px, 11svh, 108px);--header-height: calc(var(--header-body) + env(safe-area-inset-top));--layout-width: 920px;--outer-gap: clamp(9px, 1.6svh, 18px);--grid-gap: clamp(6px, 1.15svh, 13px)}*{box-sizing:border-box}body{min-width:0;margin:0;background:radial-gradient(ellipse at 50% 0%,#0b2547,transparent 55%),radial-gradient(ellipse at 0% 12%,#24123b,transparent 46%),#050e1b}.site-header{position:fixed;z-index:2;inset:0 0 auto;height:var(--header-height);padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));display:grid;place-items:center;background:radial-gradient(ellipse at 50% 105%,#087cf454,transparent 64%),linear-gradient(90deg,#160e30a8,#041b2aed 35%,#031326eb);border-bottom:1px solid #40dbffa6;box-shadow:0 5px 22px #008aff45,inset 0 -3px 14px #18baff25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;justify-content:center;gap:clamp(5px,2vw,18px);min-width:0}.brand-mark{width:clamp(35px,10vw,79px);height:auto;max-height:calc(var(--header-body) - 9px);flex:none;filter:drop-shadow(0 0 11px #00aaff56)}.brand-type{text-align:center}.brand h1{margin:0;font-size:clamp(.9rem,5.45vw,2.9rem);font-weight:850;letter-spacing:-.045em;line-height:1.05;color:#f4f9ff;text-shadow:0 2px 0 #69829b,0 3px 10px #0009}.brand h1 span{color:#24e9ff;text-shadow:0 2px 0 #0750ad,0 0 14px #08bfff86}.brand p{margin:.42em 0 0;color:#e0efff;text-transform:uppercase;font-weight:650;letter-spacing:clamp(.08em,.45vw,.23em);font-size:clamp(.46rem,1.87vw,.94rem)}.main{width:100%;margin-inline:auto;max-width:var(--layout-width);padding:calc(var(--header-height) + var(--outer-gap)) max(10px,env(safe-area-inset-right)) calc(var(--outer-gap) + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.home{display:grid;place-items:center;min-height:100svh}.dashboard{--tile-height: max(72px, (100svh - var(--header-height) - 2 * var(--outer-gap) - env(safe-area-inset-bottom) - 4 * var(--grid-gap)) / 5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);width:min(100%,calc(var(--tile-height) * 32 / 9 + var(--grid-gap)))}.tile{display:block;min-width:0;border-radius:10px;transition:transform .13s ease}.tile img{display:block;width:100%;height:auto}.tile:active{transform:scale(.97)}:focus-visible{outline:2px solid white;outline-offset:3px}.module-panel{position:relative;text-align:center;max-width:600px;margin:clamp(0px,4svh,44px) auto 0;border:1px solid var(--neon);border-radius:28px;background:radial-gradient(ellipse at 50% 12%,var(--shade),#071323 70%);box-shadow:0 0 20px color-mix(in srgb,var(--neon) 35%,transparent);padding:clamp(14px,4vw,28px)}.back-link{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;color:#fff;font-weight:650;border-radius:8px}.module-art{display:block;margin-inline:auto;width:min(100%,350px);height:auto;aspect-ratio:2.5;object-fit:contain}.module-panel h2{margin:.3em 0;font-size:clamp(1.55rem,7vw,2.45rem)}.module-panel p{color:#bed3e6}@media(min-width:700px){.main{padding-inline:max(24px,env(safe-area-inset-left),env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.tile{transition:none}}