@font-face{font-family:Bop;src:url('/assets/title.ttf')}@font-face{font-family:Body;src:url('/assets/body.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#111a29;color:#fff6df;font-family:Body,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ff8b9d;outline-offset:6px}button{border:0}header{max-width:1440px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{font-family:Bop;font-size:27px;display:flex;align-items:center;gap:11px;line-height:1}.brand img{border-radius:9px}.brand small{display:block;font-family:Body;font-size:9px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:bold;letter-spacing:1px}nav a:hover,.text-link:hover{color:#ffd057}.small-play{padding:13px 19px;background:#ffd057;color:#192032;border-radius:4px;font-weight:bold}.small-play span{padding-left:20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;gap:40px;align-items:center;padding:65px 6% 80px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#efcc85;display:block}.eyebrow i{display:inline-block;background:#f26b80;width:7px;height:7px;border-radius:50%;margin-right:8px}h1,h2,h3{font-family:Bop;margin:0;line-height:1.05;font-weight:normal}h1{font-size:clamp(52px,5.4vw,82px);margin:25px 0 22px;letter-spacing:-1px}em{font-style:normal;color:#ffd057}h1 em{color:#f4798d}.intro{font-size:17px;line-height:1.7;color:#cbd0d9;margin-bottom:28px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:20px 25px;border-radius:5px;font-weight:bold;font-size:13px;letter-spacing:.4px;transition:transform .15s,background .15s}.primary{background:#ffd057;color:#182030;box-shadow:0 4px 0 #b37b2b}.primary:hover{background:#ffe194;transform:translateY(-2px)}.text-link{background:none;color:#f6e6c6;font-size:12px;padding:10px 0}.text-link span{margin-left:9px}.fine{color:#9da6b4;font-size:11px;line-height:1.7}.actions+.fine{margin-top:20px}.hero-stats{display:flex;gap:29px;margin-top:36px;padding-top:25px;border-top:1px solid #ffffff20;font-size:9px;letter-spacing:1.3px;color:#b1bbc8}.hero-stats b{display:block;font-family:Bop;font-size:28px;color:#fff6df;margin-bottom:4px}.cover-wrap{position:relative;transform:rotate(2deg);padding:10px;background:#ffe9b4;border-radius:8px;box-shadow:14px 14px 0 #080e19}.cover{width:100%;height:auto;display:block;border-radius:3px}.cover-caption{font-size:9px;color:#3b3642;text-align:center;letter-spacing:1px;display:block;padding:10px 0 3px;font-weight:bold}.sticker{position:absolute;z-index:1;right:-15px;top:-23px;border-radius:50%;width:102px;height:102px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);font-family:Bop;font-size:18px;background:#f788a0;color:#2a2033;border:3px solid #121a29;box-shadow:3px 3px 0 #121a29}.ticker{overflow:hidden;background:#f78096;color:#291b2e;border-block:3px solid #080f1c;white-space:nowrap;padding:15px 0;font-family:Bop;font-size:20px;letter-spacing:2px;transform:rotate(-1deg)}.ticker span{display:block;width:max-content}.the-bop{padding:95px 6%;max-width:1440px;margin:auto}.section-heading h2{font-size:clamp(35px,4vw,56px);margin:17px 0 22px}.section-heading p{color:#bbc4d0;line-height:1.8;font-size:14px}.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.moves article{border-top:2px solid #ffffff28;padding-top:22px}.moves b{font-family:Bop;font-size:14px;color:#f78096}.moves h3{font-size:26px;margin-top:10px}.moves p{font-size:14px;line-height:1.8;color:#bac3cf;max-width:320px}.game-shot{margin:50px 0 0}.game-shot img{width:100%;height:auto;border:1px solid #ffe4a04a;border-radius:7px;display:block}.game-shot figcaption{font-size:9px;letter-spacing:1.2px;margin-top:13px;color:#9da6b4}.world-tour{background:#182436;padding:80px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.world-tour>*{width:100%;max-width:650px}.world-tour>.section-heading{justify-self:end;max-width:430px}.world-list{padding:0;margin:0;list-style:none}.world-list li{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid #ffffff20}.world-list li>span{font-family:Bop;font-size:20px;color:#828f9f}.world-list h3{font-size:22px}.world-list p{font-size:11px;color:#a9b6c7;margin:7px 0 0}.world-list strong,.world-list i{margin-left:auto;font-size:9px;letter-spacing:1px;white-space:nowrap}.world-list i{font-style:normal;color:#97a4b8}.world-list strong{color:#ffd057}.world-list .free>span{color:#ffd057}.unlock{display:flex;align-items:center;justify-content:space-between;gap:50px;margin:0 auto;padding:85px 6%;max-width:1320px}.unlock h2{font-size:clamp(36px,4vw,57px);margin:20px 0}.unlock p{line-height:1.8;color:#b9c4d2;font-size:14px}.price{border:1px solid #d3ab644a;border-radius:9px;padding:30px 40px;min-width:310px;text-align:center;background:#192335}.price>span{font-size:10px;letter-spacing:2px;color:#d5c4a4}.price strong{font-family:Bop;font-size:74px;display:block;color:#ffd057;margin:15px 0}.price p{font-size:11px}.price .button{width:100%;margin-top:14px;font-size:11px;gap:20px}.restore{display:block;background:none;color:#d4cdbd;text-decoration:underline;font-size:11px;padding:16px;margin:10px auto 0}.preview-notice{display:inline-block;margin-top:12px;font-size:9px;color:#f49aaa;letter-spacing:1px;border:1px solid #f49aaa45;padding:10px}.controls{text-align:center;padding:40px 6% 55px;border-top:1px solid #ffffff14}.controls p{color:#b8c3cf;font-size:12px;line-height:2.4}kbd{display:inline-block;font-family:Body;font-size:10px;background:#243247;border:1px solid #40506a;border-bottom:3px solid #40506a;padding:1px 8px;border-radius:4px;color:#fff3d6;margin-left:15px;margin-right:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 6%;border-top:1px solid #ffffff20;background:#0c1421}footer p{font-size:10px;line-height:1.8;color:#8e9bad}footer .brand{font-size:22px;display:block}dialog{color:#fff1dc;border:1px solid #dfbb7d60;background:#152031;padding:45px;max-width:510px;width:calc(100% - 30px);border-radius:12px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#050911d9;backdrop-filter:none}dialog h2{font-size:42px;margin:22px 0}dialog p{color:#bec8d7;line-height:1.7;font-size:14px}dialog .button{width:100%;margin-top:15px}.modal-close{position:absolute;right:15px;top:15px;background:none;color:#fff1dc;padding:8px}.status-box{border-left:3px solid #f78096;background:#ffffff07;padding:18px;margin:25px 0}.status-box b{color:#fca2b3}.status-box p{margin-bottom:0;font-size:12px}.game-dialog{width:min(1400px,96vw);max-width:none;padding:0;overflow:hidden}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px}.dialog-bar b{font-family:Bop;font-size:18px}.dialog-bar small{font-family:Body;font-size:9px;color:#b4becc;margin-left:15px}.dialog-bar button{font-size:9px;background:#253348;color:#fff0d4;padding:10px;margin-left:8px}.game-dialog iframe{width:100%;aspect-ratio:16/9;display:block;border:0;background:#070d16}#game-placeholder{min-height:300px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;background:linear-gradient(#101927dd,#101927dd),url('/assets/washington.png') center/cover}#game-placeholder>p:first-child{font-family:Bop;font-size:30px;color:#ffdb76}#start-engine{width:auto}.game-note{font-size:10px!important;text-align:center;margin:9px!important}.game-dialog:fullscreen{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.game-dialog:fullscreen #game-container{flex:1;min-height:0}.game-dialog:fullscreen iframe{height:100%;aspect-ratio:auto}@media(max-width:850px){header{padding:20px 6%}nav a{display:none}nav{gap:10px}.hero{grid-template-columns:1fr;gap:60px;padding-top:40px}.hero-copy{text-align:center}.actions,.hero-stats{justify-content:center}h1{font-size:clamp(46px,8vw,70px)}.cover-wrap{max-width:540px;width:90%;margin:auto}.moves{gap:22px}.world-tour{grid-template-columns:1fr;gap:25px}.world-tour>.section-heading{justify-self:start;max-width:none}.world-tour>*{max-width:none}.unlock{gap:25px}.price{min-width:280px;padding:28px}.unlock h2{font-size:38px}}@media(max-width:580px){.brand{font-size:22px}.brand img{width:35px;height:35px}.small-play{font-size:10px}.small-play span{padding-left:8px}.hero{padding-bottom:60px}.intro{font-size:14px}.actions{gap:13px}.hero-stats{gap:27px}.hero-stats b{font-size:25px}.hero-stats span{font-size:8px}.sticker{height:85px;width:85px;font-size:15px;right:-8px}.cover-caption{font-size:7px}.moves{grid-template-columns:1fr;gap:18px}.moves p{max-width:none}.the-bop{padding-block:65px}.game-shot{margin-top:32px}.world-tour{padding-block:55px}.world-list{font-size:10px}.world-list h3{font-size:18px}.world-list li{gap:14px}.world-list i,.world-list strong{font-size:8px}.unlock{flex-direction:column;align-items:stretch;padding-block:60px}.unlock h2{font-size:43px}.price{min-width:0;margin-top:10px}.controls p{font-size:11px}kbd{margin-left:7px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.dialog-bar{padding:10px;gap:7px}.dialog-bar small{display:none}.dialog-bar button{padding:8px;font-size:8px}.game-note{font-size:8px!important}dialog{padding:32px 25px}dialog h2{font-size:37px}#game-placeholder{min-height:250px;aspect-ratio:auto}.game-dialog{width:98vw} .game-dialog iframe{min-height:260px}.fine{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#game-performance{font:11px Body,Arial,sans-serif;color:#ffe199;white-space:nowrap}.dialog-bar{flex-wrap:wrap}

/* Fit the complete 16:9 game inside the visible phone viewport. */
.game-dialog{max-height:calc(100dvh - 16px)}
.game-dialog[open]{display:flex;flex-direction:column}
.game-dialog #game-container{flex:1;min-height:0;overflow:hidden}
.game-dialog iframe{max-height:calc(100dvh - 100px)}
@media(pointer:coarse),(max-width:850px) and (max-height:600px){
 .game-dialog[open]{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;border-radius:0;overflow:hidden}
 .game-dialog .dialog-bar{flex:0 0 auto;min-height:38px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));gap:4px}
 .game-dialog .dialog-bar b{font-size:14px}.game-dialog .dialog-bar small{display:none}
 .game-dialog .dialog-bar button{padding:8px 7px;margin-left:3px;font-size:9px;min-height:32px}
 .game-dialog #game-performance{display:none}.game-dialog #game-quality{display:none}
 .game-dialog #game-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#070d16}
 .game-dialog iframe{width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto}
 .game-dialog .game-note{display:none}
 .game-dialog #game-placeholder{height:100%;width:100%;min-height:0;aspect-ratio:auto;padding:10px}
}

.open-game{display:inline-block;font-size:9px;background:#253348;color:#fff0d4;padding:9px;margin-left:3px}
.game-dialog.game-expanded[open]{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-radius:0}
.game-expanded #game-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#070d16}
.game-expanded iframe{width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto}
.game-expanded .game-note{display:none}