/* Midnight Pop: selected Bonk Brigade visual direction, October 9 2026. */
:root{--ink:#f5f6ff;--cream:#1c2040;--blue:#b6aaff;--coral:#ff6577;--mint:#64e0c8;--muted:#aeb8d7;--line:#45486f}
body{background:#171b33}body:before{background:radial-gradient(ellipse at 85% 36%,#4b3b8059,transparent 54%),radial-gradient(ellipse at 10% 0%,#64e0c819,transparent 45%)}
.header,.header.is-scrolled{background:#1c2040ee;border-color:#4b3b80;box-shadow:0 8px 30px #10122644}.header{padding-top:12px;padding-bottom:12px}
.brand{gap:0;line-height:1}.approved-logo{display:block;width:142px;aspect-ratio:2;overflow:hidden;position:relative;border-radius:13px;background:#65aafa}
.approved-logo img{position:absolute;width:292.571%;max-width:none;height:auto;left:-99.428%;top:0}
.nav-cta{background:#4b3b80;border:1px solid #8e7bd0;border-radius:12px;color:#fff}.nav-cta:hover{background:#665394;border-color:#b6aaff}
.hero{min-height:760px;padding-top:45px;padding-bottom:68px;gap:40px}.hero h1{font-size:clamp(52px,5.8vw,82px)}.combo{color:var(--coral)}.combo svg{stroke:var(--mint)}.hero .eyebrow{background:#232748;border-color:#665394;color:#e1deff}.hero-description{color:#c2c8e0}.hero-note{color:#c2c8e0}
.primary,.light{background:var(--coral);color:#fff;border-color:#ff98a6;box-shadow:0 4px 0 #9c3d67}.primary:hover{background:#ff7b8d;box-shadow:0 6px 0 #9c3d67}.secondary{background:#302b57;border-color:#8c7cc4;border-radius:12px}.button{border-radius:13px}
.midnight-hero{height:660px;min-width:0}.midnight-hero .scene-layer{inset:0}.mp-screen{position:absolute;height:auto;border:3px solid #8e7bd0;border-radius:24px;box-shadow:0 25px 65px #07091b80;max-width:none}
.mp-home-screen{width:62%;right:1%;top:25px;transform:rotate(5deg)}.mp-battle-screen{width:54%;left:1%;top:110px;transform:rotate(-7deg)}
.midnight-hero .bonk-sticker{right:0;top:0;color:#fff;background:var(--coral);border:2px solid #201c3d;box-shadow:4px 5px 0 #4b3b80;font-size:30px}.midnight-hero .art-caption{bottom:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#1c2040;border:1px solid #8e7bd0;color:#e7e4ff}
html[data-motion="on"] .mp-home-screen{animation:mpHomeFloat 8s ease-in-out infinite}html[data-motion="on"] .mp-battle-screen{animation:mpBattleFloat 9s ease-in-out infinite}
.is-bonking .mp-home-screen{animation:mpHomeBonk .6s ease-out!important}.is-bonking .mp-battle-screen{animation:mpBattleBonk .6s ease-out!important}
@keyframes mpHomeFloat{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(4deg)}}@keyframes mpBattleFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(7px) rotate(-6deg)}}@keyframes mpHomeBonk{0%,100%{transform:rotate(5deg)}40%{transform:translateY(15px) rotate(8deg)}}@keyframes mpBattleBonk{0%,100%{transform:rotate(-7deg)}40%{transform:translateY(12px) rotate(-10deg)}}
html[data-motion="off"] .mp-screen,html[data-motion="reduced"] .mp-screen,.motion-outside .mp-screen,.motion-page-hidden .mp-screen{animation:none!important}
.ticker{background:var(--mint);color:#19213d}.ticker span{color:#4b3b80}.section-heading .eyebrow,.resident-head .eyebrow,.world-heading .eyebrow{color:var(--mint)}
.app-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-preview-card{display:block;padding:0;overflow:hidden;border:2px solid #7463b4;border-radius:23px;background:#1c2040;color:#fff;box-shadow:0 14px 40px #07091b33;text-align:left;cursor:pointer;transition:transform .22s,border-color .22s}
.app-preview-card:hover{transform:translateY(-5px);border-color:var(--mint)}.app-preview-card img{display:block;width:100%;height:auto}.app-preview-card>span{display:block;padding:17px 18px;font-size:19px;font-weight:900}.app-preview-card small{display:block;margin-top:5px;font-size:10px;letter-spacing:.08em;color:#bbc1df}.preview-note{margin-top:23px;color:#b8bfdb;font-size:14px;max-width:790px}
.new-resident-boards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resident-board{min-width:0;padding:0;border:2px solid #7463b4;border-radius:22px;background:#1c2040;overflow:hidden;color:#eeeefe;text-align:left;cursor:pointer;box-shadow:0 14px 40px #07091b33}.resident-board img{width:100%;height:auto;display:block}.resident-board>span{display:block;padding:17px 18px;font-size:15px;font-weight:850}.resident-board:hover{border-color:var(--mint)}
.residents{background:linear-gradient(130deg,#252b50,#4b3b80);border-color:#8070b8}.resident-switch button.selected{background:#4b3b80;border-color:var(--mint)}.resident-stamp{background:var(--coral);color:#fff}
.world-grid article{background:#1c2040;border-color:#4b3b80}.world-grid article:hover{background:#252b50}.feature-tags>span{background:#332e59;border-color:#665394}.fair-play{background:#253c4a;border-color:#5babac}.contact{background:radial-gradient(ellipse at 95% 40%,#66539488,transparent 65%),linear-gradient(110deg,#302b57,#4b3b80);border-color:#8070b8}
dialog{max-width:min(1120px,94vw);max-height:93svh;background:#1c2040;border:2px solid #8e7bd0;border-radius:20px}dialog img{max-height:75svh;max-width:100%;object-fit:contain;width:auto;margin:0 auto;display:block}.gallery-bar{gap:18px}.gallery-close{border-radius:11px;background:#4b3b80}
@media(max-width:1100px){.hero{min-height:650px;gap:20px}.midnight-hero{height:560px}.mp-home-screen{width:66%;right:0}.mp-battle-screen{width:55%;left:0}.app-preview-grid{gap:18px}.app-preview-card>span{font-size:16px}.app-preview-card small{font-size:9px}}
@media(max-width:760px){.header{padding:9px 5%;gap:18px}.approved-logo{width:112px}.hero{padding-top:32px;padding-bottom:44px;gap:0;min-height:0}.hero h1{font-size:clamp(48px,10vw,70px)}.midnight-hero{height:clamp(510px,130vw,690px);margin:25px 0 8px}.mp-home-screen{width:64%;right:2%;top:35px}.mp-battle-screen{width:55%;left:1%;top:100px}.midnight-hero .bonk-sticker{font-size:25px;right:2%;top:3px}.midnight-hero .art-caption{font-size:8px;bottom:0;padding:8px 12px}.app-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-preview-card{border-radius:17px}.app-preview-card>span{font-size:14px;padding:13px 10px}.app-preview-card small{font-size:8px;letter-spacing:.02em}.new-resident-boards{grid-template-columns:1fr}.resident-board>span{font-size:14px}.section-heading h2{font-size:clamp(34px,8.5vw,48px)}}
@media(max-width:360px){.approved-logo{width:102px}.midnight-hero{height:445px}.app-preview-grid{gap:10px}.app-preview-card>span{font-size:12px}.app-preview-card small{font-size:7px}.nav-cta{padding:9px 10px;font-size:10px}.midnight-hero .art-caption{font-size:7px}.hero .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.mp-screen{animation:none!important}.app-preview-card{transition:none}}


.victory-preview{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:65px;align-items:center}.victory-art{padding:0;border:2px solid #8070b8;background:#1c2040;border-radius:23px;overflow:hidden;cursor:pointer;box-shadow:0 20px 55px #080a2044}.victory-art img{display:block;width:100%;height:auto}.victory-preview h2{font-size:clamp(36px,4.8vw,62px)}.victory-preview p:not(.eyebrow){color:#bbc3df;font-size:16px;max-width:490px;margin-top:23px}.victory-preview .eyebrow{color:var(--mint)}@media(max-width:760px){.victory-preview{grid-template-columns:1fr;gap:28px}.victory-preview>div{grid-row:1}.victory-art{max-width:360px;margin:auto}}