.casino-wallet{padding:17px 22px 13px;background:linear-gradient(115deg,#263d35,#153237 70%);border-bottom:1px solid #d5b97c55}.casino-wallet-top{display:flex;gap:18px;align-items:center}.casino-wallet-top>div{display:flex;align-items:center;gap:14px}.casino-wallet-top span{font-size:8px;letter-spacing:1.4px;color:#d9cb9d;max-width:65px;line-height:1.6}.casino-wallet-top strong{font-size:31px;color:#ffe3a4;font-weight:650;font-variant-numeric:tabular-nums}.casino-wallet-top>p{font-size:9px;line-height:1.6;color:#b2c8bc;margin:0;border-left:1px solid #d1c18e44;padding-left:15px}.casino-wallet-top>a{margin-left:auto;font-size:9px;color:#c6dfce;border-bottom:1px solid #c6dfce55;padding-bottom:3px;white-space:nowrap}.casino-session{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #d0c99922}.casino-session>span{font-size:7px;letter-spacing:1px;color:#b1c8bf}.casino-session dl{display:flex;gap:22px;margin:0}.casino-session dt{font-size:8px;color:#a8beb7;margin-bottom:4px}.casino-session dd{font-size:15px;margin:0;color:#f2e3bf;font-variant-numeric:tabular-nums}.casino-wallet #casino-status{font-size:9px;line-height:1.6;color:#b6d3c5;margin:11px 0 0;min-height:15px}.casino-wallet #casino-refill{margin-top:10px;border:1px solid #d8bb7e;border-radius:7px;background:#edcd8c;color:#183c34;font-size:10px;font-weight:700;padding:11px 13px;min-height:42px}.casino-ammo{padding:13px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.casino-ammo>div>span{display:block;font-size:7px;letter-spacing:1.1px;color:#a8c1b7;margin-bottom:8px}.casino-ammo [role=group]{display:flex;gap:5px}.casino-ammo button{border:1px solid #b3c9af44;border-radius:7px;background:#07232b;color:#a6c5b9;min-height:37px;min-width:57px;padding:8px 10px;font-size:10px}.casino-ammo button[aria-pressed=true]{border-color:#e6c07b;color:#ffdda0;background:#484633;box-shadow:inset 0 0 0 1px #e6c07b22}.casino-ammo>p{font-size:9px;line-height:1.7;text-align:right;margin:0}.casino-ammo b,.casino-ammo p span,.casino-ammo small{display:block}.casino-ammo b{color:#e5d3a6;font-weight:600}.casino-ammo p span{color:#b1d4c4}.casino-ammo small{font-size:7px;color:#8daea9}.game-bottom{align-items:flex-start}.game-bottom>div{flex-wrap:wrap;justify-content:flex-end}#casino-end{color:#f2d18c;border-bottom:1px solid #f2d18c55}.casino-explanation{padding:18px 22px;border:1px solid #8cb5a533;background:#0b2930;border-radius:13px;margin-top:20px}.casino-explanation>p{font-size:10px;line-height:1.8;color:#a9c2ba;margin:0 0 10px}.casino-explanation b{color:#d7ddc2;font-weight:600}.casino-explanation details{border-top:1px solid #aac2ad22;padding-top:12px}.casino-explanation summary{font-size:10px;color:#e5ca92;cursor:pointer;padding:5px 0}.casino-explanation ol{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.casino-explanation li{display:grid;gap:4px;border-top:1px solid #a8c6b522;padding:10px 0;font-size:10px;color:#cedbcb}.casino-explanation li>span{font-size:9px;color:#b8cec0}.casino-explanation li>small{font-size:8px;color:#8eafa3}.species-entry{align-items:flex-start}.species-entry strong{font-size:10px;line-height:1.45}.species-entry small{line-height:1.5}.casino-result{position:relative;margin:18px 0 10px;border:1px solid #e5b96355;border-radius:12px;background:#132f2c;padding:15px 10px}.casino-result h3{margin:0 0 12px;color:#e5cc8f;font:600 9px Arial,sans-serif;letter-spacing:1.3px}.casino-result dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.casino-result dt{font-size:8px;color:#b4c7b4;margin-bottom:6px}.casino-result dd{font-size:18px;margin:0;color:#ffe3a0;font-variant-numeric:tabular-nums}.casino-result p{font-size:8px;line-height:1.6;color:#afc1ae;margin:12px 0 0}.casino-blocked #casino-status{color:#ffd39a}.casino-blocked .casino-wallet{border-color:#e8a873}.casino-blocked #ocean{pointer-events:none}
@media(max-width:620px){.casino-wallet{padding:14px}.casino-wallet-top{gap:10px;flex-wrap:wrap}.casino-wallet-top>div{gap:9px}.casino-wallet-top strong{font-size:27px}.casino-wallet-top>p{font-size:8px;padding-left:10px}.casino-wallet-top>a{font-size:8px}.casino-session{align-items:start}.casino-session>span{font-size:6px;max-width:60px;line-height:1.7}.casino-session dl{gap:16px}.casino-session dt{font-size:7px}.casino-session dd{font-size:13px}.casino-wallet #casino-status{font-size:8px;min-height:26px}.casino-ammo{padding:12px 10px 0;gap:8px;align-items:flex-start}.casino-ammo button{min-width:47px;min-height:40px;padding:7px;font-size:9px}.casino-ammo>p{font-size:8px;max-width:135px;padding-top:15px}.casino-ammo small{font-size:6px}.casino-ammo>div>span{font-size:6px}.casino-explanation{padding:15px;margin-top:16px}.casino-explanation>p{font-size:9px}.casino-explanation ol{grid-template-columns:1fr}.game-bottom>div{max-width:110px;gap:5px}.casino-result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px}.casino-result dd{font-size:20px}.species-entry strong{font-size:8px}}
@media(max-width:370px){.casino-wallet-top>a{width:100%;margin-left:0;justify-self:start;border:0}.casino-ammo{flex-wrap:wrap}.casino-ammo>p{padding-top:0;max-width:none;text-align:left}.casino-session dl{gap:12px}.casino-session dt{font-size:6px}}

.casino-links{margin-left:auto;display:grid;gap:7px;justify-items:start}.casino-links a{font-size:9px;color:#c6dfce;border-bottom:1px solid #c6dfce55;padding-bottom:3px;white-space:nowrap}@media(max-width:620px){.casino-links a{font-size:8px}}@media(max-width:370px){.casino-links{width:100%;margin-left:0;display:flex;gap:17px}}
/* Keep the live ocean and money controls together on a phone. Ready and desktop retain their original layout. */
@media(max-width:620px){
 body:is([data-game-state=playing],[data-game-state=paused]) .site-header{height:48px;padding:0 12px}
 body:is([data-game-state=playing],[data-game-state=paused]) .brand-mark{width:28px;height:28px;font-size:24px}
 body:is([data-game-state=playing],[data-game-state=paused]) .brand{font-size:11px}
 body:is([data-game-state=playing],[data-game-state=paused]) .brand small{font-size:5px;margin-top:3px}
 body:is([data-game-state=playing],[data-game-state=paused]) .header-right .icon-btn{width:44px;height:44px;font-size:16px}
 body:is([data-game-state=playing],[data-game-state=paused]) .page-heading{padding:5px 4px 7px}
 body:is([data-game-state=playing],[data-game-state=paused]) .page-heading .eyebrow{display:none}
 body:is([data-game-state=playing],[data-game-state=paused]) .page-heading h1{font-size:15px;margin:0;letter-spacing:0}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet{padding:8px 11px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet-top{gap:8px;flex-wrap:nowrap}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet-top>div{gap:9px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet-top strong{font-size:24px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet-top span{font-size:6px;letter-spacing:.6px;max-width:48px;line-height:1.35}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet-top>p{display:none}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-links{width:auto;margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:173px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-links a{font-size:7px;padding:5px 0}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-session{margin-top:5px;padding-top:5px;gap:8px;align-items:center}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-session>span{font-size:6px;line-height:1.4;max-width:66px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-session dl{gap:18px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-session dt{font-size:7px;margin-bottom:2px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-session dd{font-size:13px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-wallet #casino-status{font-size:8px;line-height:1.3;margin-top:5px;min-height:11px}
 body:is([data-game-state=playing],[data-game-state=paused]) .campaign-brief{padding:8px 11px 6px}
 body:is([data-game-state=playing],[data-game-state=paused]) .campaign-heading #level-label{padding:4px;font-size:6px}
 body:is([data-game-state=playing],[data-game-state=paused]) .goal-track{margin-top:6px}
 body:is([data-game-state=playing],[data-game-state=paused]) .campaign-bottom{padding-top:5px;min-height:14px}
 body:is([data-game-state=playing],[data-game-state=paused]) .arena{height:clamp(260px,calc(100svh - 540px),300px)}
 body:is([data-game-state=playing],[data-game-state=paused]) .hud{top:8px;left:9px;right:9px}
 body:is([data-game-state=playing],[data-game-state=paused]) .hud-score,
 body:is([data-game-state=playing],[data-game-state=paused]) .timer{padding:6px 9px}
 body:is([data-game-state=playing],[data-game-state=paused]) .hud strong{font-size:21px}
 body:is([data-game-state=playing],[data-game-state=paused]) .pause{width:44px;min-width:44px;height:44px}
 body:is([data-game-state=playing],[data-game-state=paused]) .boss-hud{top:66px}
 body:is([data-game-state=playing],[data-game-state=paused]) .rare-hud{bottom:11px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-ammo{padding:8px 10px 0;gap:8px;flex-wrap:nowrap}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-ammo>div>span{margin-bottom:4px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-ammo button{min-width:44px;min-height:44px;padding:6px}
 body:is([data-game-state=playing],[data-game-state=paused]) .casino-ammo>p{padding-top:10px;text-align:right;max-width:145px;line-height:1.5}
 body:is([data-game-state=playing],[data-game-state=paused]) .controls{padding:7px 10px 3px;gap:7px}
 body:is([data-game-state=playing],[data-game-state=paused]) .shot-modes button{min-width:44px;min-height:44px;padding:4px}
 body:is([data-game-state=playing],[data-game-state=paused]) .boss-button{min-height:50px;min-width:50px;max-width:65px;padding:4px}
 body:is([data-game-state=playing],[data-game-state=paused]) .fire-button{min-height:50px;min-width:72px}
 body:is([data-game-state=playing],[data-game-state=paused]) .milestones{padding:0 14px 2px}
 body:is([data-game-state=playing],[data-game-state=paused]) .star-row span{font-size:14px}
 body:is([data-game-state=playing],[data-game-state=paused]) .milestone-labels{margin-top:0;font-size:5px}
 body:is([data-game-state=playing],[data-game-state=paused]) .game-bottom{display:grid;grid-template-columns:1fr;gap:3px;padding:5px 10px 7px;font-size:8px}
 body:is([data-game-state=playing],[data-game-state=paused]) .game-bottom>div{max-width:none;display:flex;flex-wrap:nowrap;gap:9px;justify-content:space-between}
 body:is([data-game-state=playing],[data-game-state=paused]) .game-bottom button{min-height:44px;min-width:44px;font-size:9px;padding:7px 10px}
 body:is([data-game-state=playing],[data-game-state=paused]) #casino-end{background:#d6b57516;border:1px solid #d6b57555;border-radius:7px;flex:1}
}