@font-face{font-family:'Gentium Plus';src:url('/shared/scenes/GentiumPlus-Regular.ttf') format('truetype');font-display:swap}
:root{--preview-purple:#4e18ab;--preview-gold:#ffd12c;--preview-teal:#00dbba;--preview-ink:#21103e}
.bisi-preview-bar{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px;background:#4e18ab;color:white;border-bottom:4px solid #ffd12c;font-family:'Gentium Plus','Charis SIL','Noto Serif',serif}
.bisi-preview-bar a{color:#fff;text-decoration:none;font-size:18px;font-weight:bold}.bisi-preview-bar span{color:#ffeb9a;font-size:14px}
[data-preview=true] body{font-family:'Gentium Plus','Charis SIL','Noto Serif',serif}
[data-preview=true] :is(button,a,input,select):focus-visible{outline:3px solid #ffcf23;outline-offset:4px}
[data-preview=true] :is(h1,h2,h3){font-family:'Gentium Plus','Charis SIL','Noto Serif',serif}
[data-preview-game=portal]{--bg:#21103e;--bg-2:#34125c;--surface:#fffaf0;--surface-2:#f4ebff;--text:#241040;--muted:#5b4575;--gold:#651ac0;--gold-bright:#ffd12c;--gold-grad:linear-gradient(120deg,#ffd12c,#ff9847);--teal:#008d78;--font-sans:'Gentium Plus','Charis SIL','Noto Serif',serif}
[data-preview-game=portal] body{background:#21103e}
[data-preview-game=portal] .site-header{background:#fffaf0;border-bottom:3px solid #9a63ff}
[data-preview-game=portal] .games-head{color:white}
[data-preview-game=portal] .result-count{color:#e5d2ff}
[data-preview-game=portal] .hero-feature{border:3px solid #ffd12c}
[data-preview-game=portal] .game-card{border:2px solid #d6b6ff;box-shadow:0 7px 0 #0f0720}
[data-preview-game=portal] .hero-art{background:linear-gradient(135deg,#7429d6,#ff5a5f)}
[data-preview-game=portal] .game-card:hover{border-color:#ffd12c}
[data-preview-game=portal] .site-footer{color:#ede1ff;background:#150b29}
[data-preview-game=portal] .site-footer a{color:#ffd12c}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) body{background:radial-gradient(ellipse at top,#503090,#21103e 75%);background-attachment:fixed}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) body:before{box-shadow:none}
[data-preview-game]:not([data-preview-game=portal]) .nav-home{color:#ffd12c;opacity:1;font-size:14px}
[data-preview-game]:not([data-preview-game=portal]) .eyebrow{color:#ffd12c;opacity:1}
[data-preview-game]:not([data-preview-game=portal]) button.primary{background:#ffd12c;color:#21103e;border:2px solid #ffb800;font-weight:bold;box-shadow:0 4px 0 #8a3d13}
@media(max-width:600px){.bisi-preview-bar{padding:10px 14px;gap:6px}.bisi-preview-bar span{order:3;flex-basis:100%;font-size:12px}.bisi-preview-bar a{font-size:15px}}
[data-preview-game=portal] .ad-slot.is-empty{background:#4e18ab;border:2px dashed #b98eff;color:#ffdf53}
[data-preview-game=portal] .ad-empty-note{color:#ffe68a;font-size:16px;font-weight:bold}
[data-preview-game=portal] .ad-tag{background:#ffcf23;color:#21103e}
.board3d{position:relative}.inhabited-view-toggle{position:absolute;right:12px;top:12px;z-index:3;background:#4e18ab;color:#fff;border:2px solid #ffcf23;border-radius:8px;padding:10px 16px;font-weight:bold;font-family:"Gentium Plus","Charis SIL","Noto Serif",serif}
.living-card-scene{margin:14px 0;border:2px solid #ffcf23;border-radius:14px;overflow:hidden;background:#321061}.living-scene-title{padding:10px 16px;font-size:17px;color:#ffdf54;font-weight:bold}.living-scene-stage{position:relative;height:460px}.living-scene-stage canvas{display:block;width:100%;height:100%}.living-scene-message{padding:12px 16px;margin:0;color:white;font-size:17px;font-weight:bold}@media(max-width:600px){.living-scene-stage{height:390px}}
.living-player-label{position:absolute;pointer-events:none;transform:translate(-50%,-50%);background:#321061e8;color:#fff1a8;border:1px solid #ffcf23;padding:4px 8px;border-radius:5px;font-size:14px;font-weight:bold}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) .board3d{width:100%;max-width:720px;border:2px solid #ffd12c;box-shadow:0 8px 0 #130822,0 22px 42px #10051d55}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) :is(.achi-app,.dara-app,.dr-app,.morabaraba-app,.ludo-app){max-width:900px}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) .status{color:#fff1a4;font-size:17px;font-weight:bold;padding:9px 14px;border-radius:10px;background:#321061}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) .setup select{font-size:15px;min-height:40px;border-color:#b783ff;background:#291047;color:white}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) button{font-family:'Gentium Plus','Charis SIL','Noto Serif',serif}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) .tally span{border-color:#ad77ff;background:#34125c;font-size:16px}
@media(min-width:800px){[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) .board3d{aspect-ratio:4 / 3;max-height:580px}}
.waterhole-play-guide{padding:14px 18px;background:#4e18ab;color:#fff3b0;border:1px solid #ffcf23;border-radius:10px;font-size:17px;font-weight:bold;line-height:1.45}
.living-play-link{margin:0 16px 14px;padding:11px 18px;background:#ffcf23;color:#21103e;border:0;border-radius:8px;font-size:17px;font-weight:bold;cursor:pointer}
[data-preview-game=waterhole] .play-chip{min-width:64px;min-height:44px;font-size:16px;font-weight:bold;padding:8px 12px}
[data-preview-game=waterhole] #root{height:auto;min-height:100svh}
/* Keep the live stage in view while operating the original game controls. */
main:has(> .living-card-scene){display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:12px!important;max-width:1440px!important;align-items:start}
main:has(> .living-card-scene)>header{grid-column:1/-1}
main:has(> .living-card-scene)>:not(header):not(.living-card-scene){grid-column:2;min-width:0}
main:has(> .living-card-scene)>.living-card-scene{grid-column:1;grid-row:2/20;position:sticky;top:12px;margin:0}
main:has(> .living-card-scene)>.overlay,main:has(> .living-card-scene)>.cardflight-layer{grid-column:1/-1}
[data-preview-game=waterhole] .wh-hand{background:#4e18ab;border:2px solid #ffd12c;border-radius:12px;padding:14px;gap:12px}
[data-preview-game=waterhole] .waterhole-play-guide{margin:0;font-size:15px;padding:10px 12px}
[data-preview-game=waterhole] .wh-pool{min-height:80px;padding:8px;background:#09667e;border-color:#00dbba}
[data-preview-game=waterhole] .wh-pool .animal{--w:38px}
[data-preview-game=waterhole] .wh-status{font-size:18px;font-weight:bold;background:#4e18ab;border:1px solid #ffd12c;padding:10px;border-radius:8px}
@media(max-width:760px){
main:has(> .living-card-scene){display:flex!important;flex-direction:column;gap:8px!important}
main:has(> .living-card-scene)>*{width:100%;min-width:0}
main:has(> .living-card-scene)>.living-card-scene{position:sticky;top:0;z-index:8;order:2;box-shadow:0 6px 20px #14082599}
main:has(> .living-card-scene)>header{order:0}
main:has(> .living-card-scene)>:not(header):not(.living-card-scene){order:3}
.living-scene-stage{height:clamp(210px,32svh,300px)}
.living-scene-title{padding:6px 10px;font-size:15px}.living-scene-message{padding:7px 10px;font-size:15px}
[data-preview-game=waterhole] .wh-bar,[data-preview-game=waterhole] .wh-scores{order:1!important}
[data-preview-game=waterhole] .wh-hand{order:3!important;padding:8px;gap:8px}
[data-preview-game=waterhole] .wh-status{order:3!important}
[data-preview-game=waterhole] .wh-opponents{display:none}
[data-preview-game=waterhole] .wh-pool{order:4!important}
[data-preview-game=waterhole] .waterhole-play-guide{order:5!important}
}
.living-herd-label{position:absolute;pointer-events:none;transform:translate(-50%,-50%);padding:4px 7px;background:#fffaf0;color:#21103e;border:2px solid #00bba3;border-radius:6px;font-size:14px;font-weight:bold;white-space:nowrap;box-shadow:0 3px 6px #0005}
[data-preview-game=waterhole] .wh-pool{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-preview-game=waterhole] .wh-opponents{display:none}
@media(min-width:761px){
[data-preview-game=waterhole] .wh-bar{grid-row:2}
[data-preview-game=waterhole] .wh-hand{grid-row:3}
[data-preview-game=waterhole] .wh-scores{grid-row:4}
[data-preview-game=waterhole] .wh-status{grid-row:5}
[data-preview-game=waterhole] .waterhole-play-guide{grid-row:6}
}
[data-preview-game=agbaarin] .arena-wrap{position:absolute!important;width:600px!important;height:600px!important;left:-10000px;overflow:hidden;pointer-events:none}
@media(max-width:760px){[data-preview-game=agbaarin] .arena-wrap{width:600px!important}}
[data-preview-game]:not([data-preview-game=portal]) #root{height:auto;min-height:100svh}
@media(min-width:761px){[data-preview-game=waterhole] .living-card-scene{grid-row:2/7!important}}
.living-public-card-label{position:absolute;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:38px;background:#fffaf0;color:#21103e;border:1px solid #d6ba72;border-radius:4px;font-size:18px;font-weight:bold;box-shadow:0 3px 5px #0005}
.living-herd-label{font-size:12px}
[data-preview-game=ayo] .vegas-page-wrapper{overflow-x:auto;max-width:100%;min-width:0}
/* Waterhole has one workbench; controls are a single compact panel. */
[data-preview-game=waterhole] .wh-app{max-width:1440px;min-height:0;padding:18px;gap:16px}
.waterhole-workbench{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:18px;align-items:start;width:100%}
.waterhole-stage-slot{min-width:0;position:sticky;top:12px}
.waterhole-stage-slot .living-card-scene{margin:0;border:1px solid #a77be3;box-shadow:0 12px 35px #10071f55}
.waterhole-stage-slot .living-scene-stage{height:clamp(400px,50vw,590px)}
.waterhole-controls{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;background:#231039;border:1px solid #9861dc;border-radius:16px;box-shadow:0 12px 35px #10071f55}
.waterhole-controls h2{order:0;font-size:24px;margin:0;color:#ffdf54}
[data-preview-game=waterhole] .wh-hand{order:1;margin:0;padding:12px 0;background:transparent;border:0;justify-content:flex-start;gap:14px}
[data-preview-game=waterhole] .hand-group{background:#3b1b61;border:1px solid #7c4baa;border-radius:10px;padding:10px;gap:8px}
[data-preview-game=waterhole] .hand-plays{gap:5px}
[data-preview-game=waterhole] .play-chip{min-width:56px;background:#532398;border-color:#ab7beb;font-size:15px}
[data-preview-game=waterhole] .wh-scores{order:2;padding:12px 0;border-top:1px solid #8252aa;border-bottom:1px solid #8252aa;gap:8px}
[data-preview-game=waterhole] .score-chip{color:#eee1ff;font-size:15px;padding:6px 10px}
[data-preview-game=waterhole] .waterhole-play-guide{order:3;border:0;background:transparent;color:#dac6ee;padding:0;font-size:15px;font-weight:normal;line-height:1.45}
[data-preview-game=waterhole] .wh-bar{order:4;padding-top:14px;border-top:1px solid #8252aa;gap:10px;font-size:15px}
[data-preview-game=waterhole] .wh-bar .primary{margin-left:0}
[data-preview-game=waterhole] .wh-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
[data-preview-game=waterhole] .living-scene-title{background:#231039;color:#ffdf54;font-size:19px;padding:10px 14px}
[data-preview-game=waterhole] .living-scene-message{background:#231039;color:#fff1ae;font-size:18px;padding:12px 14px}
@media(max-width:760px){
[data-preview-game=waterhole] .wh-app{padding:10px;gap:10px}
.waterhole-workbench{display:flex;flex-direction:column;gap:10px}
.waterhole-stage-slot{width:100%;top:0;z-index:8}
.waterhole-stage-slot .living-scene-stage{height:clamp(220px,30svh,300px)}
.waterhole-controls{width:100%;padding:14px;gap:10px}
.waterhole-controls h2{font-size:21px}
[data-preview-game=waterhole] .wh-hand{gap:8px;padding:0}
[data-preview-game=waterhole] .hand-group{padding:7px}
[data-preview-game=waterhole] .wh-scores,[data-preview-game=waterhole] .wh-bar{order:2!important}
[data-preview-game=waterhole] .wh-bar{order:4!important}
[data-preview-game=waterhole] .waterhole-play-guide{order:3!important}
[data-preview-game=waterhole] .living-scene-title{font-size:16px;padding:6px 10px}
[data-preview-game=waterhole] .living-scene-message{font-size:16px;padding:8px 10px}
}
main:has(> .living-card-scene){align-content:start!important;grid-auto-rows:min-content}
.hand-animal-name{font-size:15px;color:#fff1a8;font-weight:bold}
.waterhole-controls .wh-hand{order:1!important}
.waterhole-controls .wh-scores{order:2!important}
.waterhole-controls .waterhole-play-guide{order:3!important}
.waterhole-controls .wh-bar{order:4!important}
.wh-score-heading{flex-basis:100%;font-size:14px;font-weight:bold;color:#ffdf54}
.wh-hand-hint{display:none}
@media(max-width:760px){
.waterhole-controls h2{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wh-hand-hint{display:inline;font-size:12px;color:#dac6ee;font-weight:normal}
.waterhole-controls .wh-hand{flex-wrap:nowrap;overflow-x:auto;align-items:stretch;scroll-snap-type:x proximity;padding-bottom:8px}
.waterhole-controls .hand-group{flex:0 0 auto;scroll-snap-align:start}
}
/* Waterhole palette: teal, cream and gold. */
[data-preview-game=waterhole] body{background:radial-gradient(ellipse at top,#126b65,#063c3d 75%)!important;color:#fff8e6}
[data-preview-game=waterhole] .bisi-preview-bar{background:#073e40;border-bottom-color:#ffcc38}
[data-preview-game=waterhole] .bisi-preview-bar span{color:#f5dfaa}
[data-preview-game=waterhole] .waterhole-controls{background:#fff8e6;color:#143f3c;border-color:#e6bd67;box-shadow:0 12px 35px #021f2455}
[data-preview-game=waterhole] .waterhole-controls h2,[data-preview-game=waterhole] .wh-score-heading{color:#075a54}
[data-preview-game=waterhole] .hand-group{background:#f3e8cb;border-color:#d8c38b}
[data-preview-game=waterhole] .hand-animal-name{color:#17433d}
[data-preview-game=waterhole] .play-chip{background:#08766e;color:white;border-color:#06655e}
[data-preview-game=waterhole] .play-chip:hover:not(:disabled){background:#065b55;color:#ffdf70;border-color:#e5b931}
[data-preview-game=waterhole] .play-chip.scoop{background:#ffcf3b;color:#183d35;border-color:#cc941b}
[data-preview-game=waterhole] .wh-scores,[data-preview-game=waterhole] .wh-bar{border-color:#d9c995}
[data-preview-game=waterhole] .score-chip{background:#e6eedf;color:#285448;border-color:#a9c1a5}
[data-preview-game=waterhole] .score-chip strong{color:#123c36}
[data-preview-game=waterhole] .score-chip.live{background:#ffda69;border-color:#c99c2c;box-shadow:0 0 0 2px #dba63833}
[data-preview-game=waterhole] .score-chip.you,[data-preview-game=waterhole] .score-chip.you strong{color:#075a54}
[data-preview-game=waterhole] .waterhole-play-guide,[data-preview-game=waterhole] .wh-hand-hint,[data-preview-game=waterhole] .wh-bar label{color:#416252}
[data-preview-game=waterhole] .wh-bar select{background:#075b57;color:white;border-color:#347f70}
[data-preview-game=waterhole] .help-btn{background:#e0efe5;color:#075b57;border-color:#91b7a6}
[data-preview-game=waterhole] button.primary{color:#153f38}
[data-preview-game=waterhole] .living-card-scene{background:#073e40;border-color:#e6bd67;box-shadow:0 12px 35px #021f2455}
[data-preview-game=waterhole] .living-scene-title,[data-preview-game=waterhole] .living-scene-message{background:#073e40;color:#fff1bd}
[data-preview-game=waterhole] .inhabited-view-toggle{background:#075b57;color:#fff5d6;border-color:#ffcf3b}
[data-preview-game=waterhole] .living-player-label{background:#075b57ee;color:#fff1bd;border-color:#ffcf3b}
[data-preview-game=waterhole] .living-herd-label{color:#153f38;border-color:#0b9584}
[data-preview-game=waterhole] .mode-toggle{background:#073e40;border-color:#4c9280}
[data-preview-game=waterhole] .mode-toggle button{color:#fff5d6}
[data-preview-game=waterhole] .mode-toggle button.active{color:#153f38}
[data-preview-game=waterhole] .overlay-card{background:#fff8e6;color:#153f38;border-color:#e6bd67}
[data-preview-game=waterhole] .wh-hand{scrollbar-color:#3a8879 #e9ddb9}

/* Owner's sky-blue direction, shared by the staged platform and games. */
[data-preview-game]{--gold:#ffd33d;--gold-deep:#e9ad20;--teal:#22e2c3;--wine:#073f50;--wine-2:#07566b;--ink:#fff8e6;--ink-dim:#d4f0f5;--line:#ffffff45}
[data-preview-game]:not([data-preview-game=kaasi]) body{background:#56a4c1!important;background-attachment:fixed;color:#073f50}
[data-preview-game] .bisi-preview-bar{background:#073f50;color:#fff8e6;border-bottom-color:#ffd33d}
[data-preview-game]:not([data-preview-game=portal]) :is(.nav-home,.eyebrow){color:#073f50!important;font-weight:bold}
[data-preview-game]:not([data-preview-game=portal]) header h1{color:#073f50;text-shadow:none;font-size:clamp(2rem,5vw,3rem)}
[data-preview-game]:not([data-preview-game=portal]) .mode-toggle{background:#073f50;border-color:#8ed5e8}
[data-preview-game]:not([data-preview-game=portal]) .mode-toggle button{color:#fff8e6;font-weight:bold}
[data-preview-game]:not([data-preview-game=portal]) .mode-toggle button.active{background:#ffd33d;color:#073f50}
[data-preview-game] :is(.living-card-scene,.living-scene-title,.living-scene-message,.status){background:#073f50!important;color:#fff8e6!important;border-color:#ffd33d}
[data-preview-game] :is(.inhabited-view-toggle,.living-player-label){background:#07566bee!important;color:#fff8e6;border-color:#ffd33d}
[data-preview-game] :is(.setup select,.kal-subbar select,.kw-bar select,.spar-bar select){background:#07566b!important;border-color:#9bd8e6!important;color:white!important}
[data-preview-game] :is(.setup label,.kal-subbar label,.kw-bar label,.spar-bar label){color:#073f50;font-size:14px;font-weight:bold}
[data-preview-game] :is(.tally span,.kal-seat,.kw-seat,.spar-seat,.opponent){background:#073f50;color:#fff8e6;border-color:#8ad1df;border-radius:10px;padding:8px}
[data-preview-game] :is(.kal-table,.kw-table,.spar-table){background:#07566b;border-color:#8ed5e8;box-shadow:none}
[data-preview-game] :is(.kal-hand,.kw-hand,.spar-hand,.hand){background:#fff8e6;border:1px solid #e3c570;border-radius:14px;padding:14px;min-width:0}
[data-preview-game] :is(.help-btn,.ghost){background:#07566b;color:white;border-color:#8ed5e8;min-height:40px;font-weight:bold}
[data-preview-game] .pcard.back{background:#07566b;border-color:#ffd33d}
[data-preview-game] .board3d{border-color:#ffd33d!important;box-shadow:0 10px 28px #073f5044!important;border-radius:16px;overflow:hidden}
[data-preview-game=portal]{--bg:#56a4c1;--bg-2:#56a4c1;--surface:#fff8e6;--surface-2:#e6f4f6;--text:#073f50;--muted:#346678;--gold:#07566b;--gold-bright:#ffd33d;--gold-grad:linear-gradient(120deg,#ffd33d,#ff9847)}
[data-preview-game=portal] .site-header{background:#fff8e6;border-bottom-color:#ffd33d}
[data-preview-game=portal] :is(.games-head,.result-count){color:#073f50}
[data-preview-game=portal] .game-card{border-color:#8ed5e8;box-shadow:0 7px 0 #07566b}
[data-preview-game=portal] .hero-art{background:linear-gradient(135deg,#087e9b,#18bfa2)}
[data-preview-game=portal] .site-footer{background:#073f50;color:white}
[data-preview-game=portal] .ad-slot.is-empty{background:#07566b;border-color:#8ed5e8}
[data-preview-game=waterhole] body{background:#56a4c1!important}
@media(prefers-reduced-motion:no-preference){[data-preview-game] button{transition:background-color .15s,transform .15s}[data-preview-game] button:active:not(:disabled){transform:translateY(1px)}}
/* Compact, readable controls around every live stage. */
[data-preview-game]:not([data-preview-game=kaasi]) #root{height:auto;min-height:100svh}
[data-preview-game]:not([data-preview-game=portal]):not([data-preview-game=kaasi]) :is(main> .setup,main> .kal-subbar,main> .kw-bar,main> .spar-bar){background:#fff8e6;border:1px solid #e3c570;border-radius:12px;padding:12px;gap:10px}
[data-preview-game] [aria-label="Your hand"]{color:#073f50}
[data-preview-game] [aria-label="Your hand"] :is(.hand-head,.hand-label,.hand-empty,.kal-hint,.hand-hint){color:#07566b;font-size:16px;font-weight:bold}
[data-preview-game] :is(.kw-score,.spar-scores,.kal-info){color:#073f50;background:#fff8e6;border:1px solid #e3c570;border-radius:12px;padding:10px}
[data-preview-game] :is(.score-chip,.kw-score-chip){background:#07566b;color:white;border-color:#9ad9e8;font-size:15px}
[data-preview-game] .score-chip strong{color:#ffd33d}
[data-preview-game] :is(.kw-choose,.kal-actions){background:#fff8e6;color:#073f50;border-radius:12px;padding:12px}
[data-preview-game] :is(.kw-choose,.kal-actions) button:not(.primary){background:#07566b;color:white;min-height:42px;border-color:#9bd8e6}
[data-preview-game] :is(.overlay-card,.help-panel){background:#fff8e6!important;color:#073f50!important;border-color:#e3c570}
[data-preview-game] :is(.overlay-card,.help-panel) p{color:#346678}
[data-preview-game] .wcard.back{background:#07566b}
[data-preview-game] .living-scene-title{font-size:20px}
[data-preview-game] .living-scene-message{font-size:18px;line-height:1.35}
[data-preview-game] :is(.achi-app,.dara-app,.dr-app,.morabaraba-app,.ludo-app) .board-wrap{width:100%}
@media(min-width:800px){[data-preview-game] :is(.achi-app,.dara-app,.dr-app,.morabaraba-app,.ludo-app) .board3d{max-width:900px;max-height:560px;aspect-ratio:16/10}}
@media(max-width:760px){[data-preview-game] :is(.living-scene-title,.living-scene-message){font-size:16px}[data-preview-game] :is(.setup,.kw-bar,.spar-bar){flex-wrap:wrap}[data-preview-game] [aria-label="Your hand"]{scroll-margin-top:310px}}
[data-preview-game] .tally>div{background:#073f50!important;color:#fff8e6;border-color:#8ed5e8;font-size:16px;padding:9px 14px;border-radius:10px}
[data-preview-game] .setup label{color:#073f50!important}
[data-preview-game=ludo] .ludo-app{max-width:1280px!important}
[data-preview-game=ludo] .play-row{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:start;width:100%}
[data-preview-game=ludo] .play-row>.board3d{max-width:100%!important;position:sticky;top:12px}
[data-preview-game=ludo] .side{width:100%;background:#fff8e6;color:#073f50;border:1px solid #e3c570;border-radius:14px;padding:14px}
[data-preview-game=ludo] .dice-box{background:#07566b;color:#fff8e6;box-shadow:none}
[data-preview-game=ludo] .standings li{background:#e2f2f1;color:#073f50;border:1px solid #9fd0ce;padding:10px;border-radius:10px}
[data-preview-game=ludo] .ludo-subbar{flex-wrap:wrap}
[data-preview-game=ludo] .ludo-subbar label{color:#073f50;font-size:14px;font-weight:bold}
@media(max-width:760px){[data-preview-game=ludo] .play-row{display:flex;flex-direction:column}[data-preview-game=ludo] .play-row>.board3d{width:100%;top:0;z-index:8}[data-preview-game=ludo] .side{width:100%}[data-preview-game=ludo] .dice-box{padding:10px}[data-preview-game=ludo] .standings{display:flex;gap:8px;flex-wrap:wrap}}
[data-preview-game=whot] .my-area{background:#fff8e6;border:1px solid #e3c570;border-radius:14px;padding:14px;color:#073f50}
[data-preview-game=whot] .my-bar strong{color:#073f50}
[data-preview-game=whot] .notice{background:#073f50;color:#fff8e6;padding:10px;border-radius:10px;margin:0}
[data-preview-game=whot] .table{background:#07566b;border-color:#9bd8e6;box-shadow:none}
[data-preview-game] .kal-actions .act-hint{color:#346678}
[data-preview-game] .kal-actions .act{background:#07566b;color:white;border-color:#9bd8e6}
[data-preview-game] .kw-bar :is(.kw-trump,.kw-score,.team-you,.team-ai){color:#073f50}
[data-preview-game] .kw-score strong{color:#07566b;font-size:18px}
[data-preview-game=ayo] main{background:transparent!important;padding:16px;gap:14px!important;color:#073f50}
[data-preview-game=ayo] .topbar{background:#fff8e6;border:1px solid #e3c570;border-radius:14px;padding:14px;box-shadow:none}
[data-preview-game=ayo] .topbar nav button{background:#07566b;color:white;border-color:#8ed5e8;font-weight:bold}
[data-preview-game=ayo] .topbar nav button.active{background:#ffd33d;color:#073f50;box-shadow:none}
[data-preview-game=ayo] .vegas-page-wrapper{background:#fff8e6;color:#073f50;border:1px solid #e3c570;border-radius:14px;overflow:visible;min-height:0;padding:12px}
[data-preview-game=ayo] :is(.vegas-page-bg,.vegas-page-wrapper::before,.vegas-page-wrapper::after){display:none}
[data-preview-game=ayo] :is(.table-marquee,.table-focus-strip,.active-summary-chip,.table-details-drawer){background:#07566b!important;color:#fff8e6;border-color:#9bd8e6;box-shadow:none}
[data-preview-game=ayo] :is(.table-marquee,.table-focus-strip,.active-summary-chip,.table-details-drawer) :is(span,strong,p,summary){color:#fff8e6}
[data-preview-game=ayo] .table-focus-strip{display:flex;flex-wrap:wrap;padding:10px;gap:12px}
[data-preview-game=ayo] .table-compact-summaries{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-preview-game=ayo] .board-fullscreen-shell:not(.active)>.board-wrap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-preview-game=ayo] .board-zone{min-width:0}
[data-preview-game=ayo] .board-privacy-note{color:#073f50}
[data-preview-game=ayo] .icon-button{background:#07566b;color:#fff8e6;border-color:#8ed5e8;box-shadow:none}
[data-preview-game=ayo] .table-marquee{display:flex;flex-wrap:wrap;gap:10px}
[data-preview-game=ayo] .workspace{padding:0;min-width:0}
@media(max-width:760px){[data-preview-game=ayo] main{padding:10px}[data-preview-game=ayo] .topbar h1{font-size:24px}[data-preview-game=ayo] .topbar nav{flex-wrap:wrap}}
[data-preview-game=agbaarin] .turnbar{background:#fff8e6;color:#073f50;border-radius:12px;padding:12px}
[data-preview-game=agbaarin] .turnbar .hint{color:#346678}
.living-ayo-count{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:#fff4d5;color:#442817;border:1px solid #8a542c;border-radius:999px;padding:2px 7px;font-size:15px;font-weight:bold;white-space:nowrap}
[data-preview-game=ayo] .living-scene-stage{height:clamp(420px,45vw,620px)}
@media(max-width:760px){[data-preview-game=ayo] .living-scene-stage{height:clamp(270px,36svh,350px)}.living-ayo-count{font-size:12px;padding:1px 5px}}
[data-preview-game=ayo] .board-fullscreen-shell:not(.active)>.board-wrap{position:static;width:100%;height:auto;overflow:visible;clip-path:none}
[data-preview-game=ayo] .board-fullscreen-shell:not(.active) .board-wrap>[aria-label="Ayò pits"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-preview-game=ayo] .app-footer{color:#073f50}
[data-preview-game=ayo] .app-footer :is(p,small,button){color:#073f50}
[data-preview-game=ayo] .board-zone{grid-template-columns:minmax(0,1fr)}
[data-preview-game=ayo] .board-zone>*{min-width:0;max-width:100%}
[data-preview-game=ayo] .play-actions{flex-wrap:wrap;gap:8px}
[data-preview-game=ayo] .play-actions p{flex:1 1 100%;margin:0;color:#073f50}
[data-preview-game=ayo] .play-actions button{background:#07566b;color:#fff8e6;border-color:#8ed5e8}
button.living-ayo-count{pointer-events:auto;cursor:pointer;opacity:1}button.living-ayo-count:not(:disabled):hover{background:#ffd33d}button.living-ayo-count:disabled{cursor:default}
[data-preview-game=ayo] main:has(.living-card-scene[hidden]){display:block!important}[data-preview-game=ayo] main:has(.living-card-scene[hidden])>.vegas-page-wrapper{margin-top:14px}
[data-preview-game=ayo] .inhabited-view-toggle{top:auto;bottom:10px;right:10px;font-size:14px;padding:7px 10px}
[data-preview-game=ayo] .topbar h1{font-size:clamp(24px,3vw,36px)}
[data-preview-game=ayo] .landscape-prompt{z-index:80}
@media(max-width:760px){[data-preview-game=ayo] .topbar{display:flex;flex-direction:column;align-items:stretch;gap:10px}[data-preview-game=ayo] .topbar>div{min-width:0;width:100%}[data-preview-game=ayo] .topbar nav{display:flex;position:static;flex-wrap:nowrap!important;overflow-x:auto;width:100%;max-width:100%;gap:6px}[data-preview-game=ayo] .topbar nav button{display:block!important;flex:0 0 auto;font-size:14px;min-height:36px}}
[data-preview-game] .tally span{background:#073f50!important;color:#fff8e6!important;border-color:#8ed5e8!important}
[data-preview-game] .score-chip.you,[data-preview-game] .score-chip.you strong{color:#fff8e6}
[data-preview-game] .score-chip.live,[data-preview-game] .score-chip.live strong{background:#ffd33d;color:#073f50}
[data-preview-game] :is(.whot-subbar,.ag-subbar,.ludo-subbar){background:#fff8e6;border:1px solid #e3c570;border-radius:12px;padding:12px;gap:10px;color:#073f50}
[data-preview-game] :is(.whot-subbar,.ag-subbar) label{color:#073f50;font-size:14px;font-weight:bold}
main:has(>.living-card-scene)>header{order:-5!important}
main:has(>.living-card-scene)>.living-card-scene{order:-4!important}
main:has(>.living-card-scene)>.kw-choose{order:-3!important}
main:has(>.living-card-scene)>:is(.my-area,.kw-hand,.spar-hand,.kal-table){order:-2!important}
main:has(>.living-card-scene)>:is(.kw-table,.spar-table,.table,.opponents){order:4!important}
[data-preview-game=kalookie] .kal-melds{order:0}
[data-preview-game=kalookie] .kal-you{order:1}
[data-preview-game=kalookie] .kal-tray{order:2}
[data-preview-game=kalookie] .kal-opp{order:3}
[data-preview-game=kalookie] .kal-table>.status{order:4}
[data-preview-game] :is(.setup,.ag-subbar,.whot-subbar){flex-wrap:wrap!important}
[data-preview-game] :is(.setup,.ag-subbar,.whot-subbar)>button{white-space:nowrap;flex-shrink:0}

[data-preview-game=ayo] .topbar h1::before{content:none!important}
[data-preview-game=ayo] .landscape-prompt{z-index:80!important}
/* Shared preview polish: high-contrast navigation and clear supporting text. */
[data-preview-game] :is(.app-footer,.site-footer){background:#073f50;color:#fff8e6;border:1px solid #ffd33d;border-top:3px solid #ffd33d;border-radius:14px;padding:18px;box-shadow:0 6px 18px #073f5026}
[data-preview-game] :is(.app-footer,.site-footer) :is(strong,p,span,small){color:#fff8e6;opacity:1}
[data-preview-game] :is(.app-footer,.site-footer) strong{color:#ffd33d;font-size:18px}
[data-preview-game=ayo] .app-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-width:0;margin:14px 0 0;box-sizing:border-box}
[data-preview-game=ayo] .app-footer nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:5px;width:100%;min-width:0}
[data-preview-game=ayo] .app-footer nav button{background:#ffd33d;color:#073f50!important;border:1px solid #ffe78b;box-shadow:none;font-weight:bold;font-size:14px;padding:8px 7px;min-height:38px;white-space:nowrap;flex:1 1 auto;min-width:0;border-radius:8px}
[data-preview-game=ayo] .app-footer nav button:hover{background:#fff8e6;transform:translateY(-1px)}
[data-preview-game=ayo] .app-footer>small{font-size:13px;text-align:center}
[data-preview-game]:not([data-preview-game=kaasi]) :is(.eyebrow,.nav-home){color:#073f50!important;font-weight:bold;opacity:1}
[data-preview-game]:not([data-preview-game=kaasi]) :is(.wh-hand-hint,.waterhole-play-guide,.act-hint,.kal-hint,.hand-hint){color:#164f61!important;font-weight:600;opacity:1}
[data-preview-game]:not([data-preview-game=kaasi]) :is(.setup,.whot-subbar,.ag-subbar,.ludo-subbar,.wh-bar) select{background:#073f50;color:#fff8e6;border:1px solid #2c8399;border-radius:8px;font-weight:bold;min-height:36px}
@media(max-width:760px){[data-preview-game=ayo] .app-footer nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}[data-preview-game=ayo] .app-footer nav button{padding:9px 4px;font-size:13px}[data-preview-game=ayo] .app-footer nav button:nth-child(5){grid-column:span 2}}
[data-preview-game=ayo] .legal-card{background:#fff8e6;color:#073f50;border:1px solid #e3c570;box-shadow:0 4px 12px #073f501a}
[data-preview-game=ayo] .legal-card :is(h2,h3,p,li){color:#073f50;opacity:1}
[data-preview-game=ayo] .legal-page>h2{color:#073f50}
[data-preview-game] :is(.achi-subbar,.dara-subbar,.dr-subbar){background:#fff8e6;border:1px solid #e3c570;border-radius:12px;padding:12px;color:#073f50;gap:10px;flex-wrap:wrap}
[data-preview-game] :is(.achi-subbar,.dara-subbar,.dr-subbar) label{color:#073f50!important;opacity:1;font-weight:bold}
[data-preview-game] :is(.achi-subbar,.dara-subbar,.dr-subbar) select{background:#073f50;color:#fff8e6;border:1px solid #2c8399;border-radius:8px;min-height:36px}
[data-preview-game] .kw-choose{color:#073f50!important;font-weight:bold}
[data-preview-game] .kw-choose :is(span,label,p){color:#073f50!important;opacity:1}
[data-preview-game=kaasi] .setup-strip>*,[data-preview-game=kaasi] .table-stat{background:#fff8e6;border-color:#d7b54c;color:#073f50}
[data-preview-game=kaasi] .setup-strip :is(label,legend),[data-preview-game=kaasi] .commentary>.eyebrow{color:#073f50;opacity:1;font-weight:bold}
[data-preview-game=kaasi] .predict-stats>div{background:#073f50;color:#fff8e6;border-color:#ffd33d}
[data-preview-game=kaasi] .predict-stats :is(span,strong,small){color:#fff8e6;opacity:1}
[data-preview-game] footer:has(>.bisi-ad){background:#073f50;border-top:3px solid #ffd33d;color:#fff8e6;padding:16px;box-sizing:border-box}
[data-preview-game] footer>.bisi-ad.empty{background:#07566b;border:1px dashed #8ed5e8;color:#fff8e6;opacity:1}
[data-preview-game] footer .bisi-ad :is(a,span){color:#fff8e6;opacity:1;font-weight:bold}
[data-preview-game] footer .bisi-copyright,[data-preview-game] footer .bisi-copyright a{color:#fff8e6;opacity:1}
[data-preview-game=ayo] main:has(.landscape-prompt)>.living-card-scene{z-index:0}[data-preview-game=ayo] main:has(.landscape-prompt)>.vegas-page-wrapper{position:relative;z-index:10}

[data-preview-game=ayo] main{width:100%;box-sizing:border-box;margin-inline:auto!important}
/* Platform ad placements: inherited by every shared game scene. */
.ad-spot-cues{position:absolute;inset:0;pointer-events:none;z-index:4}
.ad-spot-hint{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:26px;height:26px;padding:0!important;border:1px solid #ffd33d!important;border-radius:50%!important;background:#073f50e8!important;color:#fff8e6!important;font-size:17px!important;cursor:pointer}
.ad-spot-hint span{display:none;position:absolute;right:0;bottom:34px;width:210px;padding:10px;border-radius:8px;background:#073f50;color:#fff8e6;font-size:14px;line-height:1.4;text-align:left;box-shadow:0 3px 12px #0003}
.ad-spot-hint:hover span,.ad-spot-hint:focus-visible span,.ad-spot-hint.is-open span{display:block}
[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory{margin:0;padding:14px;background:#073f50;color:#fff8e6;border-top:2px solid #ffd33d}
[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory h2{margin:0 0 8px;color:#ffd33d;font-size:18px}
[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-demo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#07566b;border:2px solid #ffd33d;padding:14px;border-radius:10px}
[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-copy{display:grid;gap:6px}[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-copy>strong{font-size:26px;line-height:1.1}
[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-kicker,[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-spec{font-size:12px;color:#ffd33d}
[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-spec{display:grid;gap:6px}[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-art{display:flex;gap:4px;font-size:38px;color:#ffd33d}
[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory a{color:#ffd33d}[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory>div[hidden]{display:none}
@media(max-width:760px){[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-demo{flex-wrap:wrap}[data-preview-game]:not([data-preview-game=kaasi]) .sponsor-banner-art{display:none}}
.platform-ad-picker{margin-top:12px;font-size:14px}.platform-ad-picker summary{cursor:pointer;color:#ffd33d;font-weight:bold}.platform-ad-picker button{display:block;margin:8px 0;background:#fff8e6;color:#073f50;border:1px solid #ffd33d;padding:8px;border-radius:7px;max-width:100%;font:inherit}.ad-spot-hint[hidden]{display:none!important}
@media(max-width:760px){[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory .sponsor-banner-demo{display:none}[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory{padding:10px}[data-preview-game]:not([data-preview-game=kaasi]) .sign-ad-directory h2{font-size:15px;margin-bottom:4px}.platform-ad-picker{margin-top:4px}}
main>.sign-ad-directory{grid-column:1!important;grid-row:auto!important;order:999!important;width:100%;box-sizing:border-box;min-width:0}
.game-grid>.sign-ad-directory{grid-column:1!important;grid-row:2!important;order:999!important}
.waterhole-workbench>.sign-ad-directory,.play-row>.sign-ad-directory{grid-column:1;grid-row:2;order:999;width:100%;box-sizing:border-box;min-width:0}
main:has(>.living-card-scene)>.sign-ad-directory{grid-row:20!important}
@media(max-width:760px){.game-grid>.sign-ad-directory{grid-row:4!important}}
.waterhole-workbench>.waterhole-controls,.play-row>.side{grid-column:2;grid-row:1 / span 2}@media(max-width:760px){.waterhole-workbench>.waterhole-controls,.play-row>.side{grid-column:auto;grid-row:auto}}
@media(min-width:761px){.waterhole-workbench>.waterhole-stage-slot,.play-row>.board3d,main:has(>.living-card-scene)>.living-card-scene{position:relative!important;top:auto!important}}
/* The board stage aligns with the shared page heading and sponsor section. */
[data-preview-game]:is([data-preview-game=achi],[data-preview-game=dara],[data-preview-game=draughts],[data-preview-game=morabaraba]) .board3d{width:100%!important;max-width:none!important;box-sizing:border-box}
.inhabited-camera-tools{position:absolute;top:12px;right:12px;z-index:4;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #ffd33d;border-radius:10px;background:#073f50ee}
.inhabited-camera-tools .inhabited-view-toggle{position:static;border:0;padding:8px 10px}
.inhabited-camera-tools button{min-width:38px;min-height:38px;padding:6px 10px;border:1px solid #ffd33d;border-radius:6px;background:#07566b;color:#fff8e6;font-weight:700;font-family:"Gentium Plus","Charis SIL","Noto Serif",serif;font-size:16px;cursor:pointer}
.inhabited-camera-tools button:disabled{opacity:.45;cursor:default}
.inhabited-camera-tools button:focus-visible{outline:3px solid #ffd33d;outline-offset:2px}
@media(max-width:760px){.inhabited-camera-tools{top:8px;right:8px;gap:4px;padding:4px}.inhabited-camera-tools button{min-width:34px;min-height:38px;padding:5px 8px;font-size:14px}}

/* Keep the stage and sponsor together; right-column rows cannot create a gap between them. */
main:has(>.living-stage-column){display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:12px!important;max-width:1440px!important;align-items:start;align-content:start!important;grid-auto-rows:min-content}
main:has(>.living-stage-column)>header{grid-column:1/-1}
main:has(>.living-stage-column)>:not(header):not(.living-stage-column){grid-column:2;min-width:0}
main:has(>.living-stage-column)>.living-stage-column{grid-column:1;grid-row:2/20;display:flex;flex-direction:column;gap:12px;min-width:0;align-self:start}
.living-stage-column>.living-card-scene{margin:0;position:relative}
.living-stage-column>.sign-ad-directory{margin:0!important;width:100%;box-sizing:border-box;min-width:0}
main:has(>.living-stage-column)>:is(.overlay,.cardflight-layer){grid-column:1/-1}
@media(max-width:760px){main:has(>.living-stage-column){display:flex!important;flex-direction:column;gap:8px!important}main:has(>.living-stage-column)>header{order:-5!important}main:has(>.living-stage-column)>*{width:100%;min-width:0}main:has(>.living-stage-column)>.living-stage-column{display:contents}.living-stage-column>.living-card-scene{order:-4;position:sticky;top:0;z-index:8;width:100%}.living-stage-column>.sign-ad-directory{order:999}main:has(>.living-stage-column)>.kw-choose{order:-3}main:has(>.living-stage-column)>:is(.my-area,.kw-hand,.spar-hand,.kal-table){order:-2}main:has(>.living-stage-column)>:is(.kw-table,.spar-table,.table,.opponents){order:4}}
[data-preview-game=ayo] main:has(.landscape-prompt) .living-stage-column>.living-card-scene{z-index:0}
main:has(>.living-stage-column)>header{order:-5!important}
main:has(>.living-stage-column)>.living-stage-column{order:-4!important}
main:has(>.living-stage-column)>.kw-choose{order:-3!important}
main:has(>.living-stage-column)>:is(.my-area,.kw-hand,.spar-hand,.kal-table){order:-2!important}
main:has(>.living-stage-column)>:is(.kw-table,.spar-table,.table,.opponents){order:4!important}

[data-platform-scene=true] .compare-link{display:none}