/* The same chunky pixel palette as Mr. Go. */
header{flex-wrap:wrap;padding:20px max(24px,calc((100% - 1500px)/2));gap:22px}
header b{margin-right:auto;line-height:1.6}.home-pixel{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 20px;background:#ffdb41;color:#30223c;text-decoration:none;border:4px solid #fff0aa;box-shadow:5px 5px 0 #ad7732,9px 9px 0 #100b19;font-size:18px;line-height:1.25;transition:transform .12s;flex-shrink:0}.home-pixel svg{width:38px;height:38px;flex-shrink:0;shape-rendering:crispEdges}.home-pixel strong,.home-pixel small{display:block}.home-pixel small{font-size:9px;margin-top:5px;letter-spacing:.7px}.home-pixel:hover{transform:translate(-2px,-2px);background:#ffe879}.home-pixel:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #ad7732}.home-pixel:focus-visible{outline:3px solid #ff5185;outline-offset:8px}
main{max-width:1500px;padding-top:55px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:50px}.hero>div{min-width:0}
.attract{margin:28px 0 20px;border:3px solid #9a7ca7;background:#100c1b;box-shadow:7px 7px 0 #120d1c;position:relative;isolation:isolate}.attract-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-bottom:2px solid #7d608f;color:#ffdb41;font-size:10px;line-height:1.6;background:#352940}.attract-top i{display:inline-block;width:7px;height:7px;background:#86f0c1;box-shadow:2px 2px #3e826b;margin-right:8px}.attract-top small{color:#c6bdcd;font-size:9px;white-space:nowrap}.attract-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#090812;image-rendering:pixelated}.attract-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(transparent 0px,transparent 3px,#09081216 4px);box-shadow:inset 0 0 40px #05010d33}.attract .room{position:absolute;inset:0;border:0;margin:0;max-width:none;aspect-ratio:auto;transition:opacity .18s}.attract .mr{height:auto;transform-origin:50% 95%;width:60%;top:22%;left:20%;transition:left .2s steps(3)}.attract .host-bubble{position:absolute;top:10%;right:5%;z-index:3;background:#fff5df;color:#33213e;border:3px solid #664277;padding:9px 12px;max-width:45%;font-size:clamp(10px,1.1vw,15px);line-height:1.4;box-shadow:3px 3px 0 #0a0817}.host-bubble:after{content:'';position:absolute;bottom:-9px;left:14px;width:10px;height:10px;background:#fff5df;border-right:3px solid #664277;border-bottom:3px solid #664277}.attract video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#090812;image-rendering:pixelated;opacity:0;pointer-events:none;transition:opacity .18s}.attract[data-mode=video] video{opacity:1}.attract[data-mode=video] .room{opacity:0;pointer-events:none}.attract-bottom{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid #7d608f;background:#352940}.demo-copy{min-width:0}.demo-copy strong{display:block;font-size:12px;line-height:1.5;color:#fff5df}.demo-copy small{display:block;font-size:9px;color:#c6bdcd;margin-top:4px;line-height:1.6}.attract-controls{display:flex;gap:7px;flex-shrink:0}.attract-controls button{background:#241a30;border:2px solid #9a7ca7;box-shadow:2px 2px 0 #100b19;color:#ffdb41;padding:9px 11px;font-size:11px;min-width:42px;min-height:42px}.attract-controls button:hover{background:#5b3b65}.attract-controls button:focus-visible{outline:2px solid #ffdb41}.demo-progress{height:4px;background:#211a2c;overflow:hidden}.demo-progress i{display:block;width:0;height:100%;background:#ff5185}.attract[data-running=true] .demo-progress i{animation:demo-timer var(--demo-duration,6s) linear forwards}.attract[data-running=true] .mr{animation:chair-rock 2.8s steps(4,end) infinite}.attract[data-running=true] .attract-top i{animation:demo-led 1.8s steps(2,end) infinite}.game.is-demo{border-color:#ffdb41;box-shadow:0 0 0 2px #ffdb4144}.game{transition:border-color .2s}.game strong{max-width:calc(100% - 42px);vertical-align:top}.attract[data-running=false] .demo-progress i{animation-play-state:paused}
@keyframes demo-timer{to{width:100%}}@keyframes chair-rock{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-1deg)}65%{transform:translate(2px,0) rotate(1deg)}}@keyframes demo-led{50%{opacity:.35}}
@media(min-width:2200px){main{max-width:1900px}.hero{gap:80px}h1{font-size:90px}.desc{font-size:18px;max-width:660px}.ticket p{font-size:16px}.ticket .fine{font-size:12px}.demo-copy strong{font-size:15px}.home-pixel{font-size:20px}.home-pixel small{font-size:11px}}
@media(max-width:760px){header{padding:17px 20px;gap:15px}.home-pixel{min-height:58px;padding:10px 13px;gap:10px;font-size:15px}.home-pixel svg{width:28px;height:28px}.home-pixel small{font-size:8px}header b{font-size:10px;max-width:120px}.langs{margin-left:auto}.hero{grid-template-columns:1fr;gap:28px}main{padding:34px 20px 20px}.attract-top{font-size:9px;padding:8px 9px}.attract-top small{font-size:8px}.attract-bottom{padding:10px 9px;align-items:start;flex-wrap:wrap}.demo-copy{flex:1}.attract-controls button{padding:8px;font-size:10px}.attract .host-bubble{font-size:10px;padding:5px 7px;max-width:43%}.game strong{max-width:calc(100% - 34px)}body.playing header{padding:14px 18px}.home-pixel strong{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.attract *, .home-pixel{animation:none!important;transition:none!important}}