/* Calm, task-focused game windows. The table and board own the screen. */
.game-dock{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:105;display:flex;flex-direction:column;padding:7px;background:#142a2bee;border:1px solid #c4b68a44;border-radius:18px;box-shadow:0 12px 35px #0004;backdrop-filter:blur(15px);gap:5px}.game-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:transparent;color:#aebcaf;border-radius:11px;min-width:57px;min-height:61px;padding:8px;transition:background .18s}.game-dock button:hover{background:#345047;color:#e4d4b0}.game-dock b{font-size:21px;font-weight:400}.game-dock span{font-size:9px}.compact-games .sidebar{width:90px}.compact-games .sidebar>.brand,.compact-games .sidebar>.nav-label,.compact-games .sidebar>nav,.compact-games .sidebar>.side-bottom{visibility:hidden}.compact-games main{margin-left:90px;max-width:none;padding-inline:25px}.compact-games footer{display:none}.compact-games #arena>.hero,.compact-games #online>.online-heading{display:none}.compact-games #arena .arena-layout{grid-template-columns:minmax(0,1fr);max-width:950px;margin:auto}.compact-games #online .online-grid{display:block}.compact-games .online-game-column{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:stretch}.compact-games .online-play-card{min-width:0}.compact-games .chat-card{display:flex;flex-direction:column;min-width:0}.compact-games #chat-panel{display:flex;flex-direction:column;flex:1}.compact-games #chat-messages{height:auto;min-height:240px;flex:1}.compact-games #chat-form{display:flex;flex-wrap:wrap}.compact-games #chat-form input{min-width:0;width:100%;font-size:13px}.compact-games #chat-form button{width:100%;font-size:12px}.compact-games .chat-card h2{font-size:17px}.online-compact-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.online-compact-title h1{font:32px Georgia,serif;margin:7px 0}.online-compact-title .secondary{width:auto;font-size:12px}.local-chat-entry{display:flex;align-items:center;gap:16px;border:1px solid var(--room-line);padding:16px 20px;border-radius:12px;color:var(--room-text);background:var(--room-card)}.local-chat-entry>span{font-size:25px;color:var(--room-accent)}.local-chat-entry b{font-size:12px;font-weight:500}.local-chat-entry p{font-size:11px;color:var(--room-muted);margin:6px 0}.local-chat-entry .secondary{margin-left:auto;width:auto;font-size:11px}.game-window{background:#142729;color:#e8e5d8;width:min(740px,calc(100vw - 32px));max-height:90dvh;border:1px solid #bfa77c70;border-radius:22px;padding:0;box-shadow:0 30px 90px #0009;overscroll-behavior:contain}.game-window::backdrop{background:#061114ba;backdrop-filter:blur(9px)}.game-window>header{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border-bottom:1px solid #c3b99b25;background:linear-gradient(130deg,#2c403b,#182a2c)}.game-window>header h2{font:27px Georgia,serif;font-weight:400;margin:10px 0 0}.game-window .section-kicker{font-size:9px;color:#c9b78d;letter-spacing:1.8px}.window-close{width:40px;height:40px;border-radius:50%;border:1px solid #c1b89c40;background:#152729;color:#d7d5c6;font-size:25px;flex-shrink:0}.window-tabs{display:flex;gap:5px;padding:14px 22px;border-bottom:1px solid #b6bf9e26;overflow:auto}.window-tabs button{min-height:40px;padding:10px 16px;border-radius:9px;background:transparent;color:#a1b2a6;font-size:12px;white-space:nowrap;border:1px solid transparent}.window-tabs [aria-selected=true]{background:#3b4b40;color:#e4d3ab;border-color:#c3af7f44}.window-body{padding:25px 28px;overflow:auto}.game-window .appearance-panel,.game-window .fx-panel{display:block;position:static!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;width:auto!important;max-height:none!important}.game-window .appearance-panel{color:inherit}.game-window label{font-size:12px;color:#b6c2b3;margin-top:14px}.game-window input,.game-window select{font-size:13px;min-height:42px}.game-window .theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.game-window .theme-options button{min-height:37px;font-size:11px}.game-window .appearance-panel .fine-print,.game-window .fx-panel .fine-print{font-size:11px;line-height:1.8}.game-window .pool-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0}.game-window .pool-options label{display:block;margin:0}.game-window .pool-options label>span{display:block;margin-bottom:10px}.game-window .pool-options select{width:100%;max-width:none;margin-top:7px;font-size:12px;min-height:42px}.game-window .pool-options>span{display:none}.game-window .pool-camera-control{margin-top:26px;max-width:100%;padding-top:23px}.game-window .pool-camera-control label{font-size:12px}.game-window .pool-camera-control input{width:100%;padding:0;accent-color:#cdb280}.game-window .pool-camera-control button{font-size:13px;min-height:36px;min-width:40px}.game-window .pool-rules{padding:0;background:transparent;border:0}.game-window .pool-rules summary{display:none}.game-window .pool-rule-steps p,.game-window .pool-rules-note p{font-size:12px}.game-window .pool-rule-steps h3{font-size:15px}.game-window .pool-rules-note{display:block}.game-window .pool-rules-note p{margin-bottom:16px}.game-window .match-column{display:block}.game-window .match-column .insight-card,.game-window .match-column .device-note{display:none}.game-window .setup-card{background:transparent;border:0;padding:0}.game-window .club-setup{display:block;border:0;background:transparent;padding:0}.game-window .club-setup>div{margin-bottom:22px;width:100%}.game-window .club-setup label{margin-bottom:9px;font-size:12px}.game-window .club-setup select{font-size:13px}.game-window .scene-strip{display:flex;flex-wrap:wrap;margin-top:25px}.game-window .scene-strip select{max-width:100%}.game-window .secondary,.game-window .primary{font-size:12px;min-height:42px}.game-window .lobby-column{display:block}.game-window .lobby-column>.setup-card{margin-bottom:32px}.wallet-window{width:min(520px,calc(100vw - 28px))}.real-wallet-card{background:linear-gradient(135deg,#4c5843,#263e3c);border:1px solid #c5b98f55;padding:28px;border-radius:16px}.real-wallet-card>span{font-size:10px;letter-spacing:1.5px;color:#d7c9a5}.real-wallet-card strong{display:block;font-size:48px;font-weight:400;margin:17px 0}.real-wallet-card p{font-size:12px;color:#afc0ae}.real-wallet-actions{display:grid;gap:12px;margin:22px 0}.wallet-window #real-wallet-status{font-size:13px;line-height:1.8;color:#d5c29a}.wallet-window .fine-print{font-size:11px;line-height:1.9;margin:18px 0}.wallet-window #real-payment-pending{border:1px solid #c5b58a55;padding:20px;border-radius:12px}.wallet-window #real-payment-pending .primary{display:block;text-align:center;margin-bottom:13px}.wallet-window #real-payment-pending p{font-size:12px;margin:0 0 20px}
.club-tabs{display:flex;gap:5px;border-bottom:1px solid var(--room-line);padding:0 0 13px;margin-bottom:20px}.club-tabs button{background:none;color:var(--room-muted);padding:12px 22px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:9px}.club-tabs [aria-selected=true]{background:var(--room-card);color:var(--room-text);box-shadow:inset 0 0 0 1px var(--room-line)}.live-dot{width:5px;height:5px;background:#8dbb9c;border-radius:50%;box-shadow:0 0 8px #8dbb9c88}.club-lobby{max-width:1150px;margin:auto}.club-hero{min-height:390px}.club-stats{margin-top:40px}.pool-network{border:1px solid var(--room-line);background:var(--room-card);border-radius:18px;padding:30px}.pool-network h2{font:28px Georgia,serif}.pool-network p{font-size:13px;line-height:1.9;color:var(--room-muted)}.network-choices{display:flex;gap:20px;margin:25px 0}.network-choices label{flex:1;font-size:12px}.network-choices select{margin-top:9px;font-size:13px}.network-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:22px 0}.network-columns h3{font-size:14px;font-weight:500;margin-bottom:18px}.network-columns>section>div{font-size:12px;line-height:1.9;color:var(--room-muted)}.network-actions{display:flex;gap:20px;align-items:center}.network-actions .secondary{width:auto}.pool-network .lobby-person{justify-content:space-between}.pool-network .lobby-person b{font-size:13px}.pool-network .lobby-person button{font-size:11px;width:auto;padding:9px 12px}.pool-network .invite button{font-size:11px;margin:10px 7px 0 0;min-height:36px}
.control-tabs{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid #b9bd9826}.control-tabs button{background:transparent;color:#9cac9e;padding:10px 12px;flex:1;border-radius:8px;font-size:12px}.control-tabs [aria-selected=true]{background:#3a4c40;color:#e3d2ac}.pool-controls{gap:16px}#pool-shot-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.pool-controls label{font-size:11px}.pool-control-title>b{font-size:17px}.pool-stroke-pad{height:145px;position:relative;border:1px solid #c6b78d44;border-radius:12px;touch-action:none;background:linear-gradient(90deg,#102124,#213534,#102124);overflow:hidden;cursor:ns-resize;user-select:none;flex-shrink:0}.pool-stroke-pad>i{display:block;position:absolute;width:7px;height:210px;left:calc(50% - 3px);top:calc(-100px + var(--pull,0)*105px);border-radius:5px;background:linear-gradient(#6b9fa9 0 4%,#e1cca2 4% 64%,#302b25 64% 96%,#ccb27a 96%);box-shadow:2px 0 5px #0007,inset 2px 0 2px #fff4}.pool-stroke-pad>span{position:absolute;bottom:0;left:0;right:0;padding:9px 3px;background:#102124e8;text-align:center;font-size:8px;color:#d2c199;letter-spacing:.5px}.pool-match-coins{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #adbc9d33;font-size:10px;color:#c9b789;line-height:1.7}.pool-match-coins button{width:32px;height:32px;border-radius:8px;background:#3a4b40;color:#e1cda3;font-size:19px}#pool-chat-panel{display:flex;flex-direction:column;flex:1;min-height:220px}#pool-chat-messages{flex:1;height:340px;min-height:120px;font-size:12px;line-height:1.8;padding:0;color:#b3c0ac}#pool-chat-form{display:grid;gap:10px;margin-top:12px}#pool-chat-text{font-size:12px;padding:11px;min-width:0}#pool-chat-send{font-size:11px;padding:10px;min-height:38px}.pool-room-top{min-height:51px}.pool-view-tabs button{font-size:10px;min-height:31px}.pool-table-hint{font-size:10px}.pool-player b{font-size:12px}.pool-player small{font-size:9px}.pool-state-row>span:first-child{font-size:11px}.pool-stage-tools button{font-size:11px;min-height:36px}.pool-shoot>b{font-size:13px}.pool-shoot>small{display:none}.pool-aim-dial{width:65px;height:65px;margin:12px auto}.pool-result{z-index:4;flex-shrink:0}.pool-result p{font-size:11px}.pool-result .secondary{font-size:11px}.pool-room>.club-lesson p{font-size:10px}.pool-room>.club-lesson b{font-size:12px}
body.pool-focus .pool-shell{left:90px;right:12px;top:12px;bottom:12px;inset:12px 12px 12px 90px;z-index:100;grid-template-columns:minmax(0,1fr) 220px;padding:10px;gap:12px}body.pool-focus .pool-room{display:flex;flex-direction:column;min-height:0}body.pool-focus .pool-stage{flex:1;min-height:180px;height:auto}body.pool-focus .pool-controls{overflow:auto;padding:15px 14px}body.pool-focus .pool-aim-dial{display:none}body.pool-focus .pool-control-title{display:none}body.pool-focus .pool-scoreboard{padding:9px 14px}body.pool-focus .pool-pot-tray{display:flex;flex-shrink:0}body.pool-focus .pool-state-row{flex-shrink:0}body.pool-focus .pool-player{padding:7px 10px}body.pool-focus .pool-player-icon{width:24px;height:24px}.pool-controls[hidden],#pool-chat-panel[hidden],#pool-shot-panel[hidden],[data-club-panel][hidden]{display:none!important}
@media(max-width:1000px){.compact-games .online-game-column{grid-template-columns:1fr 250px}.game-dock{left:8px}.compact-games main{padding-inline:15px}.club-hero h1{font-size:42px}body.pool-focus .pool-shell{grid-template-columns:minmax(0,1fr) 180px}.pool-controls label{font-size:10px}.pool-table-hint{font-size:9px}.pool-view-tabs button{font-size:9px;padding-inline:7px}}
@media(max-width:700px){.compact-games .sidebar{display:none}.compact-games main{margin:0;padding:16px 13px 88px}.compact-games .topbar{padding-bottom:15px}.game-dock{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);flex-direction:row;gap:4px;padding:5px;border-radius:17px}.game-dock button{min-width:55px;min-height:50px;gap:3px;padding:6px}.game-dock b{font-size:19px}.game-dock span{font-size:9px}.compact-games .online-game-column{display:flex;flex-direction:column}.compact-games .chat-card{min-height:300px}.compact-games #chat-messages{height:180px;min-height:150px}.online-compact-title h1{font-size:26px}.online-compact-title .secondary{font-size:10px;max-width:160px;min-height:40px;padding:10px}.game-window{width:calc(100vw - 18px);max-height:87dvh;border-radius:18px}.game-window>header{padding:20px}.game-window>header h2{font-size:23px}.window-body{padding:20px}.window-tabs{padding:10px 13px;gap:3px}.window-tabs button{padding:9px 12px;font-size:11px}.game-window .pool-options{grid-template-columns:1fr 1fr;gap:17px 12px}.game-window .theme-options{grid-template-columns:repeat(3,1fr)}.game-window .pool-rule-steps{grid-template-columns:1fr}.game-window .pool-camera-control label{font-size:11px}.club-tabs{gap:2px}.club-tabs button{padding:11px 15px;font-size:11px}.club-hero{min-height:0}.club-hero-copy{padding:25px}.club-hero h1{font-size:38px}.club-preview{min-height:260px}.club-network{padding:20px}.pool-network{padding:20px}.pool-network h2{font-size:24px}.network-columns{grid-template-columns:1fr;gap:15px}.network-choices{gap:12px}.network-choices select{font-size:11px}.pool-network .card-top{display:block}.pool-network .connection-pill{display:inline-block;margin:10px 0}.network-actions .secondary,.network-actions .text-button{font-size:10px}.local-chat-entry{gap:12px;flex-wrap:wrap}.local-chat-entry .secondary{margin-left:0;width:100%}.compact-games #arena .play-card{padding:15px}.pool-scoreboard{gap:8px}.pool-player{flex-wrap:nowrap}.pool-player b{font-size:10px}.pool-player small{font-size:8px}.pool-player>strong{font-size:17px;width:auto;margin:0 0 0 auto}.pool-player-icon{display:none}.pool-view-tabs button{font-size:9px;min-height:32px}.pool-room-top{padding:7px 10px;min-height:47px}.pool-room-top>span{display:none}.pool-view-tabs{justify-content:space-between;width:100%}.pool-state-row{padding:9px 11px;min-height:43px}.pool-state-row>span:first-child{font-size:10px}.pool-table-hint{font-size:9px;bottom:58px;max-width:90%}.pool-stage-tools{left:10px;right:auto;bottom:12px}.pool-stage-tools button{font-size:10px;padding:7px 12px}.pool-controls{padding:12px}.control-tabs{padding:0;border:0;width:120px}.control-tabs button{font-size:10px;padding:7px 9px;min-height:31px}.pool-control-title{display:none}.pool-aim-dial{display:none}.pool-aim-control label,.pool-power-control label{font-size:10px;margin:0 0 8px}.pool-controls output{font-size:12px}.pool-power-meter{margin:8px 0;height:19px}.pool-power-labels{display:none}.pool-controls input[type=range]{min-height:24px}.pool-nudge{width:25px;height:29px;font-size:16px}.pool-match-coins{font-size:9px;margin:0;padding:0;border:0}.pool-shoot{min-height:44px;height:44px;font-size:11px}.pool-shoot>span{font-size:18px}.pool-shoot>b{font-size:11px}.pool-stroke-pad{height:110px;grid-column:3;grid-row:1/4}.pool-stroke-pad>span{font-size:7px;line-height:1.7;padding:7px 4px}.pool-stroke-pad>i{top:calc(-130px + var(--pull,0)*105px)}body.pool-focus .pool-shell{inset:5px 5px 72px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) 185px;padding:5px;gap:7px}body.pool-focus .pool-controls{padding:10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:30px 1fr;gap:10px;overflow:hidden}body.pool-focus #pool-shot-panel{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px;grid-template-rows:63px 44px;gap:8px 12px}body.pool-focus .pool-aim-control{grid-column:1;grid-row:1}body.pool-focus .pool-power-control{grid-column:2;grid-row:1}body.pool-focus .pool-shoot{grid-column:1/3;grid-row:2}body.pool-focus #pool-place{grid-column:1/3;grid-row:2}body.pool-focus .pool-match-coins{grid-column:2;grid-row:1}body.pool-focus #pool-chat-panel{grid-column:1/-1;grid-row:2;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px}body.pool-focus #pool-chat-messages{height:110px;min-height:0;font-size:11px}body.pool-focus #pool-chat-form{margin:0;align-content:end;gap:6px}body.pool-focus #pool-chat-text{padding:8px;font-size:11px;min-height:36px}body.pool-focus #pool-chat-send{padding:8px;font-size:11px;min-height:34px}body.pool-focus .pool-player{padding:7px}body.pool-focus .pool-room-top{padding:6px}body.pool-focus .pool-scoreboard{padding:7px}body.pool-focus .pool-room>.club-lesson{padding:8px 10px}body.pool-focus .pool-room>.club-lesson p{font-size:9px;margin-top:3px}body.pool-focus .pool-room>.club-lesson b{font-size:10px}.pool-result{padding:10px;gap:8px}.pool-result h2{font-size:15px}.pool-result p{font-size:10px}.pool-result .secondary{font-size:10px;width:auto}.pool-result>span{display:none}}
@media(prefers-reduced-motion:reduce){.game-dock button,.club-challenge{transition:none}.game-window::backdrop{backdrop-filter:none}}
.games-heading{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:15px auto 35px}.games-heading .section-kicker{font-size:10px;letter-spacing:2px;color:var(--room-accent)}.games-heading h1{font:52px/1.12 Georgia,serif;letter-spacing:-1.5px;color:var(--room-text);margin:22px 0}.games-heading h1 em{font-weight:400;color:var(--room-accent)}.games-heading p{font-size:13px;line-height:1.9;color:var(--room-muted);margin:0}.games-mark{font:115px Georgia,serif;position:relative;letter-spacing:-24px;color:var(--room-accent);opacity:.6;margin-right:50px;transform:rotate(-12deg)}.games-mark span{font-style:italic;color:var(--room-muted)}.games-mark i{font:25px Georgia;position:absolute;top:4px;right:-22px;letter-spacing:0}.game-library{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1160px;margin:auto}.game-tile{padding:0;background:var(--room-card);border:1px solid var(--room-line);border-radius:22px;overflow:hidden;text-align:left;color:var(--room-text);transition:transform .2s,box-shadow .2s}.game-tile:hover{transform:translateY(-5px);box-shadow:0 20px 35px var(--room-shadow);border-color:var(--room-accent)}.game-tile-art{height:280px;position:relative;background:radial-gradient(ellipse at 45% 25%,var(--room-card-top),var(--room-panel));overflow:hidden;isolation:isolate}.game-tile-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 40%,var(--room-bg)),url('./assets/serengeti-photo.webp');background-size:cover;background-position:center;opacity:.12;z-index:-1}.tile-pool .game-tile-art:before{background-image:linear-gradient(135deg,transparent 40%,var(--room-bg)),url('./assets/zanzibar-photo.webp')}.game-tile-index{position:absolute;left:24px;top:24px;font-size:8px;letter-spacing:1.8px;color:var(--room-muted)}.tile-art-caption{position:absolute;bottom:20px;left:24px;font-size:7px;letter-spacing:2px;color:var(--room-muted)}.game-tile-copy{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border-top:1px solid var(--room-line);gap:20px}.game-tile-copy>div>span{font-size:8px;letter-spacing:1.5px;color:var(--room-accent)}.game-tile h2{font:33px Georgia,serif;letter-spacing:-.6px;margin:13px 0 10px}.game-tile-copy p{font-size:12px;color:var(--room-muted);line-height:1.9;margin:0 0 15px}.game-tile-copy small{font-size:10px;color:var(--room-muted)}.game-tile-copy>strong{font-size:25px;font-weight:400;color:var(--room-accent);width:50px;height:50px;display:grid;place-items:center;background:var(--room-panel);border:1px solid var(--room-line);border-radius:50%}.tile-pool-table{position:absolute;width:285px;height:150px;top:66px;left:calc(50% - 142px);border:17px solid #795237;border-radius:20px;background:radial-gradient(ellipse,#2e7983,#164e58);transform:perspective(600px) rotateX(33deg) rotateZ(-13deg);box-shadow:0 12px 0 #3d3026,0 16px 0 #b29d6f,0 25px 0 #2a2523,10px 35px 25px #0007,inset 0 0 0 5px #123940;outline:1px solid #b49b7a}.tile-pool-table>i{position:absolute;width:25px;height:23px;background:#071720;border:2px solid #b5a071;border-radius:50%;left:-13px;top:-13px}.tile-pool-table>i:nth-child(2){left:calc(50% - 12px)}.tile-pool-table>i:nth-child(3){left:auto;right:-13px}.tile-pool-table>i:nth-child(4){top:auto;bottom:-13px}.tile-pool-table>i:nth-child(5){left:calc(50% - 12px);top:auto;bottom:-13px}.tile-pool-table>i:nth-child(6){left:auto;right:-13px;top:auto;bottom:-13px}.tile-ball{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:2px 3px 4px #0006;display:grid;place-items:center;font:700 8px Arial;color:#ece9da}.ball-cue{left:60px;top:47px;background:radial-gradient(circle at 30% 20%,white,#d1d9cf 50%,#6c7f7b)}.ball-eight{right:70px;top:37px;background:radial-gradient(circle at 30% 20%,#8d9ba2,#182b33 45%,#070f16)}.ball-one{right:40px;bottom:20px;background:radial-gradient(circle at 30% 20%,#fff1ad,#be9235 45%,#574519)}.tile-pool-table>b{position:absolute;left:-55px;top:77px;width:110px;height:4px;border-radius:3px;background:linear-gradient(90deg,#3d302b,#dcc49a);transform:rotate(-25deg);box-shadow:1px 3px 3px #0004}.tile-four-board{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;position:absolute;width:226px;padding:15px;left:calc(50% - 113px);top:52px;background:linear-gradient(135deg,var(--room-board-top),var(--room-board-bottom));border:1px solid var(--room-line);border-radius:14px;transform:perspective(600px) rotateY(-17deg) rotateX(8deg) rotateZ(7deg);box-shadow:8px 8px 0 var(--room-panel),15px 22px 30px #0005}.tile-four-board i{aspect-ratio:1;border-radius:50%;background:var(--room-hole);box-shadow:inset 2px 3px 5px #0006;border:1px solid #ffffff0b}.tile-four-board i.a{background:radial-gradient(circle at 30% 25%,#faf3ff,hsl(var(--p1-h) var(--p1-s) 60%) 38%,hsl(var(--p1-h) var(--p1-s) 24%));box-shadow:inset 0 -2px 3px #0005}.tile-four-board i.b{background:radial-gradient(circle at 30% 25%,#ffffdc,hsl(var(--p2-h) var(--p2-s) 62%) 38%,hsl(var(--p2-h) var(--p2-s) 26%));box-shadow:inset 0 -2px 3px #0005}.games-footer{max-width:1160px;margin:27px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--room-line)}.games-footer>span{font-size:8px;letter-spacing:1.3px;color:var(--room-accent);display:flex;align-items:center;gap:8px}.games-footer p,.games-footer button{font-size:11px;color:var(--room-muted)}.game-dock button[hidden]{display:none}.game-dock button{background:var(--room-panel);color:var(--room-muted)}.game-dock{background:var(--room-panel);border-color:var(--room-line);box-shadow:0 12px 35px var(--room-shadow)}.game-dock button:hover{background:var(--room-card-top);color:var(--room-accent)}
/* One persisted theme covers every game shell and dialog. Natural objects keep their materials. */
.game-window,.pool-controls,.pool-room{background:var(--room-panel);color:var(--room-text);border-color:var(--room-line)}.game-window>header,.pool-room-top{background:linear-gradient(135deg,var(--room-card-top),var(--room-panel));border-color:var(--room-line)}.game-window>header h2,.game-window label,.pool-player b{color:var(--room-text)}.game-window .section-kicker,.pool-room-top>span,.pool-match-coins,.pool-controls output{color:var(--room-accent)}.window-close,.window-tabs button,.control-tabs button{background:var(--room-panel);color:var(--room-muted);border-color:var(--room-line)}.window-tabs [aria-selected=true],.control-tabs [aria-selected=true],.pool-view-tabs button.selected{background:var(--room-card-top);color:var(--room-accent);border-color:var(--room-line)}.window-tabs,.game-window>header{border-color:var(--room-line)}.pool-scoreboard,.pool-state-row,.pool-pot-tray{background:var(--room-panel);border-color:var(--room-line)}.pool-player{background:var(--room-card);border-color:var(--room-line)}.pool-player.current{border-color:var(--room-accent)}.pool-player>strong,.pool-versus,.pool-state-row>span:first-child{color:var(--room-accent)}.pool-player small,.pool-controls label,.pool-power-labels,.pool-state-row>span:last-child{color:var(--room-muted)}.pool-view-tabs button,.pool-nudge,.pool-match-coins button{background:var(--room-card);color:var(--room-text);border-color:var(--room-line)}.pool-shoot{background:linear-gradient(145deg,var(--room-button),var(--room-accent));border-color:var(--room-accent);color:var(--room-button-text)}.club-hero{background:linear-gradient(135deg,var(--room-card-top),var(--room-panel));border-color:var(--room-line)}.club-hero h1{color:var(--room-text)}.club-hero h1 em{color:var(--room-accent)}.club-hero p,.club-hero-copy>small{color:var(--room-muted)}.club-start{background:var(--room-button);color:var(--room-button-text);border-color:var(--room-accent)}.pool-room>.club-lesson{background:var(--room-card-top);border-color:var(--room-line)}.pool-room>.club-lesson b,.pool-room>.club-lesson strong{color:var(--room-accent)}.pool-room>.club-lesson p{color:var(--room-muted)}.pool-result{background:var(--room-card-top)!important;border-color:var(--room-line)}.pool-result h2{color:var(--room-accent)}.pool-result p{color:var(--room-muted)}.pool-controls input[type=range],.game-window input[type=range]{accent-color:var(--room-accent)}.game-window .fx-panel label{color:var(--room-text)}.pool-controls{--pool-light:var(--room-text);--pool-muted:var(--room-muted);--pool-gold:var(--room-accent)}.club-pause{background:var(--room-panel);color:var(--room-text)}.club-pause h2{color:var(--room-text)}.club-pause p{color:var(--room-muted)}.real-wallet-card{background:linear-gradient(135deg,var(--room-card-top),var(--room-card));border-color:var(--room-line)}.real-wallet-card>span,.real-wallet-card p{color:var(--room-muted)}.wallet-window #real-wallet-status{color:var(--room-accent)}
@media(max-width:700px){.game-dock button{min-width:47px;min-height:50px;padding:6px 5px}.game-dock span{font-size:8px}.games-heading{margin:15px 0 28px}.games-heading h1{font-size:40px;margin:18px 0}.games-heading p{font-size:12px;max-width:275px}.games-mark{font-size:65px;letter-spacing:-15px;margin-right:10px;opacity:.35}.games-mark i{font-size:16px;right:-10px;top:-8px}.games-heading .section-kicker{font-size:8px;letter-spacing:1.6px}.game-library{grid-template-columns:1fr;gap:20px}.game-tile-art{height:225px}.tile-pool-table{top:54px;transform:perspective(600px) rotateX(33deg) rotateZ(-13deg) scale(.88)}.tile-four-board{top:38px;transform:perspective(600px) rotateY(-17deg) rotateX(8deg) rotateZ(7deg) scale(.88)}.game-tile-copy{padding:22px}.game-tile h2{font-size:29px}.game-tile-copy p{font-size:11px}.game-tile-copy small{font-size:9px}.games-footer{flex-wrap:wrap;gap:9px;padding:18px 3px}.games-footer>span{font-size:7px}.games-footer p{font-size:10px}.games-footer button{font-size:10px;width:100%;text-align:left;margin-top:7px}}
.quick-match{width:auto;font-size:11px;min-height:36px;padding:9px 13px;margin-left:10px}#arena .play-card>.card-top>#sound{margin-left:auto}.game-window .fine-print{color:var(--room-muted)}.game-window .setup-card h2,.game-window .setup-card p{color:var(--room-text)}@media(max-width:700px){.quick-match{font-size:9px;padding:8px;min-height:33px}#arena .play-card>.card-top h2{font-size:21px}}
/* Cue placement stays part of the table, with one compact contact-point window. */
.pool-tip-button{display:flex;align-items:center;gap:12px;text-align:left;background:var(--room-card);border:1px solid var(--room-line);border-radius:11px;padding:11px;color:var(--room-text);min-height:60px}.pool-tip-button b{display:block;font-size:11px;font-weight:500;line-height:1.5}.pool-tip-button small{display:block;font-size:9px;color:var(--room-muted);margin-top:5px;line-height:1.5}.pool-tip-button:disabled{opacity:.45}.tip-mini{display:block;position:relative;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff,#e1e4dd 45%,#7f9695 85%,#344a4f);box-shadow:inset -2px -4px 7px #1b34384d,1px 4px 8px #0005}.tip-mini i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ce6653;border:1px solid #f7c7b8;transform:translate(-50%,-50%)}.pool-chalk-tools{display:flex;flex-direction:column;gap:8px}.chalk-button{display:flex;align-items:center;gap:11px;min-height:49px;text-align:left;padding:8px 10px;background:var(--room-card);border:1px solid var(--room-line);border-radius:9px;color:var(--room-text)}.chalk-button b{display:block;font-size:11px;font-weight:500}.chalk-button small{display:block;font-size:8px;margin-top:5px;color:var(--room-muted)}.chalk-button.low-chalk{border-color:#d1a069}.chalk-button:disabled{opacity:.5}.chalk-cube{position:relative;display:block;width:24px;height:25px;flex-shrink:0;transform:rotate(-8deg) skewY(5deg);background:linear-gradient(105deg,#b2a780,#817450 75%);border:1px solid #d5c79f;box-shadow:4px 4px 0 #514a36,5px 7px 9px #0005}.chalk-cube:before{content:'';position:absolute;left:-1px;right:-1px;height:8px;top:-3px;background:linear-gradient(135deg,#9bbcc3,#4a8196);border:1px solid #accbd4}.chalk-coat-meter{height:3px;background:var(--room-card-top);overflow:hidden;border-radius:4px}.chalk-coat-meter>i{display:block;height:100%;width:100%;background:var(--room-accent);transition:width .2s}.pool-chalk-tools>.text-button{font-size:10px;padding:6px;margin:0;color:var(--room-accent)}.pool-guide-legend{position:absolute;top:16px;right:15px;z-index:3;display:flex;gap:7px;align-items:center;font-size:8px;color:#d6e0d8;pointer-events:none;text-shadow:0 1px 4px #000;background:#0c1a23b0;padding:7px 10px;border:1px solid #c6d4d31a;border-radius:8px;backdrop-filter:blur(5px)}.pool-guide-legend i{width:13px;height:2px;background:#edc674;display:inline-block}.pool-guide-legend i:last-of-type{background:#8ad7ef}.tip-window{width:min(480px,calc(100vw - 20px))}.tip-window .window-body>p{font-size:12px;color:var(--room-muted);line-height:1.9;margin:0 0 18px}.tip-face-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px 0 24px}.tip-face-wrap>span{font-size:9px;color:var(--room-accent);letter-spacing:1.5px}.tip-face{width:190px;height:190px;border-radius:50%;position:relative;touch-action:none;cursor:crosshair;background:radial-gradient(ellipse at 29% 18%,#ffffff 0%,#f5f7f0 16%,#dce2dc 48%,#8da5a5 80%,#354d58 100%);box-shadow:inset -9px -13px 22px #17333d33,0 12px 22px #0004;border:1px solid #d8e5df}.tip-face:before{content:'';position:absolute;inset:9%;border:1px dashed #4c75795c;border-radius:50%}.tip-face:after{content:'';position:absolute;width:65px;height:20px;border-radius:50%;top:22px;left:30px;background:#ffffff99;filter:blur(4px);transform:rotate(-25deg);pointer-events:none}.tip-cross{position:absolute;pointer-events:none;background:#47767445}.tip-cross-v{top:10%;bottom:10%;width:1px;left:50%}.tip-cross-h{left:10%;right:10%;height:1px;top:50%}#pool-tip-dot{position:absolute;left:50%;top:50%;width:17px;height:17px;border:2px solid #ffe8d1;box-shadow:0 0 0 1px #663f38,0 1px 5px #0006;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb68e,#b14f43);transform:translate(-50%,-50%);z-index:2;pointer-events:none}.tip-presets{display:flex;justify-content:center;gap:6px;margin:15px 0 20px;flex-wrap:wrap}.tip-presets button{min-height:34px;padding:8px 12px;background:var(--room-card-top);color:var(--room-text);border:1px solid var(--room-line);border-radius:8px;font-size:11px}.tip-window #pool-tip-label{display:block;text-align:center;font-size:15px;font-weight:500;color:var(--room-accent);margin-bottom:17px}.tip-window .tip-guide-note{border-top:1px solid var(--room-line);padding-top:17px}.tip-window #pool-tip-grip{font-size:11px}.tip-window .primary{width:100%}.pool-stage[data-tool=cue]{cursor:ns-resize}.pool-stage canvas{filter:contrast(1.035) saturate(.94)}
@media(max-width:700px){body.pool-focus .pool-shell{grid-template-rows:minmax(210px,1fr) 242px}body.pool-focus #pool-shot-panel{grid-template-rows:56px 43px 57px;gap:8px 10px}body.pool-focus .pool-tip-button{grid-column:1;grid-row:3;padding:7px;min-height:0;gap:7px}body.pool-focus .pool-chalk-tools{grid-column:2;grid-row:3;gap:4px}body.pool-focus .pool-stroke-pad{height:100%;min-height:150px;grid-row:1/4}.pool-tip-button b{font-size:8px}.pool-tip-button small{font-size:7px;margin-top:3px}.tip-mini{width:26px;height:26px}.chalk-button{min-height:44px;padding:5px;gap:6px}.chalk-button b{font-size:9px}.chalk-button small{font-size:6px;line-height:1.6;margin-top:3px}.chalk-cube{width:17px;height:19px}.pool-chalk-tools>.text-button{font-size:8px;padding:3px}.pool-guide-legend{top:10px;left:10px;right:auto;font-size:6px;padding:6px;gap:5px}.pool-stage-badge{display:none}.tip-face{width:170px;height:170px}.tip-window .window-body{padding:20px}.tip-window .window-body>p{font-size:11px}.tip-presets button{padding:8px 10px;font-size:10px}.tip-face-wrap{gap:10px;margin-bottom:16px}.tip-window .window-body>p.tip-guide-note{font-size:10px}.pool-room>.club-lesson p{max-height:34px;overflow:auto}}
.pool-cue-target{position:absolute;z-index:3;transform:translate(-50%,-50%);border-radius:50%;border:0;padding:0;background:transparent;touch-action:none;cursor:crosshair;box-shadow:none}.pool-cue-target:hover{background:#ffffff0b;box-shadow:0 0 0 2px #cbdbe366}.pool-cue-target:focus-visible{outline:2px solid #eed8a2;outline-offset:5px}
.pool-chalk-target{position:absolute;z-index:5;transform:translate(-50%,-50%);background:transparent;border:1px solid transparent;border-radius:5px;padding:0;cursor:pointer;box-shadow:none;touch-action:manipulation}.pool-chalk-target:hover,.pool-chalk-target:focus-visible{border-color:#d9c195;box-shadow:0 0 13px #c7c6a555;background:#e8dca814}.pool-shot-note{position:absolute;z-index:5;left:16px;top:48px;max-width:min(440px,85%);padding:11px 16px;background:#10292deb;color:#e3d4ac;border:1px solid #dbc89866;border-radius:10px;font-size:12px;line-height:1.6;box-shadow:0 6px 20px #0005;pointer-events:none}.pool-shot-note[data-kind=foul]{background:#391f26ed;border-color:#d08e86aa;color:#f2c3b5}.pool-zoom-level{position:absolute;z-index:3;left:15px;top:14px;border:1px solid #d0dac13a;background:#10212bad;color:#cdd9cf;border-radius:7px;padding:6px 9px;font-size:9px;pointer-events:none}.pool-stage-badge{display:none}.pool-chalk-target[hidden],.pool-shot-note[hidden]{display:none!important}@media(max-width:700px){.pool-shot-note{left:10px;top:40px;padding:8px 11px;font-size:10px}.pool-zoom-level{left:auto;right:9px;top:10px;font-size:8px;padding:5px 7px}.pool-guide-legend{max-width:calc(100% - 70px);flex-wrap:wrap}}
/* A finished rack must never consume the table's flex height. */
body.pool-focus .pool-room{position:relative}
body.pool-focus .pool-result:not([hidden]){position:absolute;z-index:8;left:14px;right:14px;bottom:65px;border:1px solid var(--room-line);border-radius:13px;box-shadow:0 14px 35px #0007;background:var(--room-panel)!important;max-height:155px;overflow:auto}
@media(max-width:760px){
 body.pool-focus .pool-shell{inset:5px 5px calc(78px + env(safe-area-inset-bottom));height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(450px,1fr) auto;overflow-y:auto;overflow-x:hidden;align-items:stretch;overscroll-behavior:contain;scroll-padding-bottom:12px}
 body.pool-focus .pool-room{min-height:450px;overflow:visible}
 body.pool-focus .pool-stage{flex:1 0 285px;min-height:285px;height:auto}
 body.pool-focus .pool-room-top{min-height:38px;padding:5px 7px;flex-shrink:0}
 body.pool-focus .pool-scoreboard{padding:5px 7px;flex-shrink:0}
 body.pool-focus .pool-player{padding:5px 7px}
 body.pool-focus .pool-state-row{min-height:32px;padding:7px;flex-shrink:0}
 body.pool-focus .pool-controls{padding:10px;min-height:220px;display:grid;grid-template-columns:1fr auto;grid-template-rows:30px auto;gap:8px;overflow:visible}
 body.pool-focus #pool-shot-panel{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;grid-template-rows:60px 44px 44px;gap:7px 10px}
 body.pool-focus .pool-aim-control{grid-column:1;grid-row:1}
 body.pool-focus .pool-power-control{grid-column:2;grid-row:1}
 body.pool-focus .pool-shoot,body.pool-focus #pool-place{grid-column:1/3;grid-row:2}
 body.pool-focus #pool-tip-open{grid-column:1;grid-row:3;min-height:40px;font-size:10px;padding:5px}
 body.pool-focus #pool-chalk{grid-column:2;grid-row:3;min-height:40px;font-size:10px;padding:5px}
 body.pool-focus .pool-stroke-pad{grid-column:3;grid-row:1/4;height:162px;min-height:162px}
 body.pool-focus .pool-match-coins{grid-column:2;grid-row:1}
 body.pool-focus #pool-chat-panel{grid-column:1/-1;grid-row:2;min-height:150px}
 body.pool-focus .pool-result:not([hidden]){left:9px;right:9px;bottom:60px;max-height:135px;flex-wrap:nowrap}
 body.pool-focus .pool-result .secondary{width:auto;min-height:40px;margin-left:auto}
 body.pool-focus .game-dock{max-width:calc(100vw - 10px);bottom:max(6px,env(safe-area-inset-bottom));gap:0;padding:4px}
 body.pool-focus .game-dock button{min-width:0;width:calc((100vw - 36px)/6);max-width:70px;min-height:48px;padding:5px 3px}
}
@media(max-width:760px){
 body.pool-focus .pool-result:not([hidden]){flex-wrap:wrap;gap:7px;overflow-x:hidden}
 body.pool-focus .pool-result>div{flex:1 1 100%;min-width:0}
 body.pool-focus .pool-result h2{margin-bottom:3px;font-size:14px}
 body.pool-focus .pool-result p{font-size:10px;line-height:1.5}
 body.pool-focus .pool-result .secondary{flex:1 1 45%;width:auto;min-width:0;max-width:100%;white-space:normal;box-sizing:border-box;padding:8px;font-size:10px;margin:0}
}

/* The original GZ mark is shared by the header, browser and installed app. */
.gz-brand-mark{display:block;width:48px;height:48px;flex-shrink:0;border-radius:12px}.topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.app-logo-link{display:block;flex-shrink:0;border-radius:12px;line-height:0}.app-logo-link img{display:block;width:44px;height:44px;border-radius:11px}.topbar-brand #page-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--room-muted,var(--muted))}@media(max-width:700px){.topbar-brand{gap:9px}.app-logo-link img{width:36px;height:36px}.topbar-brand #page-label{font-size:7px;letter-spacing:.8px}}@media(max-width:420px){.topbar-brand #page-label{max-width:88px;line-height:1.6}.top-actions{gap:8px}}
.wallet-window #real-phone{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--room-line);border-radius:10px;background:var(--room-card);color:var(--room-text);font:inherit}.wallet-window .real-wallet-actions label{font-size:12px}.wallet-window #real-phone-help,.wallet-window #real-payment-reference{display:block;color:var(--room-muted);font-size:11px;line-height:1.8}.wallet-window #real-payment-reference{margin-bottom:15px;overflow-wrap:anywhere}
/* Shared modal rhythm: viewport gutters and a scrollable content area on small screens. */
.game-window[open]{display:flex;flex-direction:column;max-height:min(88dvh,860px);overflow:hidden;margin:auto}
.game-window>header,.game-window>.window-tabs{flex:none}
.game-window .window-tabs[hidden]{display:none}
.game-window>.window-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px clamp(22px,4vw,36px) 32px}
#online-lobby-window{width:min(790px,calc(100vw - 40px))}
#online-lobby-window .lobby-column{display:grid;gap:18px}
#online-lobby-window .lobby-column>.setup-card{margin:0;padding:24px;border:1px solid var(--room-line);border-radius:15px;background:var(--room-card)}
#online-lobby-window .lobby-card{background:linear-gradient(135deg,var(--room-card-top),var(--room-card))}
.settings-language{padding:0 0 23px;border-bottom:1px solid var(--room-line);margin-bottom:22px}
.settings-language>div{display:flex;gap:8px;margin-top:14px}
.settings-language button{padding:10px 15px;border:1px solid var(--room-line);border-radius:9px;color:var(--room-text);background:var(--room-card)}
.settings-language button[aria-pressed=true]{background:var(--room-accent);color:var(--room-button-text)}
#game-settings [data-window-panel=general]>.fx-panel{border-top:1px solid var(--room-line)!important;margin-top:26px;padding-top:23px!important}
#game-settings [data-window-panel=look]>.open-studio{display:block;margin:10px 0 20px}
#game-settings [data-window-panel=look]>.colour-swatches{margin-bottom:16px}
#game-settings [data-window-panel=look]>.fine-print{display:block;margin:16px 0}
#games{isolation:isolate;position:relative}
#games>.destination-backdrop{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;pointer-events:none;transition:opacity 1.7s ease}
#games>.destination-backdrop.visible{opacity:.75}
#games .games-heading,#games .game-library,#games .games-footer{position:relative;z-index:1}
#games .games-heading{text-shadow:0 2px 20px #0009}
@media(max-width:700px){.game-window[open]{max-height:calc(100dvh - 26px)}.game-window>.window-body{padding:20px 20px 28px}#online-lobby-window{width:calc(100vw - 26px)}#online-lobby-window .lobby-column>.setup-card{padding:18px}.settings-language>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#games>.destination-backdrop{transition:none}}
@media(min-width:800px){#online-lobby-window{width:min(980px,calc(100vw - 54px))}#online-lobby-window .lobby-column{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start}#online-lobby-window .lobby-card{grid-row:span 2}#online-lobby-window .online-players{max-height:40dvh;overflow:auto}}
.withdraw-fee-guide{border:1px solid var(--room-line);background:var(--room-card);border-radius:14px;padding:20px;margin:20px 0}
.withdraw-fee-guide strong{color:var(--room-accent)}.withdraw-fee-guide p,.withdraw-fee-guide small{display:block;color:var(--room-muted);font-size:11px;line-height:1.7}.withdraw-fee-guide label{display:block}.withdraw-fee-guide input{width:100%;margin:8px 0}.withdraw-fee-guide output{display:block;padding:10px 0;color:var(--room-text);font-size:12px}
#online-lobby-window #online-sell-amount{width:100%;margin:7px 0}#online-lobby-window #online-sell-quote{display:block;color:var(--room-accent);font-size:11px;margin-bottom:8px}
.online-next-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.online-next-actions[hidden]{display:none}.online-next-actions button{width:auto;min-height:43px;padding:10px 16px;font-size:12px}
@media(max-width:700px){.online-next-actions button{flex:1;min-width:160px}}
.game-window{max-width:min(740px,calc(100vw - 32px))}
#online-lobby-window{max-width:min(980px,calc(100vw - 54px))}
@media(max-width:700px){.game-window{max-width:calc(100vw - 26px)}#online-lobby-window{max-width:calc(100vw - 26px)}}
#online-lobby-window .online-wallet-actions{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;margin:15px 0}
#online-lobby-window .online-wallet-actions button{width:100%;text-align:left;min-height:40px;padding:9px 12px}
#online-lobby-window #online-sell-amount{max-width:100%;min-width:0;margin:0}
#online-lobby-window #online-sell-quote{line-height:1.6;margin:0 0 4px}
.online-game-switch{margin-top:20px;padding:22px 24px;border:1px solid var(--room-line);border-radius:15px;background:var(--room-card)}
.online-game-switch p{font-size:12px;line-height:1.7;color:var(--room-muted)}.online-game-switch>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.online-game-switch button{padding:10px 13px;min-height:40px;border:1px solid var(--room-line);border-radius:9px;background:var(--room-card-top);color:var(--room-text)}
/* Keep the brand and the game choices legible over rotating location photos. */
#games .games-heading{padding:22px 24px 28px;margin-top:14px;border-radius:25px;background:linear-gradient(100deg,#101827ef 0%,#111a2bd9 57%,#151c2bb0);box-shadow:0 24px 60px #0208117a;border:1px solid #ded4f335;backdrop-filter:blur(7px)}
#games .games-heading .section-kicker{display:block;color:#e6dcff;font-weight:800;text-shadow:0 2px 6px #000}
#games .hero-brand{display:block;width:max-content;max-width:100%;margin:18px 0 4px;font:800 clamp(38px,5vw,72px)/1.05 Georgia,serif;letter-spacing:-2px;color:#fff5d9;text-shadow:0 2px 0 #967b5c,0 5px 0 #53406b,0 11px 15px #000,0 19px 25px #000a;transform:perspective(420px) rotateX(8deg)}
#games .hero-brand span{color:#d7caff}#games .hero-brand i{font:22px Georgia,serif;vertical-align:top;margin-left:8px;color:#fce9ac}
#games .games-heading h1{margin:11px 0 19px;color:#fff}#games .games-heading h1 em{color:#d8ceff}#games .games-heading p{color:#e3e6f3}
#games .game-tile{box-shadow:0 18px 28px #020610bf,0 38px 60px #0206108c,inset 0 1px #fff1;border-color:#cbbde35c;background:#1a2030}
#games .game-tile:hover,#games .game-tile:focus-visible{transform:translateY(-6px);box-shadow:0 20px 30px #020610d9,0 45px 75px #020610aa,0 0 0 2px #d2bfff8c}
#games .game-tile-copy{background:linear-gradient(150deg,#1d2536,#171d2c);color:#f6f3ff}#games .game-tile-copy p,#games .game-tile-copy small{color:#cbd1e2}#games .game-tile-copy>div>span{color:#d8c9ff}#games .game-tile-index,#games .tile-art-caption{color:#f5f1ff;text-shadow:0 2px 7px #000}
.topbar-brand .topbar-title{font:700 21px Georgia,serif;color:#f0e6ff;text-shadow:0 2px 9px #000,0 0 15px #9b8beb80;white-space:nowrap}.topbar-brand #page-label{padding-left:12px;border-left:1px solid #c4b8e055}
@media(max-width:700px){#games .games-heading{padding:19px 18px 23px}#games .hero-brand{font-size:clamp(37px,11vw,60px)}#games .games-heading h1{font-size:clamp(33px,9vw,44px)}#games .games-mark{display:none}.topbar-brand .topbar-title{font-size:17px}.topbar-brand #page-label{display:none}}
@media(max-width:390px){.topbar-brand .topbar-title{font-size:14px}}
#games .games-heading{display:flex;justify-content:center;text-align:center;padding:14px 18px 24px;margin:10px auto 22px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;min-height:0}
#games .games-heading>div{max-width:900px}
#games .games-heading .section-kicker,#games .games-mark{display:none}
#games .hero-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;width:auto;transform:none;font:800 clamp(37px,5vw,70px)/1.08 Georgia,serif;letter-spacing:-2px;text-shadow:0 2px 0 #775e6b,0 5px 0 #3f3055,0 10px 20px #000b}
#games .hero-brand img{width:clamp(54px,6vw,80px);height:auto;filter:drop-shadow(0 4px 7px #000b)}
#games .hero-brand span{white-space:nowrap;color:#fff5d9}
#games .hero-brand em{font-style:normal;color:#d8ccff}
#games .hero-brand i{font:22px Georgia,serif;margin:0 0 38px -4px}
#games .games-heading h1{font:500 clamp(28px,3.3vw,43px)/1.2 Georgia,serif;letter-spacing:-.8px;color:#fff;margin:0 0 10px}
#games .games-heading p{font-size:clamp(12px,1.2vw,15px);line-height:1.65;color:#f3f0fa;text-shadow:0 2px 8px #000,0 1px 2px #000;margin:0}
#games .games-heading p strong{font-weight:650;color:#fff0b7}
.top-actions>:not(.top-settings){display:none!important}
.top-settings{width:45px;height:45px;display:grid;place-items:center;border:1px solid #e4dcff66;background:#1a2036b8;color:#e6d9ff;border-radius:13px;font-size:25px;cursor:pointer;box-shadow:0 7px 21px #0006;backdrop-filter:blur(10px)}
.top-settings:hover,.top-settings:focus-visible{background:#343359;outline:2px solid #e3d0ff}
.settings-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.settings-quick-actions button{flex:1;min-width:140px}
.settings-stadium{display:grid;gap:10px;font-size:13px;color:var(--room-text)}.settings-stadium select{min-height:46px;padding:9px;border:1px solid var(--room-line);border-radius:9px;background:var(--room-card);color:var(--room-text)}
@media(max-width:700px){#games .games-heading{padding:14px 2px 17px;margin:8px auto 18px}#games .hero-brand{gap:6px;margin:0 auto 18px;font-size:clamp(34px,10vw,53px);letter-spacing:-1.8px}#games .hero-brand img{width:48px}#games .hero-brand i{font-size:13px;margin:0 0 28px -3px}#games .games-heading h1{font-size:clamp(26px,7vw,36px);margin:0 0 12px}#games .games-heading p{font-size:11px;line-height:1.75;max-width:350px;margin:auto}.top-settings{width:41px;height:41px}}