@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#171c1f;color:#f4f8f5;font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #67edac;outline-offset:4px}.arcade-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #354039;background:#202628;gap:18px;position:sticky;top:0;z-index:60}.brand{font-size:23px;font-weight:800;color:#6ae2a8}.brand span{color:white}.arcade-header nav{display:flex;gap:18px;color:#adbbb2}.wallet{margin-left:auto;color:#84e8b0;white-space:nowrap}.arcade-main{padding:30px;max-width:1460px;margin:auto}.community-layout .arcade-main{margin-left:var(--chat-width);max-width:none}.arcade-title{display:flex;align-items:center;gap:20px;margin-bottom:24px}.arcade-title small{color:#6adfa5;font-weight:700;letter-spacing:2px;font-size:10px}.arcade-title h1{font-size:34px;margin:6px 0;letter-spacing:-1px}.arcade-title p{margin:0;color:#93a39a}.arcade-art{background:url('/art/extra-atlas.png') var(--x) var(--y)/400% 200%;aspect-ratio:3/4;width:86px;border-radius:14px;flex-shrink:0}.arcade-shell{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #35433b;border-radius:14px;overflow:hidden;background:#202728}.controls{padding:24px;background:#252e2b}.controls label{display:block;font-size:12px;color:#bac9bf;margin-bottom:10px}.controls input#stake{width:100%;padding:14px;background:#161e1b;border:1px solid #43594a;border-radius:7px;color:white}.controls input[type=range]{width:100%;accent-color:#5ed696}.controls small{display:block;color:#84998a;font-size:11px;line-height:1.7;margin:10px 0 24px}.controls button,.board-action{width:100%;border:1px solid #3e9164;background:#40c782;color:#082c18;border-radius:7px;padding:14px;font-weight:800}.controls button{margin-top:10px}.controls #cashout{background:#d9ba62;border-color:#d9ba62;color:#332908}.readout{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #394b3e;padding:24px 0;margin-top:24px;font-size:12px;color:#a0b4a7}.readout strong{font-size:22px;color:#e5f9ec}.controls>a{display:block;color:#7bdba5;margin-top:12px}.stage{min-width:0;padding:26px;background:radial-gradient(ellipse at 50% 50%,#28443855,transparent 70%);text-align:center;display:flex;flex-direction:column}.stage-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#869d8e;text-align:left}.stage-header span:last-child{color:#8ddaab}#board{flex:1;min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px 0}#board>p{color:#adc0b2;font-size:12px;margin:0;line-height:1.6}#board>.board-action{max-width:290px}.result{border-top:1px solid #3a493e;padding:20px 0 0;font-size:22px;font-weight:800}.result.won{color:#79eab0}#status{color:#a6b5ad;min-height:22px;font-size:12px;line-height:1.6}.choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}.choice{padding:23px 18px;text-transform:capitalize;background:#2c3831;border:1px solid #455c4c;border-radius:12px;color:white;font-size:19px}.selected{border-color:#6dedaf!important;box-shadow:0 0 0 2px #55d18c44;background-color:#305c41}.choices .board-action{width:135px}.dice-face{display:grid;place-items:center;width:150px;height:150px;background:linear-gradient(130deg,#fffff6,#b5cabe);color:#183526;font-size:65px;font-weight:800;border-radius:28px;box-shadow:0 12px 0 #799c89,0 22px 30px #0005;transform:rotate(-6deg)}.playing-card{width:90px;height:127px;flex-shrink:0;border-radius:10px;border:3px solid #e8ede3;color:white;font-weight:800;font-size:30px;box-shadow:0 6px 12px #0004}.playing-card:disabled{opacity:1}.red{background:#b9313c}.yellow{background:#bb941d}.green{background:#237d50}.blue{background:#2b60a9}.wild{background:linear-gradient(135deg,#b9313c,#2b60a9,#237d50,#bb941d)}.ivory{background:#e8eee3;color:#182b21}.hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hand .playing-card{width:60px;height:90px;font-size:22px}.hand .playing-card:disabled{opacity:.45}.hand .playing-card:not(:disabled):hover{transform:translateY(-7px)}.color-picker{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.color-picker button{border:2px solid transparent;color:white;border-radius:7px;padding:8px 12px;font-size:11px;text-transform:capitalize}.uno-preview{width:170px}.lanes{display:flex;overflow:auto;width:100%;padding:14px 0;gap:5px;scrollbar-width:thin}.lane{min-width:52px;height:125px;background:repeating-linear-gradient(0deg,#fff1 0 10px,transparent 10px 24px),#253036;display:grid;place-items:center;border-radius:7px;color:#b4c1ba;font-size:13px}.lane.safe{background:#315f43;color:#c9ffd9}.lane:first-child{font-size:30px}.keno-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;width:100%;max-width:530px}.keno-number{aspect-ratio:1;background:#2a3730;border:1px solid #425c4b;border-radius:8px;color:#e9f9ee;font-size:17px;font-weight:700}.keno-number.selected{background:#37734d}.keno-number.drawn{border:3px solid #ecc65a;color:#ffe699}.keno-number.drawn.selected{background:#bd9234;color:#15271c}.wheel-wrap{position:relative;margin:8px}.wheel-wrap:before{content:'▼';color:#fff3a9;position:absolute;z-index:2;left:calc(50% - 12px);top:-15px;font-size:27px}.wheel{width:275px;height:275px;border-radius:50%;background:repeating-conic-gradient(#2d6344 0deg 18deg,#26352e 18deg 36deg);border:9px solid #c8a94b;box-shadow:0 10px 30px #0005;position:relative}.wheel:after{content:'✦';position:absolute;inset:calc(50% - 28px);width:56px;height:56px;border-radius:50%;background:#d5b44f;display:grid;place-items:center;font-size:30px;color:#20372a}.wheel span{position:absolute;left:calc(50% - 12px);top:calc(50% - 8px);font-size:12px;width:24px;color:#faf7df}
.wheel-wrap{transition:filter .25s ease,transform .25s ease}
.wheel-wrap:after{content:'';position:absolute;inset:-22px;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.82);border:2px solid #f2d76b66;box-shadow:0 0 0 10px #f2d76b12,0 0 42px #d9b84e55}
.wheel-wrap.wheel-spinning:before{animation:wheel-pointer-tick .18s ease-in-out infinite alternate}
.wheel-wrap.wheel-spinning{filter:drop-shadow(0 16px 26px #0007)}
.wheel-wrap.wheel-landed{animation:wheel-land-bump .55s cubic-bezier(.2,.9,.25,1)}
.wheel-wrap.wheel-landed:after{animation:wheel-win-ring .9s ease-out}
.wheel-wrap.wheel-tier-0.wheel-landed:after,.wheel-wrap.wheel-tier-1.wheel-landed:after{animation:none}
.wheel-wrap.wheel-tier-2.wheel-landed{filter:drop-shadow(0 0 18px #6fe3a455)}
.wheel-wrap.wheel-tier-3.wheel-landed{filter:drop-shadow(0 0 24px #e0c15966)}
.wheel-wrap.wheel-tier-5.wheel-landed{filter:drop-shadow(0 0 32px #f7db70aa)}
.wheel-wrap.wheel-tier-5.wheel-landed .wheel{animation:wheel-jackpot-pulse 1.05s ease-out}
.wheel-outcome{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:76px;margin-top:-2px;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.25,1)}
.wheel-outcome.is-visible{opacity:1;transform:translateY(0) scale(1)}
.wheel-outcome-kicker{font-size:9px;letter-spacing:2.1px;font-weight:800;color:#80988a}
.wheel-outcome-title{font-size:28px;line-height:1;letter-spacing:-.8px;color:#f5f8f6;text-shadow:0 3px 18px #0008}
.wheel-tier-2~.wheel-outcome .wheel-outcome-title{color:#8ff0ba}
.wheel-tier-3~.wheel-outcome .wheel-outcome-title{color:#efd16f}
.wheel-tier-5~.wheel-outcome .wheel-outcome-title{font-size:32px;color:#ffe685;text-shadow:0 0 18px #d7ae3f55,0 4px 20px #0009}
.wheel-outcome-detail{font-size:12px;color:#a9bcb0}
.result.wheel-result-waiting{opacity:0;transform:translateY(6px)}
.result.wheel-result-pop{animation:wheel-result-pop .5s cubic-bezier(.2,.9,.25,1)}
@keyframes wheel-pointer-tick{from{transform:translateY(0) scaleY(1)}to{transform:translateY(3px) scaleY(.9)}}
@keyframes wheel-land-bump{0%{transform:scale(1)}42%{transform:scale(1.045)}72%{transform:scale(.992)}100%{transform:scale(1)}}
@keyframes wheel-win-ring{0%{opacity:0;transform:scale(.82)}35%{opacity:1}100%{opacity:0;transform:scale(1.18)}}
@keyframes wheel-jackpot-pulse{0%{box-shadow:0 10px 30px #0005}35%{box-shadow:0 10px 30px #0005,0 0 0 6px #ffe98b30,0 0 45px #e1bf50aa}100%{box-shadow:0 10px 30px #0005}}
@keyframes wheel-result-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
.rules{padding:22px 0;color:#93a99b;line-height:1.8;font-size:12px}.rules summary{cursor:pointer;color:#d2e3d8;font-weight:700}.rules pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}#options{margin-bottom:20px}[hidden]{display:none!important}.more-games{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 25px}.more-games a{padding:9px 12px;border:1px solid #35483b;border-radius:6px;font-size:11px;color:#a8cbb5}.more-games a[aria-current]{background:#30553c;color:#d4ffe1}@media(max-width:1150px){.arcade-shell{grid-template-columns:220px minmax(0,1fr)}.arcade-main{padding:20px}.controls,.stage{padding:18px}.choice{font-size:15px;padding:18px 12px}.keno-grid{gap:4px}.keno-number{font-size:14px}}@media(max-width:960px){.community-layout .arcade-main{margin-left:0}}@media(max-width:620px){.arcade-main{padding:18px 12px 70px}.arcade-header{padding:0 14px;gap:10px}.arcade-header nav{display:none}.arcade-title h1{font-size:28px}.arcade-title p{font-size:12px}.arcade-title{gap:13px}.arcade-art{width:66px}.arcade-shell{display:flex;flex-direction:column}.stage{order:-1;padding:18px 12px}#board{min-height:275px;padding:22px 0}.controls{padding:18px}.controls small{margin-bottom:12px}.readout{margin-top:16px;padding:15px 0}.choice{padding:18px 9px;font-size:14px}.keno-number{font-size:13px}.lanes{max-width:100%}.result{font-size:20px}.brand{font-size:20px}.wallet{font-size:12px}.arcade-header>a:last-child{font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:transform .15s,background .15s}.dice-face{animation:arrive .35s ease-out}@keyframes arrive{from{transform:rotate(15deg) scale(.85);opacity:.5}to{transform:rotate(-6deg) scale(1);opacity:1}}}
@media(prefers-reduced-motion:reduce){
 .wheel-wrap,.wheel-outcome{transition:none}
 .wheel-wrap.wheel-landed,.wheel-wrap.wheel-landed:after,.wheel-wrap.wheel-tier-5.wheel-landed .wheel,.result.wheel-result-pop{animation:none}
}

/* Match the existing games: controls on the left, board on the right. */
body[data-game]{background:#11191d}
.arcade-main{padding:18px 22px 30px}
.game-menu{position:relative;z-index:5;width:max-content;margin-bottom:12px}
.game-menu>summary{cursor:pointer;list-style:none;border:1px solid #34443d;background:#202b28;color:#c0d1c6;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:700}
.game-menu .more-games{position:absolute;top:100%;left:0;min-width:210px;display:grid;background:#1a2422;padding:8px;border:1px solid #3b5043;border-radius:6px;box-shadow:0 12px 30px #0007;margin:5px 0;gap:4px}
.game-menu .more-games a{border:0;padding:10px 12px}
.arcade-shell{border-radius:8px;grid-template-columns:260px minmax(0,1fr);min-height:520px;background:#182225;border-color:#2c3c36}
.controls{padding:0 18px 18px;background:#1c2928;border-right:1px solid #30443a}
.controls .arcade-title{margin:0 -18px 22px;padding:18px;gap:12px;min-height:92px;border-bottom:1px solid #35493d;background:linear-gradient(110deg,#263c30,#1c2928)}
.controls .arcade-title h1{font-size:21px;line-height:1.15;letter-spacing:-.4px;margin:0}
.controls .arcade-title .arcade-art{width:45px;clip-path:inset(0 5%);border-radius:0}
.controls input#stake{padding:12px;border-color:#3c5043;background:#121e1a;appearance:textfield}
.controls input::-webkit-inner-spin-button{appearance:none}
.controls small{font-size:10px;margin:8px 0 16px}.controls button{padding:12px;border-radius:5px;font-size:13px}
.readout{padding:16px 0;margin-top:20px}.readout strong{font-size:20px}
.controls>a{font-size:11px}.stage{padding:18px 22px;background:radial-gradient(ellipse at 50% 60%,#1f3a2e44,transparent 75%),#152023}
.stage-header{font-size:9px;letter-spacing:.8px;padding-bottom:14px;border-bottom:1px solid #293c32}
#board{min-height:365px;gap:20px;padding:30px 0}#status{margin:10px 0 0;min-height:0;font-size:11px;color:#90a599}.result{font-size:20px;padding-top:14px}
.lanes{gap:0;padding:20px 0 24px;border-radius:8px}.lane{position:relative;min-width:66px;flex:1;height:175px;border-radius:0;background:#273136;border-right:2px dashed #63766a66;font-size:11px;color:#a8b8af}
.lane:first-child{background:#284333;border-right:1px solid #4f795c;font-size:11px;border-radius:6px 0 0 6px}.lane:last-child{border-right:0;border-radius:0 6px 6px 0}.lane.safe{background:#294335}
.lane-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#c4d7c9}
.lane-chicken{display:block;width:52px;height:70px;background:url('/art/extra-atlas.png') 0 0/400% 200%;clip-path:inset(0 4%);filter:drop-shadow(0 4px 4px #0006)}
.rules{padding:15px 0}.rules summary{font-size:11px}.rules p{max-width:850px}
@media(max-width:1150px){.arcade-shell{grid-template-columns:230px minmax(0,1fr)}.stage{padding:17px}.lane{min-width:56px}}
@media(max-width:620px){.arcade-main{padding:12px 12px 70px}.arcade-shell{min-height:0}.controls{border-right:0;border-top:1px solid #30443a;padding:15px}.controls .arcade-title{margin:-15px -15px 16px;padding:14px 15px;min-height:65px}.controls .arcade-title .arcade-art{width:32px}.controls .arcade-title h1{font-size:20px}.stage{padding:14px 12px}#board{min-height:265px;padding:16px 0}.lane{min-width:57px;height:155px}.stage-header{font-size:9px}.game-menu{margin-bottom:10px}}

@media(min-width:621px){.lane{min-width:0}.lane-chicken{max-width:90%;height:auto;aspect-ratio:3/4}.lane-label{font-size:9px}}