: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))}.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(74px,1fr));gap:var(--grid-gap);height:clamp(calc(370px + 4 * var(--grid-gap)),calc(100svh - var(--header-height) - 2 * var(--outer-gap) - env(safe-area-inset-bottom)),1000px)}.tile{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;color:inherit;text-decoration:none;border:1px solid color-mix(in srgb,var(--neon) 79%,white);border-radius:clamp(14px,4vw,39px);background:radial-gradient(ellipse at 51% 45%,var(--shade) 21%,#050a16 94%),#050a16;box-shadow:0 0 0 1px color-mix(in srgb,var(--neon) 55%,transparent),0 0 14px color-mix(in srgb,var(--neon) 40%,transparent);transition:box-shadow .16s ease,border-color .16s ease}.tile:after{position:absolute;inset:0;content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #fff8,inset 0 0 12px color-mix(in srgb,var(--neon) 85%,transparent)}.tile-scene{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 49% 87%,color-mix(in srgb,var(--neon) 47%,transparent),transparent 66%),radial-gradient(ellipse at 50% 12%,var(--shade),transparent 70%)}.tile-scene:before{position:absolute;inset:9% 9% 0;content:"";opacity:.23;filter:blur(7px);background:repeating-linear-gradient(95deg,transparent 0 12%,var(--neon) 13% 18%,transparent 20% 26%);-webkit-mask-image:linear-gradient(transparent,#000,transparent);mask-image:linear-gradient(transparent,#000,transparent)}.tile-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.tile-name{position:relative;display:grid;place-items:center;min-height:clamp(22px,3.9svh,43px);padding:1px 3px 4px;border-top:1px solid color-mix(in srgb,var(--neon) 72%,white);background:radial-gradient(ellipse at 50% -25%,color-mix(in srgb,var(--neon) 30%,transparent),transparent 66%),linear-gradient(175deg,var(--shade),#060914 115%);box-shadow:0 -2px 9px color-mix(in srgb,var(--neon) 64%,transparent);color:#fff;font-size:clamp(.67rem,min(3.95vw,3.45svh),1.85rem);font-weight:770;letter-spacing:-.03em;line-height:1.15;overflow-wrap:anywhere;text-shadow:0 2px 3px #000b}@media(hover:hover){.tile:hover{border-color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--neon) 65%,transparent)}}.tile:active{filter:brightness(1.18)}: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}}