:root{color-scheme:dark;--bg:#0b0d15;--panel:#151926;--line:#2a3042;--muted:#929bb3;--accent:#bbf66b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f6ff;font:16px Outfit,system-ui,sans-serif}header{padding:26px 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}a{color:inherit;text-decoration:none}.logo{font-size:26px;font-weight:800;letter-spacing:-1px}.logo span{color:var(--accent);margin-left:7px}nav{display:flex;gap:26px}.tag{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:2px}main{max-width:1400px;margin:auto;padding:0 5vw}.hero{padding:64px 0 34px;background:radial-gradient(ellipse at 85% 0,#24303270,transparent 60%)}h1{white-space:pre-line;font-size:clamp(36px,5vw,68px);letter-spacing:-2px;line-height:1.08;margin:16px 0 24px}p{color:var(--muted);line-height:1.7}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:3px}.consoles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:18px 0 55px}.console{background:linear-gradient(150deg,#20283b,#141826);padding:25px;text-align:left;border:1px solid var(--line);border-radius:18px;cursor:pointer;color:white}.console.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.console b{font-size:21px;display:block;margin:28px 0 10px}.console small{color:var(--muted)}.symbol{font-size:27px;letter-spacing:5px;color:var(--accent)}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.row input{max-width:300px}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.game,.empty,.admin article{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:16px}.game h3{margin:25px 0 8px;overflow-wrap:anywhere}.empty{grid-column:1/-1;padding:45px}.empty h3{font-size:26px}.game small{color:var(--muted)}button{background:var(--accent);color:#102000;border:0;border-radius:9px;padding:12px 19px;font:600 15px inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}.game button{margin-top:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.secondary{background:#2b3349;color:#eee}label{display:block;color:var(--muted);margin:15px 0}input,select{width:100%;background:#0e121d;border:1px solid var(--line);border-radius:8px;color:white;padding:12px;margin-top:7px;font:inherit}input[type=checkbox]{width:auto}progress{width:100%;margin-top:18px;accent-color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin{margin-top:55px;padding-top:20px;border-top:1px solid var(--line)}code{color:#d2ecad;overflow-wrap:anywhere}footer{color:var(--muted);padding:50px 0;font-size:13px}.login{max-width:520px;padding-top:12vh}.login h1{font-size:45px}.login button{width:100%;margin-top:15px}#notice{position:sticky;top:12px;z-index:4;border-radius:10px;background:#303c20;color:#e8ffd4;padding:16px;display:none}h2{font-size:28px}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:700px){header{gap:20px;flex-wrap:wrap}.tag{display:none}.grid{grid-template-columns:1fr}.consoles{grid-template-columns:repeat(2,1fr)}.hero{padding-top:35px}.row{align-items:start;flex-direction:column}.row input{max-width:none}}

.game img{width:100%;height:220px;object-fit:cover;border-radius:9px}

body{background:radial-gradient(ellipse at 80% 25%,#183e5a 0,transparent 48%),radial-gradient(ellipse at 0 100%,#19352b 0,transparent 45%),#0b0e17;background-attachment:fixed}header{background:#101722aa;border-bottom-color:#ffffff12}.hero{padding:38px 0 18px;background:none}.hero h1{font-size:42px;margin:8px 0 14px}.hero>p:last-child{margin:0}.consoleStage{min-height:340px;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 55px;background:linear-gradient(120deg,#132c3b99,#266a7020);border:1px solid #85cbe32a;overflow:hidden;position:relative;margin-top:26px}.consoleStage:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #a5deea14;border-radius:50%;right:-50px;top:-75px;box-shadow:0 0 0 45px #9feef307,0 0 0 90px #9feef305;pointer-events:none}.stageText{position:relative;z-index:1}.stageText h2{font-size:clamp(32px,4vw,58px);letter-spacing:-2px;margin:14px 0}.stageBadge{font-size:10px;letter-spacing:2px;border:1px solid #baf66b44;border-radius:20px;padding:9px 14px;color:var(--accent);display:inline-block;margin-top:12px}.machineScene{position:relative;height:260px;perspective:800px;z-index:1}.machine{width:220px;height:145px;background:linear-gradient(140deg,#e2e4d8,#a1aaa9);border:2px solid #c4cbc5;border-radius:12px;position:absolute;top:35px;left:50%;transform:translateX(-50%) rotateX(28deg) rotateZ(-14deg);box-shadow:0 14px 0 #657476,0 30px 50px #0009;transition:transform .35s,background .35s}.machine span{position:absolute;width:92px;height:92px;left:60px;top:20px;border:2px solid #808e8c;border-radius:50%;box-shadow:inset 0 2px 6px #0002}.machine i{position:absolute;left:17px;top:28px;width:18px;height:18px;background:#566b68;border-radius:50%;box-shadow:0 66px 0 #657a73}.machine b{position:absolute;bottom:12px;right:15px;font:800 14px system-ui;letter-spacing:3px;color:#435554}.machine.ps2{height:180px;width:145px;background:repeating-linear-gradient(0deg,#182b43 0,#182b43 5px,#29405b 6px,#192c43 8px);border-color:#28425c;top:10px;box-shadow:12px 12px 0 #0e1c30,0 30px 50px #0009;transform:translateX(-50%) rotateY(-25deg) rotateZ(-8deg)}.machine.ps2 span{height:6px;width:100px;left:20px;top:50px;border-radius:0;background:#050c12;border:0}.machine.ps2 b{color:#80a8d1;bottom:25px}.machine.ps3{background:linear-gradient(120deg,#1b2330,#344053,#141f2c);border-radius:65px 20px 20px 65px;border-color:#4e5967;width:245px}.machine.ps3 span{border:0;border-radius:0;height:3px;width:160px;top:75px;left:50px;background:#090e19}.machine.ps3 b,.machine.ps4 b{color:#c1d1e2}.machine.ps4{border-radius:3px;transform:translateX(-50%) rotateX(35deg) rotateZ(-18deg) skewX(-10deg);background:linear-gradient(0deg,#101b2c 45%,#528fd6 46%,#528fd6 49%,#22344b 50%);border-color:#42576d;width:240px}.machine.ps4 span{display:none}.gamepad{width:160px;height:68px;background:linear-gradient(150deg,#84959a,#465d68);border-radius:40px 40px 30px 30px;position:absolute;left:50%;bottom:0;transform:translateX(-20%) rotate(-8deg);box-shadow:0 15px 35px #0008;color:#1e343e;font-size:24px;padding:15px 20px}.gamepad span{font-size:30px}.gamepad em{position:absolute;right:12px;top:9px;font:normal 14px system-ui;color:#c2f2e6;letter-spacing:4px}.consoles{display:flex;gap:14px;overflow-x:auto;padding:5px 2px 15px;margin:24px 0 30px}.console{min-width:215px;flex:1;padding:18px 22px;border-radius:14px;background:#132232a0}.console b{margin:10px 0;font-size:19px}.console span{color:#8dadbf;font-size:17px}.console.selected{background:#1c383e;box-shadow:0 0 22px #baf66b0c}.library{margin-top:10px}.games>.actions{grid-column:1/-1}.game{background:linear-gradient(150deg,#203244,#121d2b)}.empty{min-height:180px;background:#14223088;border-style:dashed;text-align:center}.empty p{max-width:560px;margin:auto}.empty h3{margin-top:10px}.admin{margin-top:35px}body[data-admin="1"] .consoleStage{display:none}body[data-admin="1"] .hero h1{font-size:42px}@media(max-width:700px){.consoleStage{grid-template-columns:1fr;padding:30px;min-height:410px}.stageText h2{font-size:38px}.machineScene{height:200px}.machine{top:15px}.machine.ps2{top:-5px;height:155px}.gamepad{bottom:0}.hero h1{font-size:32px}.console{min-width:175px}.stageBadge{display:none}}

[hidden]{display:none!important}.seatbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;background:#0c1729aa;border:1px solid #6f9ebc44;border-radius:14px;margin-top:18px;font-size:14px}.seatbar>span{margin-right:auto}.pill{background:#bbf66b;color:#132307;padding:10px 14px;border-radius:8px}.resourceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.resourceGrid article{padding:20px!important;display:flex;flex-direction:column;gap:9px}.resourceGrid small,.resourceGrid span{color:#9fb5c8;font-size:12px}.resourceGrid strong{font-size:24px}.padHint{font-size:13px;letter-spacing:.5px;margin-top:28px}button:focus-visible,.console:focus{outline:3px solid #d9ff9e;outline-offset:5px;box-shadow:0 0 25px #baf66b44}.intro{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 55%,#1a305b,#070b18 65%);display:grid;place-items:center;overflow:hidden;transition:opacity .7s,visibility .7s}.intro.dismissed{opacity:0;visibility:hidden}.introBrand{position:relative;text-align:center;font-size:clamp(38px,7vw,88px);font-weight:850;letter-spacing:10px;text-shadow:0 0 40px #88bfff99;animation:brandReveal 3s both}.introBrand span{color:#bbf66b}.introBrand small{display:block;font-size:12px;font-weight:400;letter-spacing:7px;margin-top:20px;color:#a3c2dd}.intro>button{position:absolute;bottom:8vh;background:transparent;color:#b7c8df;border:1px solid #819bb744;font-size:13px;animation:brandReveal 3s both}.orbit{position:absolute;width:350px;height:350px;animation:orbitArrive 3s both}.orbit i{position:absolute;inset:0;border:2px solid #6ccbee66;border-radius:25%;transform:rotateX(65deg) rotateZ(35deg);box-shadow:0 0 30px #4e9ee533,inset 0 0 30px #4e9ee533;animation:orbitSpin 4s ease-in-out both}.orbit i:nth-child(2){transform:rotateY(65deg) rotateZ(35deg);border-color:#bbf66b88;animation-delay:.15s}.orbit i:nth-child(3){transform:rotateZ(45deg) scale(.7);border-color:#b58cff77;animation-delay:.3s}@keyframes brandReveal{0%,25%{opacity:0;transform:translateY(20px);filter:blur(12px)}75%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes orbitArrive{0%{opacity:0;transform:scale(3)}40%{opacity:1;transform:scale(1)}100%{opacity:.3;transform:scale(1.25)}}@keyframes orbitSpin{0%{rotate:0deg}100%{rotate:180deg}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.intro{transition:none}.introBrand{opacity:1}}@media(max-width:700px){.introBrand{letter-spacing:4px}.orbit{width:240px;height:240px}.seatbar{font-size:12px}.resourceGrid{grid-template-columns:1fr 1fr}}

body.booting{overflow:hidden}.introBrand{animation-duration:2s}

.resourceOverview{margin:28px 0}.resourceGrid article{border:1px solid var(--line);background:var(--panel);border-radius:16px}