.site-shell{display:grid;min-height:100vh;place-items:center;padding:clamp(1rem,4vw,3rem)}.system-frame{position:relative;width:min(100%,780px);overflow:hidden;border:3px solid var(--color-panel-deep);border-radius:var(--radius-panel);background:linear-gradient(145deg,#4a90e2e6,#357abdc7),#071c3edb;box-shadow:0 22px 70px #000a1e85,var(--shadow-panel),inset 0 1px #ffffff59,inset 0 -24px 42px #0016403d;padding:clamp(1.2rem,4vw,2.5rem);isolation:isolate}.system-frame:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.22);border-radius:8px;pointer-events:none}.system-header{position:relative;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.system-header__label,.data-label{display:block;color:var(--color-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.system-header h1{margin:var(--space-1) 0 var(--space-2);font-size:clamp(2rem,7vw,4rem);line-height:1}.system-header__intro{max-width:58ch;margin:0 auto var(--space-4);color:var(--color-text);line-height:1.55}.system-selector{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.system-selector__button,.system-link{display:block;width:100%;border:1px solid rgba(210,238,255,.28);border-radius:var(--radius-control);background:linear-gradient(180deg,#ffffff2e,#ffffff0e);color:var(--color-text);cursor:pointer;font-weight:700;letter-spacing:.02em;padding:.75rem 1rem;text-align:center;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff59,0 8px 18px #00143c2e;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.system-selector__button:hover,.system-selector__button.is-active,.system-link:hover{background:#ffffff29;border-color:var(--color-line-strong);box-shadow:inset 0 1px #ffffff6b,0 0 20px #9ce8ff47,0 10px 22px #00143c38;transform:translateY(-1px)}.system-content{position:relative}.system-panel{display:none;position:relative;border-top:1px solid var(--color-line);padding-top:var(--space-4)}.system-panel.is-active{display:block}.system-panel__title{margin:0 0 var(--space-3);color:var(--color-text);font-size:clamp(1.25rem,4vw,1.8rem);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.system-copy{color:var(--color-text);line-height:1.65;margin:0 0 var(--space-3);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.status-grid,.link-groups{display:grid;gap:var(--space-3)}.standalone-link{margin-top:var(--space-3)}.support-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2)}.game-card{display:grid;gap:var(--space-4)}.game-card h3{color:var(--color-warning);font-size:1.25rem;margin:0 0 var(--space-2)}.video-frame{aspect-ratio:16 / 9;border:2px solid var(--color-line);border-radius:var(--radius-control);overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-4)}.status-grid>div,.link-group{border:1px solid var(--color-line);border-radius:var(--radius-control);background:linear-gradient(180deg,#ffffff1c,#020e2233);box-shadow:inset 0 1px #ffffff3d,0 10px 24px #00102c2e;padding:var(--space-3)}.link-group h3{margin:0 0 var(--space-2);color:var(--color-warning);font-size:1rem}.system-list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.scan-line{position:absolute;top:-2px;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:scan 3.4s linear infinite;opacity:.75}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(820px)}}@media(prefers-reduced-motion:reduce){.scan-line{animation:none}}.glass-filter{position:absolute;width:0;height:0}.glass-sheen{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.28),transparent 28%),radial-gradient(circle at 86% 14%,rgba(156,232,255,.24),transparent 34%),linear-gradient(115deg,rgba(255,255,255,.18),transparent 42%);filter:url(#glass-distortion);opacity:.72;pointer-events:none}.system-frame:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%);pointer-events:none}.system-selector__button,.system-link,.status-grid>div,.link-group,.video-frame{backdrop-filter:blur(10px) saturate(126%);-webkit-backdrop-filter:blur(10px) saturate(126%)}.video-frame{background:#020e2261;box-shadow:inset 0 1px #ffffff38,0 12px 28px #00102c47}.system-selector__button:before,.system-link:before{content:"";position:absolute;inset:1px 1px auto;height:45%;border-radius:calc(var(--radius-control) - 1px);background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);opacity:.58;pointer-events:none}.system-selector__button,.system-link{position:relative;overflow:hidden}.system-selector__button.is-active{color:#fff;text-shadow:0 0 12px rgba(156,232,255,.64),1px 1px 2px rgba(0,0,0,.5)}.system-header:before,.system-header:after{content:"";position:absolute;right:10%;left:10%;z-index:-1;pointer-events:none}.system-header:before{top:1.3rem;height:6rem;background:radial-gradient(ellipse at center,rgba(210,246,255,.24),rgba(156,232,255,.1) 38%,transparent 72%);filter:blur(10px)}.system-header:after{top:4.6rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.65}.system-panel.is-active{animation:panel-reveal .16s ease-out both}.corner-accent{position:absolute;width:22px;height:22px;border-color:var(--color-line-strong)}.top-left{top:16px;left:16px;border-top:3px solid;border-left:3px solid}.top-right{top:16px;right:16px;border-top:3px solid;border-right:3px solid}.bottom-left{bottom:16px;left:16px;border-bottom:3px solid;border-left:3px solid}.bottom-right{right:16px;bottom:16px;border-right:3px solid;border-bottom:3px solid}@keyframes panel-reveal{0%{opacity:0;filter:brightness(1.35);transform:translateY(4px)}38%{opacity:.55;filter:brightness(1.8)}to{opacity:1;filter:brightness(1);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.system-panel.is-active{animation:none}}@media(max-width:480px){.support-links{grid-template-columns:1fr}}