@font-face{font-family:Fredoka;src:url('/demo/play/fonts/Fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;font-family:Arial,sans-serif;color:#fff;background:#090909;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffd400;outline-offset:5px}[hidden]{display:none!important}
.demo-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff20;padding:12px max(24px,calc((100vw - 1600px)/2));background:#030303}.brand img{display:block;width:172px;height:66px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:28px}.back{text-decoration:none;font-size:14px;color:#d8d8d8}.back:hover{color:#ffd400}.language select{max-width:190px;padding:12px 34px 12px 14px;border-radius:12px;border:1px solid #ffffff55;color:white;background:#111;font-weight:700}
main{max-width:1648px;margin:0 auto;padding:28px 24px 12px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#ffd400;margin:0 0 8px}h1{font-family:Fredoka,Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;margin:0;line-height:1.1}h2{font-family:Fredoka,Arial,sans-serif;font-weight:600;line-height:1.2}.outline-button{background:#181818;border:1px solid #ffffff45;border-radius:10px;color:white;padding:12px 18px;min-height:44px;font-weight:700;font-size:14px}.outline-button:hover{background:#262626}
.player{position:relative;aspect-ratio:2/1;width:100%;border-radius:18px;overflow:hidden;background:#17100b;box-shadow:0 10px 36px #0008}.player:fullscreen{border-radius:0;aspect-ratio:auto;background:#17100b}.launch{height:100%;position:relative}.launch>img{display:block;width:100%;height:100%;object-fit:cover}.launch-copy{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:26px;padding:55px 24px 24px;background:linear-gradient(transparent,#000e 45%)}.launch-copy p{font-weight:700;line-height:1.5;max-width:450px;margin:0}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#ffd400;border:0;box-shadow:0 4px 0 #b99b00;color:#080808;font-weight:800;border-radius:99px;min-height:52px;padding:14px 28px;white-space:nowrap}.play-button:hover{background:#ffe348}iframe{display:block;border:0;width:100%;height:100%;background:#211712}
.under-game{display:grid;grid-template-columns:1fr 330px;gap:40px;margin-top:22px}.instructions p{font-size:14px;line-height:1.65;color:#e2e2e2;margin:0 0 8px}.instructions .save-note{color:#9b9b9b;font-size:12px}.coming{display:flex;align-items:flex-start;gap:12px;padding:0 0 0 24px;border-left:1px solid #ffffff30}.coming p{font-size:14px;line-height:1.6;margin:0;color:#f5e4a5}.status-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#ffd400;margin-top:8px}.mobile-notice{display:none;background:#151515;border:1px solid #ffffff22;border-radius:16px;overflow:hidden}.mobile-notice>img{display:block;width:100%;height:auto}.mobile-notice>div{padding:22px}.mobile-notice h2{font-size:28px;margin:12px 0}.mobile-notice p:not(.eyebrow){font-size:15px;line-height:1.65;color:#ccc}.copy-status:empty,#player-status:empty{display:none}#player-status{color:#e4cb79;font-size:14px}footer{max-width:1600px;border-top:1px solid #ffffff20;margin:14px auto 0;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#999}footer a{text-decoration:none}footer a:hover{color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:899px){.demo-header{height:76px;padding:10px 16px;gap:12px}.brand img{width:136px;height:54px}.header-actions{gap:12px}.header-actions .back{display:none}.language select{max-width:148px;font-size:12px;padding:10px}main{padding:24px 16px 6px}.game-heading{margin-bottom:20px}.eyebrow{font-size:10px}.under-game{grid-template-columns:1fr;gap:16px}.coming{padding:16px 0 0;border-left:0;border-top:1px solid #ffffff20}.coming p{font-size:15px}.coming .status-dot{margin-top:9px}footer{padding:20px 16px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* The board uses every available pixel; controls float only over menus. */
.game-expanded{overflow:hidden;overscroll-behavior:none}
.player.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:var(--player-height,100dvh);aspect-ratio:auto;border-radius:0;display:block;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#211712}
.player:fullscreen{width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box}
.player:-webkit-full-screen{width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box}
.player::backdrop{background:#211712}
.is-expanded iframe{display:block;width:100%;height:100%;min-height:0}
.screen-controls{position:absolute;z-index:50;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px}
.screen-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;background:linear-gradient(#98633d,#573323);border:2px solid #edc484;border-radius:12px;box-shadow:0 3px 8px #0005;color:#fff1d3;font:600 14px Fredoka,Arial,sans-serif}
.screen-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.screen-controls button:disabled{opacity:.6}
#collapse-game{padding:9px}
.screen-status{position:absolute;z-index:50;top:60px;left:max(12px,env(safe-area-inset-left));max-width:min(340px,calc(100% - 24px));padding:12px 16px;margin:8px 0;background:#2d1c13f0;border:1px solid #bd8858;border-radius:12px;color:#ffe6be;font:400 14px/1.4 Fredoka,Arial,sans-serif;pointer-events:none}
@media(max-width:899px){
 .game-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}
 .player:not(.is-expanded){aspect-ratio:auto}
 .launch>img{height:auto;aspect-ratio:1836/856;object-fit:contain}
 .launch-copy{position:static;display:flex;flex-direction:column;gap:12px;padding:18px 16px 22px;background:#211712;text-align:center}
 .launch-copy p{font-size:15px}.play-button{width:100%;max-width:340px;padding-inline:20px;font-size:15px}
 .instructions p{font-size:14px}
}
@media(max-width:640px){#fullscreen-label{display:none}}

footer{flex-wrap:wrap}.demo-legal{display:flex;flex-wrap:wrap;gap:12px 24px}.demo-legal a{min-height:44px;display:inline-flex;align-items:center;line-height:1.5}