.og-play-page{max-width:1440px;padding-top:25px}
.og-play-page .back-link{display:inline-flex;margin-bottom:14px}
.og-play-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 18px}
.og-play-heading h1{margin:3px 0;font:700 clamp(2rem,3vw,3rem) Oswald,Impact,sans-serif;text-transform:uppercase}
.og-play-heading p{margin:0;color:#aeb9b4;font-size:.88rem}
.og-play-heading>span{color:#bdec76;border:1px solid #b5eb7159;padding:7px 11px;border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.og-play-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:565px;border:1px solid #ffffff23;border-radius:11px;overflow:hidden;background:#111d25}
.og-play-controls{display:flex;flex-direction:column;gap:15px;padding:19px;background:#20303b;border-right:1px solid #ffffff18;color:#fff}
.og-play-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:#111c24;border-radius:8px;text-align:center;font-size:.8rem;font-weight:700}
.og-play-mode span{padding:9px 3px;color:#aebfbe}
.og-play-mode .active{color:#fff;background:#3e5663;border-radius:6px}
.og-play-bet{display:block;color:#bdd0d0;font-size:.76rem;font-weight:700}
.og-play-bet>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px;padding:11px;background:#14222c;border:1px solid #ffffff30;border-radius:6px}
.og-play-bet strong{font-size:1rem;color:#fff}
.og-play-bet span{font-size:.53rem;letter-spacing:.08em;color:#b9eb80}
.og-play-selector{display:grid;gap:8px;color:#bdd0d0;font-size:.76rem;font-weight:700}
.og-play-selector select{width:100%;height:42px;padding:0 11px;background:#14222c;border:1px solid #ffffff30;border-radius:6px;color:#fff}
.og-play-actions{display:grid;gap:8px}
.og-play-actions button{min-height:43px;border:0;border-radius:6px;background:#344955;color:#e9f1ef;font-weight:800;cursor:pointer}
.og-play-actions .og-play-primary{background:#a9eb49;color:#14200e}
.og-play-actions button:hover{filter:brightness(1.1)}
.og-play-status{min-height:48px;border-left:2px solid var(--og-game-accent);padding:9px 11px;background:#ffffff0a;color:#d9e5df;font-size:.74rem;line-height:1.35}
.og-play-disclosure{margin:auto 0 0;color:#9db0ac;font-size:.65rem;line-height:1.45}
.og-play-stage{min-width:0;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:17px 22px 13px;background:radial-gradient(circle at 50% 45%,#1b3440 0,#10232e 64%,#0d1b25 100%);overflow:hidden}
.og-stage-top,.og-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;color:#b4c8ca;font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.og-stage-top strong{font-size:.78rem;color:#e8f0ef}
.og-stage-top strong span{color:var(--og-game-accent)}
.og-stage-bottom{border-top:1px solid #ffffff17;padding-top:12px}
.og-play-bottom{display:flex;gap:24px;align-items:center;padding:13px 20px;color:#9fb1b7;background:#20303b;border:1px solid #ffffff1c;border-top:0;border-radius:0 0 9px 9px;font-size:.71rem;font-weight:700}
.og-play-bottom strong{margin-left:auto;color:#e5f2e8}
.og-stage-chicken{background:linear-gradient(#0c222eaa,#0c222eaa),repeating-linear-gradient(90deg,#253f4b 0 74px,#203845 74px 148px)}
.og-chicken-board{width:100%;margin:auto;overflow:hidden}
.og-crossing{display:flex;align-items:end;min-width:max-content;padding:55px 5px 10px;gap:7px}
.og-roadside,.og-road-lane{position:relative;display:grid;align-content:center;justify-items:center;width:78px;height:250px;background:#243a49;border:1px solid #ffffff17;border-radius:9px}
.og-roadside{width:95px;background:#1a3435}
.og-chicken-icon{font-size:3rem;color:#ffd774}
.og-roadside small{color:#d7e6dd;letter-spacing:.1em}
.og-road-lane::before{content:'';position:absolute;left:50%;height:100%;border-left:2px dashed #ffffff16}
.og-road-lane>span{position:relative;z-index:1;font-size:1.8rem;color:#a8c6ca}
.og-road-lane strong{position:absolute;bottom:15px;font-size:.74rem;color:#e5f0eb}
.og-road-lane.current{border-color:#b9ed86;background:#305545}
.og-road-lane.cleared{background:#1b513c}
.og-road-lane.cleared>span{color:#b9f784}
.og-stage-caption{text-align:center;color:#b2c5c8;font-size:.72rem}
.og-hilo-board{display:flex;align-items:center;justify-content:center;gap:30px;position:relative;min-height:435px}
.og-hilo-guide{display:grid;justify-items:center;gap:6px;color:#d5e6e7}.og-hilo-guide span{font-size:2.4rem;font-weight:900;opacity:.35}.og-hilo-guide small{font-size:.6rem;letter-spacing:.08em;opacity:.7}
.og-play-card{display:flex;flex-direction:column;justify-content:space-between;width:112px;height:156px;flex:none;padding:9px;color:#162127;background:#f7f8f4;border:2px solid #e6eee8;border-radius:8px;box-shadow:0 10px 22px #0006;font-family:Arial,sans-serif}
.og-play-card.is-red{color:#bf3245}.og-play-card>b{display:grid;font-size:1.15rem;line-height:1}.og-play-card>b small{font-size:.92rem}.og-play-card strong{align-self:center;font-size:2.4rem}.og-play-card em{align-self:end;font-size:1.1rem;font-style:normal;transform:rotate(180deg)}.og-play-card.is-back{align-items:center;justify-content:center;color:#b4ed7e;background:repeating-linear-gradient(45deg,#234653 0 5px,#315768 5px 10px);border:5px solid #f0f5ec}.og-play-card.is-back span{font:700 2rem Oswald,sans-serif}.og-play-card.is-back small{font-size:.6rem;letter-spacing:.2em}
.og-hilo-trail{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);opacity:.5}.og-hilo-trail .og-play-card{width:50px;height:70px;font-size:.6rem}.og-hilo-trail .og-play-card strong{font-size:1rem}
.og-stage-dragon-tower{background:radial-gradient(circle at 50% 0,#294657,#0e2330 73%)}
.og-tower-board{display:grid;justify-items:center;margin:auto}.og-tower-crown{font-size:2.6rem;color:#a8e4ee;margin-bottom:3px}.og-tower-grid{display:grid;gap:5px;padding:15px;border:8px solid #547184;border-radius:12px;background:#142834;box-shadow:0 20px 45px #0008}.og-tower-row{display:grid;grid-template-columns:55px repeat(3,minmax(64px,110px));gap:5px;align-items:center}.og-tower-row>span{text-align:right;color:#9db8c1;font-size:.68rem;padding-right:7px}.og-tower-row button{height:37px;border:1px solid #7fa3a743;background:#294351;color:#8dacb2;border-radius:4px;font-size:1.2rem}.og-tower-row button:enabled{border-color:#a6e876;background:#42644a;cursor:pointer}.og-tower-row button.open{color:#c6f48b}
.og-moles-board{display:grid;grid-template-columns:repeat(3,100px);gap:10px 25px;justify-content:center;align-content:center;margin:auto;min-height:420px}.og-mole-hole{width:100px;height:100px;border:10px solid #3b586a;border-radius:50%;background:#142733;color:#f5c96a;font-size:2rem;box-shadow:inset 0 10px 20px #0008}.og-mole-hole:nth-child(1),.og-mole-hole:nth-child(7){grid-column:2}.og-mole-hole:enabled{cursor:pointer}.og-mole-hole.revealed{background:#385c43;color:#c2f289}.og-moles-progress{grid-column:1/-1;text-align:center;color:#f4f5ec;font-size:1.2rem}
.og-snakes-board{display:grid;justify-items:center;gap:12px;margin:auto}.og-snake-grid{display:grid;grid-template-columns:repeat(4,76px);gap:6px}.og-snake-grid>div{height:68px;display:grid;place-items:center;border-radius:9px;background:#344d5b;color:#edf4ed;font-size:.78rem;font-weight:800}.og-snake-grid>div.on{background:#b9f271;color:#1b2b20;font-size:1.6rem}.og-snake-dice{display:flex;align-items:center;gap:13px;color:#e3f5df;font-size:2rem}.og-snake-dice span{font-size:.8rem}
.og-stage-tome-of-life{background:radial-gradient(circle at 50% 40%,#5b375e,#22283d 60%,#141d29)}.og-tome-board{display:grid;justify-items:center;gap:18px;margin:auto}.og-tome-title{text-align:center;font:700 2rem Oswald,sans-serif;letter-spacing:.08em;color:#ffe4ab}.og-tome-title small{display:block;font:600 .55rem Arial,sans-serif;letter-spacing:.3em;color:#c6a6d6}.og-tome-reels{display:grid;grid-template-columns:repeat(5,70px);gap:7px;padding:11px;border:5px solid #cba86a;border-radius:12px;background:#271e31;box-shadow:0 14px 30px #0008}.og-tome-reels>div{display:grid;gap:5px}.og-tome-reels span{display:grid;place-items:center;width:70px;height:65px;background:#e7d7ac;color:#72497c;border-radius:5px;font-size:2rem;font-weight:900}.og-tome-footer{font-size:.7rem;letter-spacing:.14em;color:#e8c8e4}
.og-rps-board{display:grid;justify-items:center;gap:35px;margin:auto}.og-rps-track{display:flex;gap:9px}.og-rps-track div{min-width:72px;padding:14px 9px;text-align:center;border-radius:8px;background:#314a59;font-weight:800;font-size:.8rem}.og-rps-track div.active{border:1px solid #ffb48b;color:#ffcead}.og-rps-duel{display:flex;align-items:center;gap:22px}.og-rps-card{display:grid;place-items:center;width:100px;height:132px;border:2px solid #ffc49f;border-radius:9px;background:#30414c;font-size:1rem;font-weight:800}.og-rps-card.rival{border-color:#92bfd9}.og-rps-duel>span{font:700 1.4rem Oswald,sans-serif;color:#ffc29d}.og-rps-moves{font-size:1.8rem;letter-spacing:.3em;color:#f1e7d5}
.og-poker-board{display:grid;justify-items:center;gap:18px;margin:auto;width:min(100%,700px)}.og-poker-paytable{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}.og-poker-paytable>div{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;background:#263d4b;font-size:.63rem;text-transform:uppercase}.og-poker-paytable strong{color:#ffdb8a}.og-poker-hand{display:flex;gap:9px}.og-poker-hand button{padding:0;border:0;background:none;color:#b5ec74;font-size:.6rem;font-weight:800}.og-poker-hand button:enabled{cursor:pointer}.og-poker-hand button.held .og-play-card{box-shadow:0 0 0 3px #b5ee78,0 10px 18px #0008}.og-poker-hand button small{display:block;margin-top:5px}.og-poker-hand .og-play-card{width:74px;height:100px;padding:5px}.og-poker-hand .og-play-card strong{font-size:1.5rem}.og-poker-hand .og-play-card.is-back span{font-size:1.3rem}
@media(max-width:850px){.og-play-shell{grid-template-columns:220px minmax(0,1fr)}.og-play-controls{padding:14px}.og-play-stage{padding:14px}.og-poker-paytable{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.og-play-page{padding:18px 12px 60px}.og-play-heading{align-items:start}.og-play-heading>span{font-size:.51rem;padding:6px}.og-play-heading p{font-size:.7rem}.og-play-shell{grid-template-columns:1fr}.og-play-controls{order:2;border-right:0;border-top:1px solid #ffffff1b}.og-play-stage{min-height:420px;order:1}.og-play-bottom{flex-wrap:wrap;gap:12px;font-size:.62rem}.og-play-bottom strong{display:none}.og-tower-row{grid-template-columns:42px repeat(3,65px)}.og-tower-row button{height:34px}.og-tome-reels{grid-template-columns:repeat(5,46px)}.og-tome-reels span{width:46px;height:53px;font-size:1.4rem}.og-poker-paytable{grid-template-columns:repeat(2,1fr)}.og-poker-hand{gap:4px}.og-poker-hand .og-play-card{width:48px;height:70px}.og-poker-hand .og-play-card strong{font-size:1rem}.og-hilo-board{gap:8px}.og-hilo-guide span{font-size:1.3rem}.og-hilo-board>.og-play-card{width:86px;height:120px}.og-moles-board{grid-template-columns:repeat(3,72px);gap:8px 13px}.og-mole-hole{width:72px;height:72px;border-width:7px}.og-snake-grid{grid-template-columns:repeat(4,60px)}.og-snake-grid>div{height:58px}}
@media(prefers-reduced-motion:reduce){.og-play-page *{animation:none!important;transition:none!important}}