.game-picker{display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid var(--room-line);border-radius:10px;background:var(--room-panel);margin:0 0 19px}.game-picker button{display:flex;gap:16px;align-items:center;padding:9px 15px;border-radius:7px;background:none;color:var(--room-muted);font-size:10px}.game-picker button span{opacity:.5;font-size:7px}.game-picker button i{font-size:8px;font-style:normal}.game-picker .chosen{background:var(--room-card-top);color:var(--room-text);box-shadow:0 2px 8px #0002}
#pool{--pool-gold:#d7bd88;--pool-light:#eee9dc;--pool-muted:#98a39f;--pool-line:#b9bea01c}.pool-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:10px 0 25px}.pool-heading .section-kicker{font-size:8px;letter-spacing:2px;color:var(--room-accent)}.pool-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:36px;font-weight:400;letter-spacing:-.9px;margin:13px 0 9px;line-height:1.15;color:var(--room-text)}.pool-heading h1 em{font-weight:400;font-style:italic;color:var(--room-accent)}.pool-heading p{font-size:10px;color:var(--room-muted);line-height:1.8;margin:0}.pool-club-seal{width:61px;height:61px;border:1px solid var(--room-line);border-radius:50%;display:grid;place-items:center;font-size:27px;font-family:Georgia,serif;color:var(--room-accent);position:relative}.pool-club-seal:after{content:'';position:absolute;inset:5px;border:1px solid var(--room-line);border-radius:50%}
.pool-toolbar{display:flex;gap:15px;align-items:end;margin:0 0 16px}.pool-toolbar>div{width:200px}.pool-toolbar label{font-size:8px;color:var(--room-muted);margin:0 0 7px}.pool-toolbar select{padding:10px 12px;min-height:39px;font-size:10px}.pool-toolbar>.secondary{margin-left:auto;min-height:39px;width:auto;font-size:9px;padding:10px 15px}
.pool-shell{display:grid;grid-template-columns:minmax(0,1fr) 204px;gap:16px;align-items:stretch}.pool-room{border:1px solid #c5b58530;border-radius:17px;overflow:hidden;background:#172023;box-shadow:0 18px 50px #0003;color:var(--pool-light);position:relative;min-width:0}.pool-room-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--pool-line);background:linear-gradient(90deg,#27332f,#172326)}.pool-room-top>span{font-size:6px;letter-spacing:1.7px;color:var(--pool-gold);display:flex;align-items:center;gap:8px}.pool-room-top>span i{display:inline-block;width:4px;height:4px;background:#d3b87e;border-radius:50%;box-shadow:0 0 7px #d3b87e88}.pool-view-tabs{display:flex;gap:4px;align-items:center}.pool-view-tabs button{font-size:7px;color:#9ca8a3;background:#101a1c;border:1px solid #aab8b015;border-radius:5px;padding:6px 9px}.pool-view-tabs button.selected{background:#3b4842;border-color:#d3be8e45;color:#e9dfca}.pool-view-tabs #pool-expand{font-size:16px;line-height:1;padding:4px 6px;color:var(--pool-gold)}
.pool-scoreboard{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 24px;background:#162022;position:relative;z-index:2}.pool-player{display:flex;gap:9px;align-items:center;flex:1;min-width:0;padding:10px 11px;border:1px solid #c7bd9c1c;background:#1c292a;border-radius:9px}.pool-player.current{border-color:#d0b77d77;box-shadow:inset 0 0 20px #d0b77d05}.pool-player-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;font-size:9px;color:#e8dbc2;background:radial-gradient(circle at 28% 18%,#ffffddac,transparent 28%),radial-gradient(circle at 35% 30%,#ae8b47,#594222 63%,#211e17);box-shadow:inset 0 0 1px #f2dca7,0 2px 3px #0006}.pool-player:last-child .pool-player-icon{background:radial-gradient(circle at 28% 18%,#ffffffac,transparent 28%),radial-gradient(circle at 35% 30%,#8c95aa,#3a4559 63%,#161f2a)}.pool-player>div{min-width:0}.pool-player b{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-player small{font-size:7px;color:#8c9f98;display:block;margin-top:5px}.pool-player>strong{font-size:21px;color:var(--pool-gold);margin-left:auto;font-weight:400;white-space:nowrap}.pool-player>strong small{font-size:8px;display:inline;margin:0 0 0 3px}.pool-versus{font:22px Georgia,serif;line-height:.8;text-align:center;color:#d2bc8b}.pool-versus>small{font:5px var(--sans);letter-spacing:1px}
.pool-stage{height:clamp(420px,53vh,620px);position:relative;isolation:isolate;overflow:hidden;touch-action:none;cursor:crosshair;background:#1d2929;background-image:linear-gradient(180deg,#202c2b24 0%,#18242577 21%,#121e24 65%),var(--pool-scenery);background-size:cover;background-position:calc(50% + var(--pool-pan,0px)) 38%}.pool-stage:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 32%,#0611173b 77%,#061117a6);box-shadow:inset 0 0 50px #06111766}.pool-stage[data-room=coast]{background-position:calc(50% + var(--pool-pan,0px)) 65%}.pool-stage[data-room=city]{background-image:linear-gradient(#0a192a55,#08121fe0),var(--pool-scenery)}.pool-stage canvas{position:absolute;inset:0;width:100%;height:100%}.pool-overlay{pointer-events:none;z-index:2}.pool-stage:focus-visible{outline:2px solid var(--pool-gold);outline-offset:-4px}.pool-stage[data-tool=orbit]{cursor:grab}.pool-stage[data-tool=orbit]:active{cursor:grabbing}.pool-stage-badge{position:absolute;z-index:3;top:17px;left:18px;font-size:6px;letter-spacing:1.6px;color:#d9d8c2a6;pointer-events:none;text-shadow:0 1px 3px #000}.pool-table-hint{position:absolute;z-index:3;bottom:16px;right:16px;max-width:50%;text-align:right;pointer-events:none;color:#ddd7bfbb;font-size:8px;line-height:1.7;text-shadow:0 1px 4px #000}.pool-stage-tools{position:absolute;z-index:4;bottom:15px;left:15px;display:flex;gap:3px;padding:3px;border:1px solid #cfbd8e38;background:#101c21df;backdrop-filter:blur(10px);border-radius:9px}.pool-stage-tools button{padding:8px 11px;background:none;border:1px solid transparent;border-radius:6px;color:#9faea7;font-size:9px}.pool-stage-tools button.selected{background:#39453d;border-color:#d5bf8c3d;color:#e6d5b0}
.pool-state-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:13px 19px;min-height:50px;background:#121e22;border-top:1px solid #c1b78e1a}.pool-state-row>span:first-child{font-size:9px;line-height:1.7;color:#d2c199}.pool-state-row>span:last-child{font-size:6px;letter-spacing:1px;white-space:nowrap;color:#728984}.pool-pot-tray{display:flex;gap:15px;align-items:center;padding:12px 19px;min-height:49px;background:#10191d;border-top:1px solid #c1b78e10}.pool-pot-tray>span{font-size:5px;letter-spacing:1px;color:#80948c;white-space:nowrap}.pool-pot-tray>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pool-empty-tray{font-size:8px;color:#677c76}.pool-mini-ball{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 30% 15%,#ffffff8c,transparent 30%),var(--ball-colour);box-shadow:inset 0 -3px 4px #0009,0 2px 3px #0007;position:relative}.pool-mini-ball.stripe:before{content:'';position:absolute;inset:0;border-top:5px solid #f0eede;border-bottom:5px solid #f0eede;border-radius:50%}.pool-mini-ball i{font-style:normal;font-weight:700;font-size:6px;color:#243139;background:#eee9da;border-radius:50%;display:grid;place-items:center;width:11px;height:11px;z-index:1}
.pool-controls{display:flex;flex-direction:column;gap:22px;padding:22px 18px 18px;background:linear-gradient(160deg,#25302e,#142024);border:1px solid #bda8793b;border-radius:16px;color:var(--pool-light);box-shadow:0 12px 35px #0002}.pool-control-title{padding-bottom:17px;border-bottom:1px solid var(--pool-line)}.pool-control-title>span{display:block;color:var(--pool-gold);font-size:6px;letter-spacing:2px;margin-bottom:10px}.pool-control-title>b{font:15px Georgia,serif;font-weight:400}.pool-controls label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#afb9ae;margin:0 0 11px;gap:10px}.pool-controls output{font-size:14px;color:#dfc68f;font-weight:400}.pool-controls input[type=range]{width:100%;margin:0;padding:0;min-height:17px;accent-color:#d4b77d;cursor:pointer;background:transparent}.pool-aim-dial{width:83px;height:83px;position:relative;margin:17px auto;background:repeating-conic-gradient(from 0deg,#b6c0a948 0deg 1deg,transparent 1deg 15deg);border:1px solid #cbb58236;border-radius:50%;box-shadow:inset 0 0 0 8px #1a2728,0 3px 12px #0003}.pool-aim-dial:before{content:'';position:absolute;inset:11px;border:1px solid #cbb58226;border-radius:50%}.pool-aim-dial>span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#cab57f4d}.pool-aim-dial>i{position:absolute;left:50%;top:50%;height:1px;width:36px;transform-origin:0 50%;transform:rotate(var(--cue-angle,0deg));background:linear-gradient(90deg,#d6bc82,#d6bc8240)}.pool-aim-dial>i:after{content:'';position:absolute;right:0;top:-2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #e8d9b5}.pool-nudge-row{display:flex;align-items:center;gap:8px}.pool-nudge{border:1px solid #c2bb9530;border-radius:6px;background:#142024;color:#d8cba5;width:25px;height:26px;flex-shrink:0;font-size:15px}.pool-power-meter{height:24px;border:1px solid #bdb68b2b;border-radius:6px;padding:4px;margin:14px 0 13px;background:#0d181c;position:relative;overflow:hidden}.pool-power-meter:after{content:'';position:absolute;inset:4px;background:repeating-linear-gradient(90deg,transparent 0 7px,#0d181c 7px 10px);pointer-events:none}.pool-power-meter i{height:100%;display:block;width:65%;background:linear-gradient(90deg,#759d8a,#c6b77e 66%,#d5a56d);border-radius:2px}.pool-power-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:7px;color:#6f8b7c}.pool-shoot{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:linear-gradient(145deg,#ead8b4,#bc975a);color:#272b24;border:1px solid #f1dfb2;min-height:60px;box-shadow:inset 0 2px 1px #fff7,inset 0 -3px 2px #6e4f2c40,0 5px 14px #0004}.pool-shoot>span{font-size:24px}.pool-shoot>b{font-size:12px;font-weight:650}.pool-shoot>small{font-size:5px;letter-spacing:1px;opacity:.5}.pool-shoot:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 5px 20px #c6aa6033}.pool-shoot:disabled{opacity:.45}.pool-camera-control{padding-top:20px;border-top:1px solid var(--pool-line);margin-top:auto}.pool-camera-control label{font-size:8px;margin-top:13px}.pool-camera-control label:first-child{margin-top:0}.pool-camera-control output{font-size:10px}.pool-zoom-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.pool-zoom-row>span{font-size:6px;letter-spacing:1.5px;color:#6f8b7c}.pool-zoom-row button{border:1px solid #bfb58f26;background:#142024;color:#c5b583;width:30px;height:25px;border-radius:5px;font-size:15px}.pool-camera-control .text-button{display:block;text-align:center;margin:12px auto 0;padding:0;color:#a8b39e;font-size:8px}
.pool-options{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:18px 3px;color:var(--room-muted)}.pool-options label{display:flex;gap:8px;align-items:center;font-size:8px;margin:0}.pool-options input[type=checkbox]{width:13px;min-height:13px;margin:0;accent-color:var(--room-accent)}.pool-options select{font-size:8px;width:auto;max-width:150px;min-height:29px;padding:5px 8px;margin:0}.pool-options .text-button{font-size:8px;margin:0;padding:0}.pool-options>span{font-size:7px;margin-left:auto}
.pool-rules{margin-top:0;padding:21px 24px;background:var(--room-card);border:1px solid var(--room-line);border-radius:13px}.pool-rules summary{font-size:11px;font-weight:500;display:flex;justify-content:space-between;list-style:none;cursor:pointer}.pool-rules summary::-webkit-details-marker{display:none}.pool-rules summary>span{color:var(--room-accent)}.pool-rule-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px 0}.pool-rule-steps article>span{font-size:8px;color:var(--room-accent);border:1px solid var(--room-line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.pool-rule-steps h3{font-size:12px;font-weight:500;margin:15px 0 8px}.pool-rule-steps p,.pool-rules-note p{font-size:9px;line-height:1.9;color:var(--room-muted);margin:0}.pool-rules-note{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--room-line);padding-top:17px}.pool-rules-note b{color:var(--room-text);font-weight:500}.pool-result{padding:15px 20px;display:flex;gap:15px;align-items:center;background:#4f49322b;border-block:1px solid #c1ac7133}.pool-result>span{font-size:25px;color:var(--pool-gold)}.pool-result h2{font-size:18px;font-weight:400;color:#e6d5b2;margin:0 0 6px}.pool-result p{font-size:9px;line-height:1.7;color:#a7b3a8;margin:0}.pool-result .secondary{font-size:8px;width:auto;margin-left:auto;background:#192526;color:#decca4;border-color:#d3be8833;white-space:nowrap}
body.pool-focus{overflow:hidden}body.pool-focus .pool-shell{position:fixed;inset:10px;z-index:1000;gap:10px;padding:10px;background:#0b1419;border:1px solid #bbaa7633;border-radius:16px;grid-template-columns:minmax(0,1fr) 204px}body.pool-focus .pool-room{display:flex;flex-direction:column}body.pool-focus .pool-stage{flex:1;height:auto;min-height:0}body.pool-focus .pool-scoreboard{padding-block:10px}body.pool-focus .pool-controls{overflow-y:auto}body.pool-focus .pool-room-top{padding-block:11px}
@media(max-width:1150px){.pool-shell{grid-template-columns:minmax(0,1fr) 178px;gap:12px}.pool-controls{padding:19px 14px;gap:20px}.pool-room-top{padding:13px 14px}.pool-room-top>span{font-size:5px;letter-spacing:1.1px}.pool-scoreboard{padding:13px 14px;gap:10px}.pool-player{padding:9px}.pool-player small{font-size:6px}.pool-player>strong{font-size:18px}.pool-player-icon{width:22px;height:22px;font-size:8px}.pool-control-title>b{font-size:14px}.pool-shoot>b{font-size:11px}.pool-shoot>small{display:none}.pool-options{gap:13px}}
@media(max-width:850px){.pool-shell{grid-template-columns:minmax(0,1fr) 151px;gap:10px}.pool-stage{height:550px}.pool-controls{padding:18px 12px;gap:20px}.pool-control-title>b{font-size:12px}.pool-controls label{font-size:8px}.pool-controls output{font-size:12px}.pool-player-icon{display:none}.pool-room-top>span{max-width:80px;line-height:1.7}.pool-shoot{min-height:56px}.pool-shoot>b{font-size:10px}.pool-stage-tools{bottom:12px;left:10px}.pool-stage-tools button{font-size:8px;padding:7px 9px}.pool-table-hint{bottom:58px;left:12px;right:auto;text-align:left;max-width:90%;font-size:7px}.pool-options>span{width:100%;margin:0}}
@media(max-width:700px){.sidebar nav{gap:2px}.sidebar .nav{font-size:7px;min-width:0;gap:3px}.game-picker{margin:2px 0 19px}.game-picker button{padding:8px 13px;gap:12px;font-size:9px}.pool-heading{margin:10px 0 20px;gap:14px}.pool-heading .section-kicker{font-size:6px;letter-spacing:1.2px}.pool-heading h1{font-size:28px;letter-spacing:-.8px;margin:12px 0 8px}.pool-heading p{font-size:8px;max-width:250px}.pool-club-seal{width:45px;height:45px;font-size:22px;flex-shrink:0}.pool-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:13px}.pool-toolbar>div{width:auto;flex:1}.pool-toolbar>div:first-child{flex:1.35}.pool-toolbar label{font-size:7px}.pool-toolbar select{font-size:8px;min-height:36px;padding:9px}.pool-toolbar>.secondary{width:100%;font-size:8px;min-height:30px}.pool-shell{grid-template-columns:minmax(0,1fr) 108px;gap:7px;margin:0 -9px}.pool-controls{padding:15px 9px;gap:21px;border-radius:11px}.pool-control-title{padding-bottom:13px}.pool-control-title>span{font-size:5px;letter-spacing:1px;margin-bottom:9px}.pool-control-title>b{font-size:10px;line-height:1.6;display:block}.pool-controls label{font-size:7px;line-height:1.7;gap:4px;align-items:start}.pool-controls output{font-size:11px;white-space:nowrap}.pool-aim-dial{width:64px;height:64px;margin:15px auto}.pool-aim-dial>i{width:27px}.pool-aim-dial>span{font-size:18px}.pool-nudge-row{gap:4px}.pool-nudge{width:18px;height:23px;font-size:12px}.pool-controls input[type=range]{min-height:20px}.pool-power-meter{height:20px;padding:3px;margin:12px 0}.pool-power-meter:after{inset:3px;background:repeating-linear-gradient(90deg,transparent 0 5px,#0d181c 5px 8px)}.pool-power-labels{font-size:5px;gap:4px;line-height:1.6}.pool-shoot{flex-direction:column;gap:3px;min-height:66px;border-radius:8px}.pool-shoot>span{font-size:22px;line-height:1}.pool-shoot>b{font-size:9px}.pool-camera-control{padding-top:17px}.pool-camera-control label{font-size:6px;margin-top:14px}.pool-camera-control output{font-size:9px}.pool-zoom-row{gap:6px}.pool-zoom-row button{width:24px;height:25px;font-size:13px}.pool-zoom-row>span{font-size:4px;letter-spacing:1px}.pool-camera-control .text-button{font-size:6px;line-height:1.8}.pool-room{border-radius:11px}.pool-room-top{padding:10px 8px;gap:5px}.pool-room-top>span{max-width:60px;font-size:4px;letter-spacing:.6px;gap:5px}.pool-room-top>span i{display:none}.pool-view-tabs{gap:2px}.pool-view-tabs button{font-size:5px;padding:5px 6px}.pool-view-tabs #pool-expand{font-size:15px;padding:3px}.pool-scoreboard{padding:12px 8px;gap:6px}.pool-player{padding:8px 6px;gap:5px;border-radius:7px;flex-wrap:wrap}.pool-player b{font-size:7px}.pool-player small{font-size:5px;line-height:1.5;margin-top:4px}.pool-player>strong{font-size:16px;width:100%;margin:2px 0 0}.pool-player>strong small{font-size:6px}.pool-versus{font-size:16px}.pool-versus small{font-size:4px;letter-spacing:.5px}.pool-stage{height:560px}.pool-stage-badge{top:13px;left:10px;font-size:4px;letter-spacing:1px}.pool-stage-tools{padding:2px;bottom:12px;left:7px;right:7px;justify-content:center;gap:2px}.pool-stage-tools button{font-size:7px;padding:7px 8px;flex:1}.pool-table-hint{left:10px;bottom:57px;font-size:6px;line-height:1.8;max-width:88%}.pool-state-row{padding:12px 9px;gap:7px;min-height:64px}.pool-state-row>span:first-child{font-size:7px}.pool-state-row>span:last-child{font-size:5px;letter-spacing:.5px}.pool-pot-tray{padding:11px 9px;gap:8px;min-height:48px}.pool-pot-tray>span{font-size:4px;white-space:normal;line-height:1.8;max-width:50px;letter-spacing:.5px}.pool-empty-tray{font-size:6px;line-height:1.7}.pool-mini-ball{width:16px;height:16px}.pool-mini-ball i{width:9px;height:9px;font-size:5px}.pool-mini-ball.stripe:before{border-top-width:4px;border-bottom-width:4px}.pool-pot-tray>div{gap:3px}.pool-options{padding:19px 0;gap:12px 14px}.pool-options label{font-size:7px;gap:6px}.pool-options select{font-size:7px;max-width:125px;min-height:27px;padding:5px 6px}.pool-options .text-button{font-size:7px}.pool-options>span{font-size:6px}.pool-rules{padding:18px}.pool-rules summary{font-size:10px}.pool-rule-steps{grid-template-columns:1fr;gap:19px;padding:23px 0}.pool-rule-steps article{display:grid;grid-template-columns:25px 1fr;gap:0 12px}.pool-rule-steps article>span{grid-row:1/3;width:25px;height:25px;font-size:7px}.pool-rule-steps h3{font-size:11px;margin:3px 0 6px}.pool-rule-steps p,.pool-rules-note p{font-size:8px}.pool-rules-note{grid-template-columns:1fr;gap:13px}.pool-result{flex-wrap:wrap;padding:12px;gap:10px}.pool-result>span{font-size:19px}.pool-result>div{flex:1}.pool-result h2{font-size:14px}.pool-result p{font-size:7px}.pool-result .secondary{width:100%;font-size:7px;margin:0}body.pool-focus .pool-shell{inset:3px;grid-template-columns:minmax(0,1fr) 108px;padding:5px;gap:5px;border-radius:11px}body.pool-focus .pool-room-top{padding:8px}body.pool-focus .pool-controls{padding:14px 8px;gap:17px}body.pool-focus .pool-player{padding:6px}body.pool-focus .pool-state-row{min-height:43px;padding:9px}body.pool-focus .pool-pot-tray{min-height:34px;padding:8px}body.pool-focus .pool-scoreboard{padding:9px 7px}body.pool-focus .pool-camera-control{padding-top:13px}}
@media(max-height:650px) and (min-width:701px){body.pool-focus .pool-aim-dial{display:none}body.pool-focus .pool-controls{gap:12px;padding:13px}body.pool-focus .pool-control-title{padding-bottom:10px}body.pool-focus .pool-camera-control{padding-top:10px}body.pool-focus .pool-controls label{margin-bottom:6px}body.pool-focus .pool-power-meter{margin:7px 0;height:18px}body.pool-focus .pool-shoot{min-height:42px}body.pool-focus .pool-room-top{padding-block:9px}body.pool-focus .pool-scoreboard{padding-block:8px}}

/* Pool Club: a complete front door, learning path and match flow. */
.club-lobby{margin-bottom:22px}.club-hero{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #c9b47c30;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#243331,#142026);color:#e9e5d9;min-height:350px}.club-hero-copy{padding:40px 32px}.club-hero .section-kicker{font-size:7px;letter-spacing:2px;color:#c4b486}.club-hero h1{font:43px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:22px 0 17px;color:#f0e8d9}.club-hero h1 em{color:#d8be8b;font-style:italic}.club-hero p{font-size:11px;line-height:1.9;color:#acb5aa;max-width:330px}.club-actions{display:flex;gap:10px;margin:25px 0 17px;align-items:stretch;flex-wrap:wrap}.club-start{display:flex;gap:27px;justify-content:space-between;align-items:center;padding:16px 21px;border:1px solid #e5d4a9;border-radius:10px;background:linear-gradient(135deg,#eadabb,#bda169);color:#2b332c;box-shadow:inset 0 1px #fff9,0 5px 18px #0002;font-size:11px;font-weight:600}.club-actions .secondary{width:auto;min-height:45px;font-size:9px;background:#152226;color:#d7c69d;border-color:#d7c69d40;padding:11px 15px}.club-hero-copy>.text-button{color:#cdbb8d;font-size:10px;padding:0}.club-hero-copy>small{display:block;color:#748c80;font-size:7px;margin-top:21px}.club-preview{position:relative;min-height:330px;overflow:hidden;background:#273431;background-image:linear-gradient(#13232677,#142126bb),var(--scene);background-size:cover}.club-preview canvas{position:absolute;inset:0;width:100%;height:100%}.club-preview>span{position:absolute;z-index:3;bottom:20px;left:22px;color:#d2c6a2a0;font-size:6px;letter-spacing:1.6px}.club-preview .pool-overlay{display:none}.club-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 10px;gap:15px;border-bottom:1px solid var(--room-line);margin-bottom:24px}.club-stats>div{border-right:1px solid var(--room-line);padding:0 15px}.club-stats>div:last-child{border:0}.club-stats b{display:block;color:var(--room-text);font-size:24px;font-weight:400;line-height:1.2}.club-stats span{display:block;margin-top:9px;font-size:8px;color:var(--room-muted)}.club-setup{padding:20px;background:var(--room-card);border:1px solid var(--room-line);border-radius:13px;gap:20px}.club-setup>div{flex:1;width:auto}.club-section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px;gap:20px}.club-section-title .section-kicker{font-size:6px;color:var(--room-accent);letter-spacing:1.6px}.club-section-title h2{font:26px Georgia,serif;letter-spacing:-.5px;margin:10px 0;color:var(--room-text)}.club-section-title p{font-size:10px;line-height:1.8;color:var(--room-muted);margin:0}.club-section-title>span{font-size:8px;color:var(--room-muted);white-space:nowrap}.club-challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.club-challenge{padding:22px;border:1px solid var(--room-line);border-radius:13px;background:var(--room-card);text-align:left;color:var(--room-text);display:flex;flex-direction:column;gap:13px;min-height:160px}.club-challenge:hover{border-color:var(--room-accent);transform:translateY(-2px)}.club-challenge-top{display:flex;align-items:center;justify-content:space-between}.club-challenge-top>b{width:28px;height:28px;border:1px solid var(--room-line);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:400;color:var(--room-accent)}.club-challenge-top>span{letter-spacing:3px;color:#b6a06e;font-size:11px}.club-challenge>strong{font-size:13px;font-weight:500}.club-challenge>small{font-size:9px;color:var(--room-muted);line-height:1.7}.club-challenge>i{align-self:flex-end;font-style:normal;font-size:14px;color:var(--room-accent);margin-top:auto}.club-session-nav{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 18px}.club-session-nav>.text-button{font-size:11px;padding:0}.club-session-nav>span{font-size:8px;color:var(--room-accent);letter-spacing:.8px;text-align:center}.club-session-nav>div{display:flex;gap:18px;align-items:center}.club-session-nav .secondary{font-size:9px;padding:10px 16px;min-height:34px;width:auto}.club-session-nav>div>.text-button{font-size:8px;padding:0}.club-lesson{display:flex;align-items:center;gap:16px;background:var(--room-card);border:1px solid var(--room-line);border-radius:12px;padding:18px 21px;margin-bottom:17px}.club-lesson>span{font-size:27px;color:var(--room-accent)}.club-lesson b{font-size:12px;font-weight:500}.club-lesson p{font-size:10px;line-height:1.8;color:var(--room-muted);margin:7px 0 0}.club-lesson>strong{margin-left:auto;font-size:12px;white-space:nowrap;font-weight:400;color:var(--room-accent)}.club-pause{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0c181fe8;backdrop-filter:blur(8px);color:#e6dfcd;border-radius:inherit}.club-pause>span{color:#cdb681;font-size:35px}.club-pause h2{font:29px Georgia,serif;margin:10px 0 0}.club-pause p{font-size:11px;color:#9caf9e;margin:0 0 12px}.club-pause>.text-button{font-size:9px;color:#aebca8;padding:0;margin-top:6px}body.pool-playing .test-badge{display:none}.pool-result[data-result=win]{background:linear-gradient(90deg,#5b533537,#c1ad7d0a)}.pool-result[data-result=loss]{background:linear-gradient(90deg,#774b5030,#774b5008)}.pool-result[data-result=win]>span{color:#e8cd8e}.pool-result[data-result=loss]>span{color:#b9999b}
@media(max-width:1000px){.club-hero{grid-template-columns:1fr 1fr}.club-hero-copy{padding:31px 25px}.club-hero h1{font-size:35px}.club-challenges{grid-template-columns:repeat(2,1fr)}.club-preview{min-height:340px}.club-stats span{font-size:7px}.club-session-nav{gap:13px}.club-session-nav>div{gap:12px}}
@media(max-width:700px){.club-hero{grid-template-columns:1fr}.club-hero-copy{padding:30px 25px}.club-hero h1{font-size:38px;margin:20px 0 15px}.club-hero p{font-size:10px;max-width:310px}.club-preview{min-height:235px;border-top:1px solid #c3b28220}.club-actions{margin:23px 0 18px}.club-start{padding:14px 18px;font-size:10px}.club-actions .secondary{font-size:9px}.club-hero-copy>.text-button{font-size:9px}.club-stats{grid-template-columns:1fr 1fr;padding:23px 0;gap:22px 10px}.club-stats>div:nth-child(2){border:0}.club-stats>div{padding:0 13px}.club-stats b{font-size:23px}.club-stats span{font-size:8px;line-height:1.7;margin-top:6px}.club-setup{padding:18px 15px;gap:14px}.club-setup>div{min-width:43%}.club-setup>div:first-child{min-width:100%}.club-setup label{font-size:8px}.club-setup select{font-size:9px}.club-section-title{margin-top:26px}.club-section-title h2{font-size:24px}.club-section-title p{font-size:9px}.club-section-title>span{font-size:6px}.club-challenges{gap:10px}.club-challenge{padding:18px 14px;min-height:180px;gap:13px}.club-challenge>strong{font-size:12px;line-height:1.7}.club-challenge>small{font-size:8px}.club-challenge-top>span{font-size:9px;letter-spacing:1px}.club-session-nav{gap:9px;flex-wrap:wrap;margin-bottom:13px}.club-session-nav>span{font-size:7px;flex:1}.club-session-nav>div{gap:10px}.club-session-nav>div>.text-button{font-size:6px;max-width:70px;line-height:1.8}.club-session-nav .secondary{font-size:8px;padding:8px 11px;min-height:32px}.club-session-nav>.text-button{font-size:9px}.club-lesson{padding:14px;gap:12px}.club-lesson b{font-size:10px}.club-lesson p{font-size:8px}.club-lesson>span{font-size:23px}.club-lesson>strong{font-size:10px}.club-pause h2{font-size:24px}.club-pause p{font-size:9px}.club-pause .club-start{font-size:9px;padding:13px}.club-pause>.text-button{font-size:8px}}

.pool-room>.club-lesson{margin:0;border-radius:0;border:0;border-bottom:1px solid #c8b58026;background:#26362f;padding:14px 20px;flex-shrink:0}.pool-room>.club-lesson b{color:#e0d3ae}.pool-room>.club-lesson p{color:#a5b49c;margin-top:5px}.pool-room>.club-lesson>strong{color:#d7bd88}.pool-room-top>span>b{font-weight:400;font-size:inherit;letter-spacing:inherit}body.pool-playing footer span:last-child,body.pool-playing .avatar{display:none}@media(max-width:700px){.pool-room>.club-lesson{padding:12px 10px;gap:8px}.pool-room>.club-lesson>span{display:none}.pool-room>.club-lesson p{font-size:7px}.pool-room>.club-lesson b{font-size:9px}.pool-room>.club-lesson>strong{font-size:9px}.pool-room-top>span{max-width:80px}.pool-view-tabs button{padding-inline:5px}}

/* Ball ownership and the return channel remain visible during play. */
.pool-player-balls{display:flex;gap:4px;align-items:center;margin-top:6px;min-height:20px;flex-wrap:wrap}.pool-player-balls .pool-mini-ball{width:19px;height:19px;flex:none}.pool-player-balls .pool-mini-ball i{font-size:8px;width:11px;height:11px}.pool-player-balls .pool-mini-ball.cleared{opacity:.28;filter:saturate(.55);box-shadow:none}.pool-player-balls .stripe:before{border-top-width:4px;border-bottom-width:4px}.pool-player-icon:has(.pool-mini-ball){background:none!important;box-shadow:none!important}.pool-player-icon .pool-mini-ball{width:27px;height:27px}.pool-pot-tray{flex-shrink:0;min-height:56px;gap:14px}.pool-pot-tray>span{font-size:8px;line-height:1.5;max-width:95px;white-space:normal}.pool-pot-tray>div{flex:1;min-width:0;min-height:34px;flex-wrap:nowrap;overflow-x:auto;padding:6px 12px;border-radius:18px;background:linear-gradient(#080c12,#26303c);box-shadow:inset 0 3px 5px #0009,inset 0 -1px 0 #ffffff15;gap:6px}.pool-pot-tray .pool-mini-ball{width:26px;height:26px;flex:none}.pool-pot-tray .pool-mini-ball i{font-size:9px;width:14px;height:14px}.pool-mini-ball[data-finish="metal"]{background-image:radial-gradient(circle at 27% 18%,#fff9,transparent 24%),linear-gradient(145deg,transparent 40%,#05091480 49%,#e4efff55 53%,transparent 65%)}.pool-mini-ball.arriving{animation:pool-return-ball .8s cubic-bezier(.18,.7,.3,1) both}@keyframes pool-return-ball{0%{opacity:0;transform:translate(55px,-12px) rotate(180deg) scale(.75)}35%{opacity:1;transform:translate(30px,2px) rotate(100deg)}70%{transform:translate(-4px,0) rotate(-12deg)}100%{transform:translate(0,0) rotate(0)}}@media(max-width:700px){.pool-player-balls{gap:3px;margin-top:4px}.pool-player-balls .pool-mini-ball{width:15px;height:15px}.pool-player-balls .pool-mini-ball i{font-size:6px;width:9px;height:9px}.pool-player-balls .stripe:before{border-top-width:3px;border-bottom-width:3px}.pool-pot-tray,body.pool-focus .pool-pot-tray{padding:6px 9px;min-height:44px}.pool-pot-tray .pool-mini-ball{width:21px;height:21px}.pool-pot-tray>span{font-size:6px;max-width:70px}.pool-pot-tray>div{min-height:28px;padding:4px 8px;gap:5px}.pool-player-balls{max-width:135px}}@media(prefers-reduced-motion:reduce){.pool-mini-ball.arriving{animation:none}}