.arcade-panel,.lab3d-panel,.cinema-panel,.discord-panel{display:none}
.arcade-panel.active,.lab3d-panel.active,.cinema-panel.active,.discord-panel.active{display:block}
.feature-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.feature-hero h3{font:900 clamp(40px,5vw,70px)/.88 "Barlow Condensed";margin:8px 0}.feature-hero p:last-child{max-width:520px;color:#929aa5;line-height:1.6}
.arcade-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:16px}.swing-game{position:relative;min-height:520px;background:linear-gradient(#162743,#080c13 72%);border:1px solid #334055;overflow:hidden}.swing-game canvas{width:100%;height:520px;display:block;touch-action:none}.game-hud{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;pointer-events:none}.game-hud span{background:#070a10dd;border:1px solid #394456;padding:9px 12px;font:800 10px Inter}.game-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#05070bd9;padding:30px}.game-overlay.hidden{display:none}.game-overlay h4{font:900 54px/.8 "Barlow Condensed";margin:8px 0}.game-overlay p{max-width:390px;color:#a3aab4;line-height:1.55}.game-overlay button{margin:auto}
.villain-event{background:linear-gradient(150deg,#2b1017,#0c1017 65%);border:1px solid #4d2931;padding:28px;min-height:520px;display:flex;flex-direction:column}.villain-portrait{font-size:84px;text-align:center;filter:drop-shadow(0 0 20px #e32636)}.villain-event h4{font:900 40px "Barlow Condensed";margin:8px 0}.villain-event p{color:#a3a9b2;line-height:1.55}.boss-bar{height:16px;background:#29151a;margin:18px 0 8px;overflow:hidden}.boss-bar span{display:block;height:100%;background:linear-gradient(90deg,#e32636,#ffb13b);transition:.6s}.boss-numbers{display:flex;justify-content:space-between;font:800 10px Inter}.villain-event button{margin-top:auto}
.lab3d-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.model-stage{min-height:650px;position:relative;background:radial-gradient(circle at 50% 35%,#263956,#070a0f 68%);border:1px solid #354154;overflow:hidden}.model-stage model-viewer{width:100%;height:650px;--poster-color:transparent}.model-loader{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#9ba4b1;pointer-events:none}.model-loader b{font:900 42px "Barlow Condensed";color:#fff}.model-tools{position:absolute;left:15px;right:15px;bottom:15px;display:flex;gap:7px;flex-wrap:wrap}.model-tools button,.suit-card,.photo-controls button{border:1px solid #465165;background:#0a0f17e8;color:#fff;padding:10px 13px;cursor:pointer;font:800 9px Inter;text-transform:uppercase}.model-tools button.active,.suit-card.active{background:#e32636;border-color:#e32636}.lab-sidebar{display:grid;gap:14px}.lab-card{background:#111720;border:1px solid #303947;padding:22px}.lab-card h4{font:900 28px "Barlow Condensed";margin:5px 0 13px}.suit-vault{display:grid;grid-template-columns:1fr 1fr;gap:7px}.suit-card{min-height:70px;text-align:left;position:relative}.suit-card.locked{opacity:.42}.suit-card small{display:block;color:#88919f;margin-top:5px}.photo-controls{display:grid;gap:8px}.photo-controls select,.photo-controls input{height:43px;background:#080c12;color:#fff;border:1px solid #354052;padding:0 10px}.photo-preview{width:100%;aspect-ratio:1.25;background:#070a10;margin-top:10px}
.cinema-shell{display:grid;grid-template-columns:1.45fr .55fr;min-height:630px;background:#05070b;border:1px solid #323b49}.cinema-screen{padding:25px;background:radial-gradient(circle at 50% 0,#291217,#05070b 58%)}.cinema-video{aspect-ratio:16/9;background:#000;display:grid;place-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 8px #0d121a,0 28px 70px #000}.cinema-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cinema-countdown{font:900 90px "Barlow Condensed";color:#fff;text-shadow:0 0 35px #e32636}.cinema-screen h4{font:900 36px "Barlow Condensed";margin:25px 0 0}.cinema-playlist{border-left:1px solid #313947;overflow:auto;max-height:630px}.cinema-item{width:100%;display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px;border:0;border-bottom:1px solid #262e3a;background:#0d1219;color:#fff;text-align:left;cursor:pointer}.cinema-item.active{background:#e32636}.cinema-item img{width:90px;aspect-ratio:16/9;object-fit:cover}.cinema-item strong{font-size:10px;align-self:center}
.cinema-comments{margin-top:18px;border-top:1px solid #29313e;padding-top:13px}.cinema-comments-feed{max-height:130px;overflow:auto;display:grid;gap:5px}.cinema-comment{background:#101620;padding:8px 10px;font-size:10px}.cinema-comment b{color:#ff4655;margin-right:7px}.cinema-comment-form{display:grid;grid-template-columns:1fr 46px;margin-top:8px}.cinema-comment-form input{height:42px;border:1px solid #354052;background:#080c12;color:#fff;padding:0 11px}.cinema-comment-form button{border:0;background:#e32636;color:#fff}
.bugle-extra{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.bugle-story{padding:22px;background:#f0ede5;color:#0a0c10;min-height:220px;border-top:5px solid #0a0c10}.bugle-story.lead h4{font-size:42px}.bugle-story h4{font:900 27px/.9 "Barlow Condensed";margin:8px 0}.bugle-story p{font:500 11px/1.6 Inter;color:#4f535a}.bugle-story span{font:800 8px Inter;color:#e32636;letter-spacing:1px}
.portal{position:absolute;z-index:25;width:42px;height:42px;border:1px solid #ff4251;border-radius:50%;background:radial-gradient(circle,#5bd6ff 0 12%,#e32636 14% 30%,#090c12 32%);box-shadow:0 0 20px #e32636;cursor:pointer;animation:portalPulse 1.5s infinite}.portal.found{opacity:.25;animation:none}.portal-toast{position:fixed;left:50%;bottom:90px;z-index:180;transform:translateX(-50%) translateY(30px);opacity:0;background:#090d14;color:#fff;border:1px solid #e32636;padding:16px 22px;font:800 11px Inter;transition:.25s;pointer-events:none}.portal-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.discord-link-card{max-width:760px;margin:auto;background:linear-gradient(140deg,#1a2250,#111720);border:1px solid #5865f2;padding:42px;text-align:center}.discord-mark{font-size:70px}.discord-link-card h3{font:900 54px "Barlow Condensed";margin:8px}.discord-link-card p{color:#abb1c6;line-height:1.65}.discord-state{margin:20px 0;padding:12px;border:1px solid #394466;color:#9ca7c8;font-size:11px}
@keyframes portalPulse{50%{transform:scale(1.18) rotate(180deg);box-shadow:0 0 40px #51c8ff}}
@media(max-width:850px){.arcade-grid,.lab3d-grid,.cinema-shell{grid-template-columns:1fr}.cinema-playlist{border-left:0;border-top:1px solid #313947;max-height:330px}.bugle-extra{grid-template-columns:1fr}.feature-hero{display:block}.model-stage,.model-stage model-viewer{min-height:520px;height:520px}}
@media(max-width:520px){.arcade-panel,.lab3d-panel,.cinema-panel,.discord-panel{padding:20px!important}.swing-game,.swing-game canvas{min-height:440px;height:440px}.game-overlay h4{font-size:42px}.model-stage,.model-stage model-viewer{min-height:460px;height:460px}.model-tools{bottom:8px;left:8px}.model-tools button{padding:9px}.suit-vault{grid-template-columns:1fr}.cinema-screen{padding:12px}.cinema-countdown{font-size:70px}}

@media(max-width:520px){.feature-hero{margin-bottom:18px}.feature-hero h3{font-size:42px;overflow-wrap:anywhere}.feature-hero p:last-child{font-size:11px}.arcade-panel,.lab3d-panel,.cinema-panel,.discord-panel{padding:15px!important}.swing-game,.swing-game canvas{min-height:360px;height:360px}.game-hud{inset:8px 8px auto}.game-overlay{padding:18px}.game-overlay h4{font-size:38px}.game-overlay p{font-size:11px}.villain-event{min-height:390px;padding:20px}.model-stage,.model-stage model-viewer{min-height:390px;height:390px}.model-tools{right:8px;max-height:125px;overflow-y:auto}.model-tools button,.suit-card,.photo-controls button{min-height:44px}.lab-card{padding:16px}.photo-controls select,.photo-controls input,.cinema-comment-form input{font-size:16px}.cinema-screen{padding:10px}.cinema-screen h4{font-size:29px}.cinema-playlist{max-height:280px}.cinema-item{grid-template-columns:76px minmax(0,1fr);min-height:62px}.cinema-item img{width:76px}.discord-link-card{padding:24px 16px}.discord-link-card h3{font-size:43px}.portal{width:46px;height:46px}.portal-toast{bottom:max(72px,calc(env(safe-area-inset-bottom) + 62px));max-width:calc(100vw - 24px);text-align:center}}@media(max-width:370px){.swing-game,.swing-game canvas{min-height:330px;height:330px}.model-stage,.model-stage model-viewer{min-height:350px;height:350px}.game-hud span{padding:7px;font-size:8px}}