.demo-page.moon{--accent:#ffd27a;--soft:#f0dfce}.moon .intro h1{color:#713332;text-shadow:2px 2px #ffd27a}.moon .game{position:relative;background:#263e52}.moon canvas{display:block;width:100%;height:450px}.moon-hud{position:absolute;left:20px;top:20px;background:#292333df;color:#fffbed;padding:12px 17px;border-radius:16px;border:1px solid #fffbed44;pointer-events:none}.moon-hud small{font-size:9px;letter-spacing:1.5px;font-weight:800}.moon-hud strong{display:block;font:48px/1.1 KroakedDisplay,Arial}.moon-message{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#fffbedee;border:2px solid #292333;border-radius:20px;text-align:center;font:15px KroakedDisplay,Arial;max-width:85%;width:max-content;pointer-events:none}.moon-actions{display:flex;gap:12px;margin:20px auto 0;max-width:600px}.moon-actions button{flex:1;min-height:54px;background:#292333;color:#fffbed}.moon-actions .bank{background:#ffd27a;color:#292333}.moon-actions button:disabled{opacity:.45}.moon-progress{display:flex;gap:6px;margin:17px 0 10px}.moon-dot{flex:1;height:6px;border-radius:8px;background:#e5dece}.moon-dot.on{background:#bc6352}.moon-risk{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#776c80}.moon .panel{display:grid;grid-template-columns:1fr 1.6fr}.moon .label{display:block;margin-bottom:8px}.moon .foot{display:flex;justify-content:space-between;gap:15px}.moon .payout{text-align:center;color:#776c80;font-size:11px;margin:12px 0 0;min-height:16px}.moon .history{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;font-size:10px}.moon .history span{padding:6px 10px;border-radius:20px;background:#ede6d7}.moon .history .win{background:#dcedb8}.moon .paused{position:absolute;inset:0;background:#292333bb;color:white;place-content:center;text-align:center;font:24px KroakedDisplay}.moon .paused:not([hidden]){display:grid}.moon .stat-table{overflow:auto}.moon .stat-table table{min-width:330px}.moon .cameo img{height:95px;width:85px;object-fit:contain}@media(max-width:750px){.moon canvas{height:390px}.moon-hud{left:14px;top:14px;padding:10px 13px}.moon-hud strong{font-size:40px}.moon-message{font-size:13px}.moon-actions{margin-top:16px;gap:8px}.moon-actions button{padding:12px 10px;font-size:13px}.moon .panel{grid-template-columns:1fr 1.25fr}.moon-risk{font-size:10px}.moon .foot{font-size:9px}}@media(max-width:370px){.moon .demo-nav-actions{gap:7px}.moon .sound{padding:9px 11px}.moon .brand-logo{width:100px}}