@font-face{font-family:Refuel;src:local("Refuel Extra Bold Condensed"),local("Refuel-ExtraBoldCondensed"),local("Refuel ExtBd Cond");font-display:swap}:root{color-scheme:dark;--cream:#fff;--ink:#062676;--gold:#b8dcff;--dim:#c6d7f3;--glass:rgba(3,22,76,.95);--title:Refuel,Impact,'Arial Narrow',sans-serif;--body:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061332;color:white;font-family:var(--body)}button,select,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #7ddaff;outline-offset:5px}#game{display:block;width:100%;height:100%}.hidden{display:none!important}#loading{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#041d67;z-index:100}#loading h1{font:72px var(--title);margin:15px}#loading p{font-size:14px;letter-spacing:2px}.emblem{font-size:64px}.cinematic-screen{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,27,149,.97) 0%,rgba(0,30,135,.85) 23%,rgba(4,36,108,.55) 46%,rgba(3,22,67,.17) 73%,rgba(0,10,35,.13)),linear-gradient(0deg,#000c2566,transparent 35%)}.game-logo{position:absolute;top:4.1%;right:3.2%;width:clamp(150px,15vw,285px);height:auto;max-height:25vh;object-fit:contain;filter:drop-shadow(0 4px 12px #fff5)}.home-bars{position:absolute;top:18%;bottom:11%;left:0;width:44%;display:flex;flex-direction:column;justify-content:space-between;gap:4vh}.menu-bar{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;text-align:left;background:#fff;color:#072573;border-radius:0 150px 150px 0;min-height:90px;width:100%;padding:20px 7vw 20px 5.5vw;box-shadow:0 9px 5px #0009;font:clamp(28px,3vw,58px)/1 var(--title);letter-spacing:1px;animation:bar-enter .68s cubic-bezier(.2,.7,.15,1) both;animation-delay:calc(var(--order,0)*.13s);transition:background .16s,padding .16s,color .16s}.home-bars .menu-bar{height:26%;min-height:100px}.menu-bar:hover,.menu-bar:focus-visible{background:#ddf0ff;color:#0034b2;padding-left:6.2vw;outline-offset:0}.menu-bar small{display:block;font:12px/1.5 var(--body);letter-spacing:.3px;margin-top:9px;color:#244682}.menu-bar:disabled{background:#ffffff6b;color:#ffffffcf;box-shadow:0 7px 5px #0004}.home-corner{position:absolute;right:3.5%;bottom:3.5%;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.home-corner small{font-size:13px;letter-spacing:1px;text-shadow:0 2px 5px #000}.sound-control{font-family:var(--title);font-size:22px;letter-spacing:1px;background:transparent;padding:8px 0;text-shadow:0 2px 5px #000}.sound-control:hover{color:#a6dcff}@keyframes bar-enter{from{opacity:0;transform:translateX(-105%)}to{opacity:1;transform:translateX(0)}}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:20;padding:25px;background:linear-gradient(90deg,#001b91ee,#052468aa 55%,#00123155);backdrop-filter:blur(3px)}.dialog{position:relative;background:linear-gradient(130deg,#042e8eee,#001648ee);border:1px solid #ffffff38;padding:36px 42px;max-height:91vh;overflow:auto;box-shadow:0 24px 100px #0005;border-radius:2px}.dialog h2,.popup-card h2{font:46px/1 var(--title);letter-spacing:1px;margin:12px 0 25px}.eyebrow{font:15px var(--title);letter-spacing:2px;color:var(--gold)}.close{position:absolute;right:17px;top:12px;background:transparent;font:28px var(--body);padding:6px}.primary{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;color:#062573;font:24px var(--title);letter-spacing:1px;padding:17px 24px;min-width:220px;border-radius:0 35px 35px 0}.primary:hover{background:#d2ecff}.primary:disabled{opacity:.4}.primary span{font:24px var(--body)}.quiet{background:transparent;padding:13px 0;text-align:left;font:22px var(--title);letter-spacing:.6px}.quiet:hover{color:#b3dfff}label{display:flex;flex-direction:column;gap:9px;font:16px var(--title);letter-spacing:1px;color:#e3edff}select{width:100%;padding:13px 12px;background:#032669;border:1px solid #aecff17d;border-radius:2px;color:#fff;font:14px var(--body);letter-spacing:0}option{background:#092766}input{accent-color:#75cfff}.muted{color:var(--dim);font:13px/1.7 var(--body)}.setup-screen{display:block;padding:0;backdrop-filter:none}.setup-screen .setup-logo{width:clamp(125px,12vw,220px)}.screen-back{position:absolute;left:5.5vw;bottom:4%;z-index:2;background:transparent;font:22px var(--title);letter-spacing:1px;padding:8px 0}.screen-back:disabled{visibility:hidden}.screen-title{position:absolute;top:6.3%;left:5.5vw;font:clamp(32px,3.5vw,62px)/1 var(--title);letter-spacing:2px;margin:0;text-shadow:0 3px 10px #0003}.stage-bars{position:absolute;left:0;top:24%;width:46%;display:flex;flex-direction:column;gap:3.4vh}.stage-bars .menu-bar{font-size:clamp(26px,2.8vw,48px);min-height:100px}.mode-bars{top:22%;gap:2.4vh}.mode-bars .menu-bar{min-height:90px;padding-top:16px;padding-bottom:16px}.stage-description{position:absolute;top:14.5%;left:5.5vw;max-width:610px;font-size:14px;line-height:1.6;margin:0;color:#e3edff}.stage-continue{position:absolute;bottom:4%;left:29%;min-width:180px}.order-badge{display:inline-grid;place-items:center;border:2px solid #14387a;border-radius:50%;font:18px var(--body);width:29px;height:29px;margin-right:12px;vertical-align:middle}.player-nameplate{position:absolute;top:28%;right:6%;text-align:right;width:43%;text-shadow:0 3px 15px #0008}.player-nameplate span{display:block;font:clamp(24px,3vw,52px) var(--title);letter-spacing:2px}.player-nameplate strong{display:block;font:clamp(45px,6.6vw,115px)/1 var(--title);letter-spacing:2px;margin:7px 0 10px}.player-selection-left{position:absolute;top:25%;left:0;width:43%}.player-cycle{display:flex;align-items:center;justify-content:space-between;margin:0 6vw 4vh 5.5vw;font:23px var(--title);letter-spacing:3px}.player-cycle button{background:none;font-size:34px;padding:0 10px}.stat-bars{display:flex;flex-direction:column;gap:3vh}.stat-bar{position:relative;overflow:hidden;border-radius:0 70px 70px 0;background:white;color:#052471;min-height:68px;padding:16px 3.4vw 16px 5.5vw;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 5px #0007;animation:bar-enter .6s both;animation-delay:calc(var(--order)*.11s);font:29px var(--title);letter-spacing:1px}.stat-bar i{position:absolute;left:0;bottom:0;height:5px;width:var(--stat);background:#62a5e8}.stat-bar strong{font-weight:normal}.stats-note{font-size:12px;color:#dbe8ff;margin:24px 0 20px 5.5vw;line-height:1.5}.select-player{margin-left:5.5vw}.setup-popover{position:absolute;inset:0;background:#001039b3;display:grid;place-items:center;z-index:5;backdrop-filter:blur(8px);padding:20px}.popup-card{position:relative;width:min(680px,95vw);max-height:91vh;overflow:auto;padding:35px 40px;background:linear-gradient(135deg,#073894fa,#001444fa);border:1px solid #ffffff66;box-shadow:0 25px 100px #0007}.popup-intro{font:14px/1.6 var(--body);color:#c9ddff;margin:-8px 0 24px}.popup-options{display:flex;flex-direction:column;gap:13px}.option-row{background:#fff;color:#082574;border-radius:0 45px 45px 0;text-align:left;display:flex;flex-direction:column;gap:6px;padding:18px 24px}.option-row strong{font:25px var(--title);letter-spacing:.5px}.option-row span{font:12px/1.5 var(--body);color:#29487c}.option-row:hover{background:#cde9ff}.colour-options{display:flex;gap:25px}.colour-choice{flex:1;background:#ffffff12;border:1px solid #ffffff7a;padding:30px 20px 23px;display:flex;flex-direction:column;align-items:center;gap:25px}.colour-choice:hover{background:#ffffff28}.colour-choice strong{font:28px var(--title);letter-spacing:2px}.colour-disc{display:block;width:90px;height:90px;border-radius:50%;border:6px double #74829c;box-shadow:8px 7px 0 #0004,0 12px 28px #0004}.colour-disc.black{background:radial-gradient(circle at 35% 30%,#35404d,#0b0d11 70%)}.colour-disc.white{background:radial-gradient(circle at 35% 30%,white,#bac5d5);border-color:#c0cddd}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.condition-note{font:12px/1.5 var(--body);color:#d0e1ff}.condition-note:first-of-type{margin-top:25px}#beginMatch{margin-top:25px;width:100%}.info-dialog{width:min(830px,95vw);line-height:1.8}.info-dialog h3{font:28px var(--title);letter-spacing:1px}.info-dialog p,.info-dialog li{font-size:14px;color:#d8e5fb}.info-dialog a{color:#a2d8ff}.info-dialog table{border-collapse:collapse;width:100%;font-size:13px}.info-dialog td{padding:12px;border-bottom:1px solid #ffffff24;vertical-align:top}.info-dialog td:first-child{color:#baddff;width:190px}.settings-dialog{width:min(570px,95vw)}.settings-dialog label{margin:19px 0}.settings-dialog small{font:11px/1.6 var(--body);letter-spacing:0;color:#c1d4ef}.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-section+.settings-section{border-top:1px solid #ffffff30;margin-top:20px}.settings-dialog label:has([type=checkbox]){flex-direction:row;align-items:center;font:14px var(--body);letter-spacing:0}.pause-dialog{width:min(470px,95vw)}.pause-dialog .primary{width:100%;margin:28px 0 15px}.pause-dialog .quiet{display:block}.result-dialog{width:min(560px,95vw);text-align:center}.result-dialog .primary{margin:25px auto 5px}.result-crown{font-size:50px;color:#bddfff}.result-distances{display:flex;gap:20px;margin:24px 0}.result-distances>div{flex:1;padding:18px;background:#ffffff0d;border:1px solid #ffffff30}.result-distances strong{display:block;font:36px var(--title);margin:9px}.result-distances small{font-size:12px;color:#ccdbf1}.venue-map{width:100%;height:230px}.error-text{color:#ffb1ab}#info,#settings{z-index:30}
/* Broadcast-sized information, with the swing cylinder in the lower right. */
#hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#00134499,transparent 23%),linear-gradient(0deg,#00123c99,transparent 26%)}#hud button{pointer-events:auto}.game-top{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.score-player{display:flex;align-items:center;gap:15px;padding:14px 22px;background:linear-gradient(105deg,#002281f5,#00256abe);border-bottom:4px solid #6999c4;border-radius:0 7px 7px 0;min-width:285px;max-width:40%}.score-player.right{flex-direction:row-reverse;text-align:right;border-radius:7px 0 0 7px}.score-player.active{border-color:white;background:linear-gradient(105deg,#053fbafa,#002b8dd9)}.score-player .disc{width:33px;height:33px;border:4px double #8192ae;border-radius:50%;background:#13161c;box-shadow:0 3px 8px #0009;flex:none}.score-player.right .disc{background:white;border-color:#c6d3e1}.score-player .name{font:30px/1 var(--title);letter-spacing:.6px}.score-player small{display:block;font:13px var(--title);letter-spacing:1.8px;color:#b9d7ff;margin-top:8px}.score-number{font:44px var(--title);margin-left:10px}.set-info{text-align:center;display:flex;flex-direction:column;gap:6px;min-width:130px;text-shadow:0 2px 8px #000}.wordmark{font:23px var(--title);letter-spacing:3px}.set-info strong{font:29px var(--title);letter-spacing:1px}.set-info small{font:12px var(--body);color:#dfebff}.weather-chip{position:absolute;top:134px;left:28px;font-size:12px;line-height:1.5;background:#001f67cc;padding:10px 13px;color:#dfeaff;max-width:32vw}.pause-button,.camera-button{position:absolute;top:134px;background:#03236ddd;border:1px solid #a5c3ff7d;padding:11px 14px;font:17px var(--title)}.pause-button{right:28px}.camera-button{right:87px}.leader-board{position:absolute;top:136px;left:50%;transform:translateX(-50%);width:320px;padding:10px 17px;background:#01205be8;border-top:2px solid #c4e5ff;text-align:center}.leader-board>small{display:block;font:12px var(--title);letter-spacing:2px;color:#c2dfff}.leader-board>strong{display:block;font:25px var(--title);margin:4px 0;color:white;letter-spacing:.6px}.leader-board>span{font:12px var(--body);color:#d7e6ff}.bottom-left{position:absolute;left:30px;bottom:75px}.bottom-left h3{font:33px var(--title);letter-spacing:1px;margin:8px 0}.bottom-left #bowlCount{font:15px var(--body);margin:10px 0}.bottom-left #nearest{font:13px var(--body);color:#d7e7ff;margin-top:15px}.bottom-left .eyebrow{font-size:18px}.bowl-panel{position:absolute;bottom:64px;right:29px;width:295px;min-height:275px;padding:31px 22px 20px;border:2px solid #afcef2b8;border-radius:48% / 8%;background:linear-gradient(90deg,#001647e8,#063587ed 30%,#164a9af0 55%,#042674f2 84%,#001243ed);box-shadow:inset 8px 0 18px #0004,inset -8px 0 15px #0005,0 13px 25px #0005;pointer-events:auto}.bowl-panel:before{content:'';position:absolute;left:-2px;right:-2px;top:-1px;height:36px;border:2px solid #c2dfffbd;border-radius:50%;background:linear-gradient(180deg,#3967a2e6,#0a2c70ed);pointer-events:none}.bowl-panel:after{content:'';position:absolute;left:50%;top:40px;bottom:67px;width:1px;background:#d8eaff30;pointer-events:none;z-index:0}.meter-title{position:relative;display:flex;justify-content:space-between;align-items:center;font:14px var(--title);letter-spacing:1px;color:#c2dfff;z-index:1;margin-top:8px}.meter-title strong{font-size:19px;color:white}.power-track{position:relative;background:#729fdf44;height:14px;margin:34px 0 41px;z-index:1}.power-track:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#eef7ff55 calc(10% - 1px),#eef7ff55 10%)}#powerFill{background:linear-gradient(90deg,#56a8ff,#eaf7ff);height:100%;width:0}.power-labels{position:absolute;left:0;right:0;top:23px;display:flex;justify-content:space-between;font:11px var(--title);letter-spacing:1px;color:#cee4ff}#powerNeedle{position:absolute;top:-5px;height:24px;width:3px;background:#fff;left:0;box-shadow:0 0 6px #fff9;z-index:2}#guideMark{position:absolute;top:-8px;left:60%;height:30px;width:2px;background:#e4f5ffa6}#guideMark:before{content:'▾';position:absolute;top:-17px;left:-4px;font-size:14px;color:white}.accuracy-track{height:36px;margin:20px 0 24px;position:relative;display:flex;justify-content:space-between;align-items:center;font:11px var(--title);letter-spacing:.7px;background:linear-gradient(90deg,#6884b56b,#afdcff70 50%,#6884b56b);padding:0 8px;z-index:1}.sweetspot{position:absolute;left:48%;width:4%;inset-block:0;background:#ecfaff8c;border-inline:1px solid white}#accuracyNeedle{position:absolute;left:50%;width:3px;height:43px;background:white;box-shadow:0 0 8px #fff8;z-index:2}.bowl-action{position:relative;z-index:1;background:white;color:#092974;padding:12px 10px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font:16px var(--title);letter-spacing:.5px;border-radius:2px}.bowl-action span{border-left:1px solid #15357855;padding-left:10px;font:12px var(--body);letter-spacing:0}.bowl-action:disabled{opacity:.65}.bowl-hint{text-align:center;color:#d4e3ff;font:11px/1.5 var(--body);margin-top:12px}.swing-panel{position:relative;z-index:1;margin:15px 0}.swing-guide{position:relative;height:200px;background:linear-gradient(90deg,transparent 49.8%,#e5f1ff55 49.8%,#e5f1ff55 50.2%,transparent 50.2%)}.swing-guide canvas{width:100%;height:200px;display:block}.swing-directions{position:absolute;inset:6px;display:flex;flex-direction:column;justify-content:space-between;font:10px var(--title);letter-spacing:1px;color:#c6ddff;pointer-events:none}.swing-numbers{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:11px/1.4 var(--body);color:#d7e7ff}.swing-numbers strong{color:#fff;font:16px var(--title);white-space:nowrap}#swingTarget{display:block;font:10px/1.5 var(--body);color:#cbe1ff;margin-top:8px}#gesturePad,.minimap-wrap{display:none!important}.game-footer{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;font:12px var(--body);color:#dfebff;text-shadow:0 2px 5px #001b50}#cameraMode{font:15px var(--title);letter-spacing:1px}.announcement{position:absolute;left:50%;top:29%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 12px #001846;width:650px;max-width:85vw}.announcement strong{display:block;font:45px var(--title);letter-spacing:1px;margin:12px 0}.announcement small{font:15px/1.7 var(--body)}.jack-label{position:absolute;transform:translate(-50%,-100%);font:12px var(--title);letter-spacing:2px;text-align:center;text-shadow:0 2px 5px #000;padding:7px}.jack-label b{display:block;margin-top:4px;font-size:15px;letter-spacing:.5px}#crosshair{position:absolute;left:50%;top:50%;font:25px var(--body);color:#ffffffc2;transform:translate(-50%,-50%);text-shadow:0 1px 5px #000}.aim-target-label{position:absolute;transform:translate(-50%,0);padding:0;font:11px var(--title);letter-spacing:1.3px;color:#ffffffe0;text-shadow:0 2px 5px #001426;white-space:nowrap;pointer-events:none;opacity:.72;background:transparent;border:0}.aim-target-label b{display:block;font:13px var(--body);letter-spacing:0;margin-top:4px;font-weight:normal}.aim-target-label small{display:block;font:10px var(--body);letter-spacing:0;margin-top:4px}.shot-feedback{position:absolute;left:50%;top:235px;transform:translateX(-50%);padding:12px 20px;background:#052872ee;border:1px solid #bbd8ff77;font-size:14px;white-space:nowrap}.overhead-readout{position:absolute;left:28px;top:205px;width:265px;padding:16px 18px;background:#032064ed;border-top:2px solid #c2dfff;font-size:14px}.overhead-readout>small{display:block;font:13px var(--title);letter-spacing:1px;margin:4px 0 10px;color:#c9dfff}.overhead-readout>small:last-child{font:11px/1.6 var(--body);margin-top:12px}.overhead-readout .measure-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid #ffffff2b}.overhead-readout .leading{background:#aedbff22}.overhead-readout b{color:#fff;font-weight:normal;white-space:nowrap}.toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);background:white;color:#092967;z-index:120;padding:14px 25px;font:14px var(--body);box-shadow:0 7px 30px #0006}#result{place-items:center end;padding:28px;background:linear-gradient(90deg,transparent 35%,#03164c88);backdrop-filter:none}#result .result-dialog{width:min(480px,44vw);padding:32px;text-align:left}#result .result-dialog .primary{width:100%}
@media(max-height:800px){.stage-bars{top:23%;gap:2.6vh}.mode-bars{top:21%;gap:2vh}.stage-bars .menu-bar{min-height:78px;padding-top:14px;padding-bottom:14px}.menu-bar small{font-size:11px;margin-top:6px}.player-selection-left{top:24%}.stat-bar{min-height:58px;padding-top:13px;padding-bottom:13px}.player-cycle{margin-bottom:3vh}.stats-note{margin-top:18px;margin-bottom:15px}.bowl-panel{bottom:55px;min-height:250px}.swing-guide,.swing-guide canvas{height:170px}.game-top{top:17px}.score-player{padding:11px 18px}.score-player .name{font-size:26px}.score-number{font-size:38px}.leader-board{top:120px}.weather-chip,.camera-button,.pause-button{top:120px}.shot-feedback{top:217px}.dialog{padding:27px 33px}.dialog h2,.popup-card h2{font-size:39px}.popup-card{padding:26px 34px}.option-row{padding:14px 20px}.popup-intro{margin-bottom:18px}}
@media(max-width:1050px){.home-bars{width:52%}.stage-bars{width:55%}.player-nameplate{right:4%;width:42%}.player-selection-left{width:47%}.stage-bars .menu-bar{font-size:30px}.score-player{min-width:225px;max-width:39%}.score-player .name{font-size:23px}.score-player .disc{width:28px;height:28px}.set-info .wordmark{font-size:18px}.set-info strong{font-size:25px}.bowl-panel{width:270px;right:20px;padding-inline:18px}.weather-chip{font-size:10px;max-width:27vw}.leader-board{width:280px}.leader-board>strong{font-size:22px}.bottom-left h3{font-size:28px}.overhead-readout{width:230px;font-size:12px}.game-footer{font-size:10px}.condition-grid{gap:16px}}
@media(max-width:740px){.home-bars{width:72%;top:25%;bottom:18%;gap:3vh}.home-bars .menu-bar{min-height:75px;font-size:34px}.game-logo{width:150px;top:3%;right:4%}.home-corner small{font-size:10px}.sound-control{font-size:19px}.screen-title{top:7%;font-size:31px;max-width:53%;line-height:1.1}.setup-screen .setup-logo{width:115px}.stage-bars{top:25%;width:85%;gap:2.5vh}.stage-bars .menu-bar{font-size:28px;min-height:77px;padding-right:30px}.mode-bars{top:23%;gap:2vh}.stage-description{top:16%;font-size:12px;max-width:85%}.player-selection-left{width:58%;top:34%}.player-nameplate{top:21%;width:85%;right:6%}.player-nameplate span{display:inline;font-size:24px}.player-nameplate strong{font-size:41px;display:inline;margin:0 10px}.stat-bar{font-size:22px;min-height:50px}.stat-bars{gap:2vh}.player-cycle{font-size:17px;margin-bottom:2vh}.stats-note{font-size:10px}.select-player{font-size:21px;min-width:190px;padding:13px 18px}.stage-continue{left:auto;right:5%;min-width:155px;font-size:20px}.popup-card{padding:30px 23px}.popup-card h2{font-size:33px}.option-row strong{font-size:23px}.condition-grid{grid-template-columns:1fr 1fr;gap:16px}.condition-grid label{font-size:14px}.condition-grid select{font-size:12px;padding:10px}.game-top{left:12px;right:12px;gap:8px}.score-player{min-width:0;flex:1;padding:9px 10px;gap:8px}.score-player .disc{display:none}.score-player .name{font-size:21px}.score-player small{font-size:10px}.score-number{font-size:31px;margin-left:2px}.set-info{min-width:84px}.set-info strong{font-size:21px}.set-info .wordmark{font-size:14px}.set-info small{font-size:9px}.leader-board{top:119px;width:245px}.leader-board>strong{font-size:19px}.weather-chip{display:none}.pause-button{top:101px;right:12px;padding:9px}.camera-button{top:151px;right:12px;font-size:12px;padding:8px}.bowl-panel{width:235px;right:12px;bottom:49px;padding:30px 15px 14px}.meter-title{font-size:12px}.meter-title strong{font-size:16px}.swing-guide,.swing-guide canvas{height:135px}.swing-numbers{font-size:9px}.swing-numbers strong{font-size:13px}.bowl-hint{font-size:9px}.bottom-left{left:14px;bottom:75px;max-width:calc(100vw - 268px)}.bottom-left h3{font-size:24px}.bottom-left #bowlCount,.bottom-left #nearest{font-size:10px}.bottom-left .eyebrow{font-size:14px}.game-footer{bottom:15px;left:12px;right:12px;font-size:9px}.game-footer>span:last-child,#cameraMode{display:none}.overhead-readout{top:215px;left:12px;width:200px;padding:12px;font-size:11px}.shot-feedback{top:205px;font-size:11px;max-width:95vw;white-space:normal;text-align:center}.announcement strong{font-size:34px}.announcement small{font-size:12px}#result{place-items:center;padding:15px;background:#00103999}#result .result-dialog{width:95vw}.dialog{max-height:94vh}.settings-pair{gap:12px}}
@media(prefers-reduced-motion:reduce){.menu-bar,.stat-bar{animation:none;transition:none}}
.refuel-label{display:block;height:clamp(28px,3vw,56px);max-width:100%;filter:brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(1877%) hue-rotate(210deg) brightness(85%) contrast(109%)}.refuel-heading{height:clamp(32px,3.5vw,62px);max-width:65vw}.refuel-stat{height:25px;max-width:100%;filter:brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(1877%) hue-rotate(210deg) brightness(85%) contrast(109%)}.game-logo{width:clamp(195px,21vw,385px);max-height:34vh;top:-2%;right:1.5%}.setup-screen .setup-logo{width:clamp(170px,17vw,300px);top:-1.5%;right:1.5%}.music-options{padding:5px 0 17px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.music-options #musicTrackName{font-size:13px;color:#d0e4ff}.music-options .quiet{font-size:20px;padding:9px 0}.music-options a{font:11px/1.5 var(--body);color:#a9d6ff}@media(max-width:740px){.refuel-label{height:32px}.refuel-heading{height:30px;max-width:61vw}.refuel-stat{height:19px}.game-logo{width:190px;top:-2%;right:0}.setup-screen .setup-logo{width:150px;top:-1%;right:0}}
.refuel-nickname{width:auto;max-width:100%;height:clamp(45px,5.5vw,100px)}.refuel-popup-heading{height:39px;max-width:100%}@media(max-width:740px){.refuel-nickname{height:35px;max-width:65vw;vertical-align:middle}.refuel-popup-heading{height:30px}}
.menu-text-label{display:inline-flex;align-items:center;height:clamp(28px,3vw,56px);font:inherit;line-height:1;letter-spacing:1px}
.controller-key{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;padding:0 .28em;margin:0 .08em;border:1px solid #ffffffaa;border-radius:.32em;background:#132f62;color:#fff;font:700 .78em/1 var(--body);letter-spacing:0;text-shadow:0 1px 2px #0009;box-shadow:inset 0 1px 2px #ffffff48,0 1px 2px #0005;white-space:nowrap}
.controller-xbox.key-a{background:#208c42}.controller-xbox.key-b{background:#cf2938}.controller-xbox.key-x{background:#1769cf}.controller-xbox.key-y{background:#e0b524;color:#151515}
.controller-playstation.key-cross{background:#267bd7;color:#dff5ff;border-radius:50%;font-size:.94em}.controller-playstation.key-circle{background:#ce2739;color:#fff;border-radius:50%;font-size:.94em}.controller-playstation.key-square{background:#d440a5;color:#fff;border-radius:.25em;font-size:.94em}.controller-playstation.key-triangle{background:#319254;color:#efffe9;font-size:.94em}
.controller-key.key-lb,.controller-key.key-rb,.controller-key.key-view,.controller-key.key-menu{min-width:auto;padding:0 .42em;font-size:.68em}.controller-key.key-dpad{min-width:1.45em;padding:0}.bowl-action .controller-key{font-size:1em}
body:has(.modal:not(.hidden)) #menu{visibility:hidden}.setup-screen:has(.setup-popover:not(.hidden)) .setup-logo{opacity:.45}button,select,input{scroll-margin:25px}button[aria-pressed=true]{outline:2px solid #b1e4ff;outline-offset:3px}
@media(max-height:650px){.player-selection-left{top:23%}.player-cycle{margin-bottom:2vh}.stat-bars{gap:2vh}.stat-bar{min-height:46px;padding-top:10px;padding-bottom:10px}.stats-note{margin-top:14px;margin-bottom:13px}.select-player{padding-top:13px;padding-bottom:13px}.stage-bars .menu-bar{min-height:66px;padding-top:11px;padding-bottom:11px}.mode-bars{top:22%;gap:2vh}.screen-back{bottom:3%}.home-bars .menu-bar{min-height:80px}.stage-description{top:15%;max-width:58%;font-size:12px}.refuel-stat{height:22px}}
.layout-button{position:absolute;left:28px;top:184px;background:#03236ddd;border:1px solid #a5c3ff7d;padding:11px 14px;font:16px var(--title);letter-spacing:.5px}.layout-button:focus-visible,.layout-button:hover{background:#0c44a5}@media(max-width:740px){.layout-button{top:180px;left:12px;font-size:13px;padding:8px}}
/* The swingometer is the face of a shallow plastic cylinder, viewed on its rim. */
.bowl-panel{width:320px;min-height:310px;padding:54px 35px 39px;border:3px double #bcd7fae0;border-radius:50%;background:radial-gradient(ellipse at 38% 29%,#2158a0eb,#092e78f0 54%,#031b54f5 85%);box-shadow:7px 2px 0 -1px #011642,10px 3px 0 -1px #7897bd,12px 4px 10px #0008,inset 3px 0 10px #c8e8ff2b,inset -6px -3px 14px #0006;bottom:86px;right:31px}.bowl-panel:before{inset:8px;height:auto;border:1px solid #b4d6fa4d;border-radius:50%;background:none}.bowl-panel:after{top:17%;bottom:17%;background:#d8eaff40}.meter-title{margin-top:0;font-size:13px;letter-spacing:.7px}.meter-title strong{font-size:17px}.bowl-hint{position:absolute;top:100%;left:0;right:0;min-height:0;margin-top:17px;font-size:10px;text-shadow:0 2px 7px #00112f;line-height:1.5}.bowl-panel:has(#swingPanel:not(.hidden)){width:330px;min-height:375px;padding:49px 39px 42px}.swing-panel{margin:12px 0 14px}.swing-guide,.swing-guide canvas{height:150px}.swing-numbers{font-size:10px;margin-top:8px}.swing-numbers strong{font-size:14px}#swingTarget{font-size:10px;margin-top:7px}.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden){width:270px;min-height:220px;padding:58px 29px 45px}.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden) .bowl-action{margin-top:21px}.bowl-action{font-size:15px;padding:12px 8px}.bowl-action span{font-size:11px}.placing .announcement{top:121px;width:560px;max-width:calc(100vw - 640px);text-shadow:0 2px 6px #00123c}.placing .announcement .eyebrow{display:none}.placing .announcement strong{font-size:26px;line-height:1;margin:0 0 8px;letter-spacing:.7px}.placing .announcement small{font-size:11px;line-height:1.5;display:block}.placing .leader-board{display:none}.placing .bottom-left{bottom:74px}
@media(max-height:800px){.bowl-panel{bottom:78px;min-height:290px;width:305px;padding:48px 33px 35px}.bowl-panel:has(#swingPanel:not(.hidden)){width:310px;min-height:355px;padding:44px 33px 35px}.swing-guide,.swing-guide canvas{height:135px}.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden){width:260px;min-height:210px;padding:54px 27px 39px}.bowl-hint{margin-top:15px;font-size:10px}.placing .announcement{top:112px}.placing .announcement strong{font-size:24px}.placing .announcement small{font-size:10px}}
@media(max-width:1050px){.placing .announcement{max-width:calc(100vw - 520px);width:480px}.placing .announcement strong{font-size:21px}.bowl-panel{right:23px;width:285px;min-height:280px;padding-inline:31px}.bowl-panel:has(#swingPanel:not(.hidden)){width:295px;padding-inline:31px}}
@media(max-width:740px){.bowl-panel{right:16px;bottom:75px;width:240px;min-height:240px;padding:43px 25px 32px}.bowl-panel:has(#swingPanel:not(.hidden)){width:250px;min-height:305px;padding:39px 26px 34px}.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden){width:220px;min-height:180px;padding:43px 21px 32px}.meter-title{font-size:11px}.meter-title strong{font-size:14px}.swing-guide,.swing-guide canvas{height:113px}.swing-directions{font-size:8px}.swing-numbers{font-size:9px}.swing-numbers strong{font-size:12px}#swingTarget{font-size:9px}.bowl-action{font-size:12px;padding:10px 5px;gap:7px}.bowl-action span{font-size:10px;padding-left:7px}.bowl-hint{font-size:9px}.placing .announcement{top:106px;max-width:calc(100vw - 115px);width:480px;left:12px;transform:none;text-align:left}.placing .announcement strong{font-size:20px}.placing .announcement small{font-size:10px}.placing .bottom-left{bottom:85px}}
.bowl-panel:has(#swingPanel:not(.hidden)) .bowl-action{display:none}.bowl-panel:has(#swingPanel:not(.hidden)) .meter-title{margin-inline:5px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide,.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide canvas{height:170px}@media(max-height:800px){.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide,.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide canvas{height:155px}}@media(max-width:740px){.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide,.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide canvas{height:135px}}
.announcement .eyebrow{display:none}
/* Both supplied display families carry the entire interface. Refuel is embedded;
   Refuel appears as licensed static outline artwork. */
:root{--body:Refuel,Impact,'Arial Narrow',sans-serif}body{letter-spacing:.25px}.menu-bar small{font-size:15px;line-height:1.45;letter-spacing:.5px}.home-corner small{font-size:15px;letter-spacing:.8px}.popup-intro{font-size:18px;line-height:1.5;letter-spacing:.4px}.option-row span{font-size:16px;line-height:1.45;letter-spacing:.4px}.condition-note{font-size:16px;line-height:1.45;letter-spacing:.35px}.stats-note{font-size:15px;letter-spacing:.4px}.stage-description{font-size:17px;line-height:1.5}.condition-grid select,select{font-size:17px;letter-spacing:.35px}.info-dialog{line-height:1.65}.info-dialog p,.info-dialog li{font-size:18px;line-height:1.65;letter-spacing:.45px}.info-dialog table{font-size:17px;line-height:1.5}.info-dialog td{padding:12px}.settings-dialog small,.music-options a{font-size:14px;line-height:1.5;letter-spacing:.3px}.music-options #musicTrackName{font-size:16px}.settings-dialog label:has([type=checkbox]){font-size:17px}.muted{font-size:16px}.weather-chip{font-size:14px;letter-spacing:.4px}.leader-board>span{font-size:15px;letter-spacing:.4px}.game-footer{font-size:14px;letter-spacing:.4px}.bowl-action span{font-size:14px;letter-spacing:.15px}.bowl-hint{font-size:13px;letter-spacing:.25px}.swing-numbers{font-size:13px;line-height:1.4}#swingTarget{font-size:13px;line-height:1.4}.bottom-left #bowlCount{font-size:18px}.bottom-left #nearest{font-size:15px}.overhead-readout{font-size:17px}.overhead-readout>small:last-child{font-size:14px;line-height:1.5}.aim-target-label b{font-size:16px}.aim-target-label small{font-size:13px}.announcement small{font-size:18px;line-height:1.5}.placing .announcement small{font-size:13px;line-height:1.4}.toast{font-size:17px}.set-info small{font-size:15px}.result-distances small{font-size:15px}
@media(max-height:800px){.popup-intro{font-size:17px}.menu-bar small{font-size:14px}.condition-note{font-size:15px}.swing-numbers{font-size:12px}#swingTarget{font-size:12px}.bowl-hint{font-size:12px}.placing .announcement small{font-size:12px}.game-footer{font-size:12px}.weather-chip{font-size:13px}.stats-note{font-size:14px}}
@media(max-width:1050px){.weather-chip{font-size:12px}.stage-description{font-size:15px}.overhead-readout{font-size:15px}.game-footer{font-size:12px}.condition-grid select{font-size:15px}}
@media(max-width:740px){.menu-bar small{font-size:13px}.home-corner small{font-size:13px}.popup-intro{font-size:16px}.option-row span{font-size:14px}.condition-note{font-size:14px}.stats-note{font-size:12px}.stage-description{font-size:14px}.condition-grid select{font-size:14px}.info-dialog p,.info-dialog li{font-size:17px}.info-dialog table{font-size:15px}.game-footer{font-size:11px}.bowl-action span{font-size:12px}.bowl-hint{font-size:11px}.swing-numbers{font-size:11px}#swingTarget{font-size:11px}.bottom-left #bowlCount,.bottom-left #nearest{font-size:13px}.overhead-readout{font-size:14px}.overhead-readout>small:last-child{font-size:12px}.placing .announcement small{font-size:12px}.set-info small{font-size:12px}}
.game-logo{filter:drop-shadow(0 0 2px #fffffff0) drop-shadow(0 0 11px #e9f2ffc4)}.bowl-panel:has(#swingPanel:not(.hidden)) .meter-title{margin-inline:12px}#swingTarget{text-align:center;margin-inline:10px}
/* A thin upright edge, leaving the garden unobstructed. */
.bowl-panel,.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden){right:25px;bottom:66px;width:215px;min-height:0;padding:13px 14px 12px;border:1px solid #aaccec66;border-radius:3px;background:linear-gradient(120deg,#031f61d9,#021944b8);box-shadow:0 4px 15px #0003}.bowl-panel:before,.bowl-panel:after{display:none}.bowl-panel .meter-title{margin:0;font-size:13px;letter-spacing:.5px}.bowl-panel .meter-title strong{font-size:17px}.bowl-panel .bowl-hint{position:static;margin-top:10px;line-height:1.4;font-size:12px}.bowl-panel .bowl-action,.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden) .bowl-action{margin:12px 0 0;padding:9px 7px;gap:7px;font-size:14px}.bowl-panel .bowl-action span{font-size:12px;padding-left:7px}.power-track{height:10px;margin:25px 0 32px}.power-labels{top:18px}.accuracy-track{height:28px;margin:18px 0}.bowl-panel:has(#swingPanel:not(.hidden)){width:215px;min-height:0;right:25px;bottom:65px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.bowl-panel:has(#swingPanel:not(.hidden)) .meter-title{margin:0 0 11px;font-size:14px;text-shadow:0 2px 5px #001b46}.bowl-panel:has(#swingPanel:not(.hidden)) .meter-title strong{font-size:16px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-panel{display:grid;grid-template-columns:1fr 68px;grid-template-rows:auto auto 1fr;column-gap:12px;margin:0;min-height:210px;align-items:start}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide{grid-column:2;grid-row:1/4;width:68px;height:210px;border:2px double #d0e6ffe0;border-radius:50% / 12%;background:linear-gradient(90deg,#011536d9,#21538ad9 20%,#35669ccc 49%,#143b6ed9 80%,#00112ade);box-shadow:3px 1px 0 #001333,4px 1px 0 #8cabcaaa,inset 4px 0 8px #bddcff38,inset -5px 0 8px #0005;overflow:hidden}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide:before{content:'';position:absolute;left:5px;right:5px;top:5px;height:15px;border:1px solid #d0e6ff55;border-radius:50%;pointer-events:none}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide canvas{width:64px;height:206px;display:block;position:relative}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide:after{content:'';position:absolute;top:19px;bottom:13px;left:50%;width:1px;background:#daeaff45;pointer-events:none}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-directions{display:none}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-numbers{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px;margin:18px 0 0;color:#e6f1ff;font-size:13px;line-height:1.5;text-shadow:0 2px 6px #001434}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-numbers strong{font-size:18px;white-space:normal}.bowl-panel:has(#swingPanel:not(.hidden)) #swingTarget{grid-column:1;grid-row:2;text-align:left;margin:17px 0 0;color:#dae9ff;font-size:13px;line-height:1.5;text-shadow:0 2px 6px #001434}.bowl-panel:has(#swingPanel:not(.hidden)) .bowl-action,.bowl-panel:has(#swingPanel:not(.hidden)) .bowl-hint{display:none}
@media(max-width:740px){.bowl-panel,.bowl-panel:has(#powerTrack.hidden):has(#accuracyTrack.hidden):has(#swingPanel.hidden){right:15px;bottom:55px;width:195px;padding:11px}.bowl-panel:has(#swingPanel:not(.hidden)){width:190px;right:15px;bottom:55px;padding:0}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-panel{grid-template-columns:1fr 60px;column-gap:10px;min-height:190px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide{width:60px;height:190px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide canvas{width:56px;height:186px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-numbers,.bowl-panel:has(#swingPanel:not(.hidden)) #swingTarget{font-size:12px}.bowl-panel:has(#swingPanel:not(.hidden)) .swing-numbers strong{font-size:16px}.bowl-panel:has(#swingPanel:not(.hidden)) .meter-title{font-size:13px}.bowl-panel .bowl-hint{font-size:11px}}
.bowl-panel:has(#swingPanel:not(.hidden)) .swing-guide:before{display:none}
/* The active control stays unmistakable for keyboard, controller and mouse. */
.menu-bar{transition:background .15s,color .15s,box-shadow .15s}.menu-bar:hover,.menu-bar:focus-visible{padding-left:5.5vw}.home-bars .menu-bar:focus,.stage-bars .menu-bar:focus{outline:4px solid #74e6ff;outline-offset:0;background:#b6ecff;color:#002268;box-shadow:inset 0 0 0 3px #fff,0 9px 5px #0009;padding-left:5.5vw}.home-bars .menu-bar:focus:after,.stage-bars .menu-bar:focus:after{content:'▶';position:absolute;left:2.4vw;top:50%;transform:translateY(-50%);font:clamp(15px,1.4vw,25px) Arial,sans-serif;color:#00369b;line-height:1;pointer-events:none}.menu-bar:has(.order-badge){background:#d8efff;box-shadow:inset 0 0 0 2px #7ecfff,0 9px 5px #0009}.option-row{position:relative;padding-right:54px;transition:background .15s,box-shadow .15s}.option-row:focus{outline:4px solid #74e6ff;outline-offset:3px;background:#b6ecff;color:#002268;box-shadow:inset 0 0 0 2px white}.option-row:focus:after{content:'▶';position:absolute;right:22px;top:50%;transform:translateY(-50%);font:18px Arial,sans-serif;color:#00369b;pointer-events:none}.colour-choice{position:relative;transition:background .15s,box-shadow .15s}.colour-choice:focus{outline:4px solid #74e6ff;outline-offset:4px;background:#1760aee6;box-shadow:inset 0 0 0 2px #fff}.colour-choice:focus:after{content:'▶';position:absolute;right:14px;top:14px;font:17px Arial,sans-serif;color:white}.player-cycle button{min-width:54px;min-height:46px;border-radius:4px;transition:background .15s,color .15s}.player-cycle button:focus{outline:4px solid #74e6ff;outline-offset:3px;background:#b6ecff;color:#002268}.modal .primary:focus,.modal .quiet:focus,.modal .close:focus,.screen-back:focus,.sound-control:focus{outline:4px solid #74e6ff;outline-offset:4px;background:#b6ecff;color:#002268;text-shadow:none;box-shadow:inset 0 0 0 2px #fff}.modal .quiet,.screen-back,.sound-control{border-radius:2px}.modal select:focus,.modal input:focus{outline:4px solid #74e6ff;outline-offset:3px;background-color:#0c428b;color:white;box-shadow:0 0 0 2px #001947}.modal select:focus option:checked{background:#b6ecff;color:#002268}.modal input[type=checkbox]:focus{box-shadow:0 0 0 5px #0c428b}.modal input[type=range]:focus{accent-color:#a5edff}.modal a:focus{outline:3px solid #74e6ff;outline-offset:3px;background:#0c428b;color:white}.setup-screen .menu-bar:disabled{outline:none;box-shadow:0 7px 5px #0004;background:#ffffff6b;color:#ffffffcf}.setup-screen .menu-bar:disabled:after{display:none}@media(max-width:740px){.home-bars .menu-bar:focus:after,.stage-bars .menu-bar:focus:after{left:1.4vw;font-size:13px}.option-row{padding-right:42px}.option-row:focus:after{right:15px}.player-cycle button{min-width:46px;min-height:42px}}
/* Supplied character portraits and persistent challenger selection. */
.player-mugshot{display:inline-flex;width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:50%;border:2px solid #d9efff;background:#12345d;color:white;vertical-align:middle;box-shadow:0 2px 8px #0005}.portrait-initials{align-items:center;justify-content:center;font-size:20px;letter-spacing:1px}.player-nameplate>.player-mugshot{width:76px;height:76px;margin-bottom:12px}.player-nameplate[data-player-confirm]{cursor:pointer}.player-nameplate[data-player-confirm]:focus-visible{outline:3px solid #8ceaff;outline-offset:10px}.player-input-hint{font-size:18px;letter-spacing:1px;color:#fff;margin-top:26px}.player-card .player-mugshot{width:52px;height:52px;flex-basis:52px}.player-card .disc{width:13px;height:13px;flex-shrink:0}.opponent-bars .menu-bar>span{display:flex;align-items:center;gap:14px}.opponent-check{width:20px;flex:0 0 20px;font-family:Arial,sans-serif;font-size:22px}.menu-bar.opponent-selected{background:#c4edff;box-shadow:inset 0 0 0 3px #77d8fa,0 9px 5px #0009}.opponent-bars .menu-bar small{padding-left:82px}.opponent-bars{gap:20px}.opponent-bars .menu-bar{min-height:85px}.player-nameplate>strong:not(:has(img)){font-family:Refuel,Impact,sans-serif;font-size:clamp(48px,6.6vw,100px);line-height:1.1;text-transform:uppercase}
@media(max-height:800px){.opponent-bars{gap:15px}.opponent-bars .menu-bar{min-height:68px;padding-block:9px}.opponent-bars .player-mugshot{width:38px;height:38px;flex-basis:38px}.opponent-bars .menu-bar small{padding-left:72px}.player-input-hint{font-size:16px}}
.score-player .player-mugshot{width:52px;height:52px;flex-basis:52px}.score-player .disc{width:13px;height:13px;flex-shrink:0}.player-input-hint{margin-left:5.5vw}.setup-screen[data-stage="player"] .player-nameplate>.player-mugshot{margin-right:12px;vertical-align:middle}.setup-screen[data-stage="player"] .player-nameplate>.portrait-initials{display:inline-flex;font-size:24px;-webkit-text-stroke:0}

/* Larger scoreboard artwork, explicit turn/leader states, and a measured second row. */
.game-top{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:18px;top:20px;left:24px;right:24px;align-items:start}
.score-player,.score-player.right{position:relative;max-width:none;min-width:0;width:100%;gap:12px;padding:17px 18px;border:2px solid #5687bf;border-bottom:5px solid #5687bf;box-sizing:border-box;border-radius:8px;background:linear-gradient(110deg,#001b59ed,#082344df)}
.score-player .player-mugshot{width:72.8px;height:72.8px;flex-basis:72.8px;border-width:3px}.score-player .name{font-size:42px;line-height:1.02;overflow-wrap:anywhere;letter-spacing:.3px}.score-player .score-identity{min-width:0;flex:1}.score-player small{font-size:16px;line-height:1.3;letter-spacing:.8px;margin-top:6px}.score-player .score-number{font-size:61.6px;margin:0;flex:none}.score-player .turn-badge{display:block;font:16px/1.2 var(--title);letter-spacing:1.2px;color:#a3b6cc;margin-top:6px}
.score-player.active{border-color:#92eeff;background:linear-gradient(110deg,#075bcdf5,#063b99f2);box-shadow:0 0 0 2px #072451,0 0 20px #42cffa40}.score-player.active .turn-badge{color:#001944;background:#a5f1ff;display:inline-block;padding:4px 8px;border-radius:3px}.score-player.closest-player:after{content:'★ CLOSEST';position:absolute;right:12px;bottom:-14px;background:#ffdc79;color:#302200;border:2px solid #4a3711;padding:3px 8px;border-radius:4px;font:14px var(--title);letter-spacing:1px}.score-player.right.closest-player:after{right:auto;left:12px}
.set-info{min-width:0;padding-top:10px}.set-info strong{font-size:27px}.hud-secondary{position:absolute;top:calc(var(--header-bottom,170px) + 24px);left:24px;right:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px) minmax(0,1fr);gap:18px;align-items:start}.hud-secondary .weather-chip{position:static;max-width:none;width:fit-content;font-size:13px}.hud-secondary .leader-board{position:static;transform:none;width:auto;border:2px solid #6684ac;border-radius:6px;padding:10px 14px;box-sizing:border-box}.leader-board.has-leader{border:3px solid #ffdb79;background:linear-gradient(110deg,#243455f5,#072358f2);box-shadow:0 0 18px #ffd97026}.leader-board.has-leader>small{color:#ffde8c;font-size:15px}.leader-board>strong{font-size:29px;overflow-wrap:anywhere}.leader-board>span{font-size:15px}.hud-tools{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hud-tools .camera-button,.hud-tools .pause-button,.hud-tools .layout-button{position:static;font-size:15px;padding:10px}.hud-tools .layout-button{order:3}.placing .hud-secondary .leader-board{visibility:hidden}.announcement{top:38%}
@media(max-width:1150px){.game-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.set-info{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding-top:0}.set-info strong{font-size:22px}.set-info .wordmark{font-size:18px}.score-player .name{font-size:35px}.score-player small{font-size:14px}.score-player{grid-row:1}.hud-secondary{grid-template-columns:minmax(0,1fr) minmax(220px,300px) minmax(0,1fr);gap:10px}.hud-tools{flex-direction:column;align-items:flex-end}.announcement{top:45%}}
@media(max-width:740px){.game-top{left:12px;right:12px;top:12px;gap:8px}.score-player,.score-player.right{padding:10px 9px;gap:7px}.score-player .player-mugshot{width:58px;height:58px;flex-basis:58px}.score-player .disc{display:none}.score-player .name{font-size:26px}.score-player .score-number{font-size:39px}.score-player small{font-size:11px}.score-player .turn-badge{font-size:12px;letter-spacing:.3px}.score-player.closest-player:after{font-size:11px;bottom:-13px}.set-info{flex-wrap:wrap;gap:5px}.set-info .wordmark{display:none}.set-info strong{font-size:19px}.set-info small{font-size:11px}.hud-secondary{left:12px;right:12px;top:calc(var(--header-bottom,190px) + 18px);grid-template-columns:1fr 1fr}.hud-secondary .weather-chip{font-size:11px;padding:7px}.hud-secondary .leader-board{grid-column:2;grid-row:1/3;padding:7px}.leader-board>strong{font-size:23px}.leader-board>span,.leader-board.has-leader>small{font-size:12px}.hud-tools{grid-column:1;flex-direction:row;justify-content:flex-start;gap:4px}.hud-tools button{font-size:12px!important;padding:7px!important}.announcement{top:46%}}

.hud-secondary .weather-chip{display:block}

/* Uncluttered match HUD: fixed-size cards, one turn cue, one closest badge. */
#leaderBoard,#overheadReadout,#hud .bottom-left,#cameraMode,#layoutButton,#pauseButton{display:none!important}
.hud-secondary{grid-template-columns:minmax(0,1fr) auto;pointer-events:none}
.hud-tools{grid-column:2;grid-row:1}
.score-player,.score-player.right{height:142px;padding:12px 16px;gap:12px;align-items:center;transition:background-color .18s,border-color .18s,box-shadow .18s}
.score-player .player-mugshot{width:104px;height:104px;flex-basis:104px;object-fit:cover;border-width:3px}
.score-player .score-identity{align-self:center}
.score-player .name{font-size:clamp(28px,2.7vw,42px);line-height:1.05}
.score-player.full-name .name{font-size:clamp(17px,1.55vw,26px);white-space:normal;overflow-wrap:normal;line-height:1.12}
.score-player .turn-badge,.score-player.active .turn-badge{display:inline-block;min-height:25px;padding:4px 8px;margin-top:5px;border-radius:3px;line-height:17px;box-sizing:border-box}
.score-player .king-role{color:#ffcf58;text-shadow:0 1px 2px #352000}
.score-player.active{border-color:#b8f8ff;background:linear-gradient(110deg,#096de6,#144caa);box-shadow:inset 0 0 0 2px #b8f8ff,0 0 18px #38caff66}
.score-player.active .name{color:#fff;text-shadow:0 2px 3px #052454}
.score-player.active .turn-badge{background:#d3fcff;color:#002258;font-weight:bold}
.score-player:not(.active){background:linear-gradient(110deg,#071a3ff2,#112646f0);border-color:#3a5278}
.score-player:not(.active) .name{color:#c1cddd}
.score-player small{margin-top:3px}
.score-player .player-mugshot{order:0}
.score-player .score-identity{order:1}
.score-player .disc{order:2;display:block;width:76px;height:76px;flex:0 0 76px;border:2px solid #060c16;box-shadow:none;margin-inline:8px}
.score-player .score-number{order:3}
.shot-feedback{top:auto;bottom:65px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:9px 20px;border:0;border-radius:4px;background:#052456c9;font-size:22px;line-height:1.3;text-align:center;text-shadow:0 2px 4px #0008}
.announcement{top:calc(var(--header-bottom,170px) + 95px);width:540px;max-width:80vw;pointer-events:none}
.announcement strong{font-size:32px;line-height:1.1;margin:6px 0}.announcement small:empty{display:none}
.home-bars{gap:2.3vh;top:17%;bottom:12%}.home-bars .menu-bar{height:22%;min-height:0;flex:1}
.opponent-check{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;min-width:28px;height:28px}.opponent-selected .opponent-check{background:#092970;color:#fff}
.quit-dialog{text-align:center}.quit-dialog p{margin:20px 0 30px;font-size:20px}.quit-dialog .primary{width:100%}
/* Q descends below the capitals: match the cap height, not its total ink box. */
#quitHome .refuel-label{transform:scale(1.186013986) translateY(7.841981%);transform-origin:left center}
@media(max-width:1150px){.score-player .disc{width:62px;height:62px;flex-basis:62px;margin-inline:2px}}
@media(max-width:740px){.score-player .disc{display:block;width:44px;height:44px;flex-basis:44px;margin-inline:0}}
@media(max-width:1150px){.score-player,.score-player.right{height:132px;gap:9px;padding:10px 12px}.score-player .player-mugshot{width:92px;height:92px;flex-basis:92px}.score-player .name{font-size:31px}.score-player small{font-size:12px}.hud-secondary{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:740px){.score-player,.score-player.right{height:125px;gap:8px;padding:8px}.score-player .player-mugshot{width:72px;height:72px;flex-basis:72px}.score-player .name{font-size:25px}.score-player .score-number{font-size:35px}.score-player small{font-size:10px;letter-spacing:.2px}.score-player .turn-badge,.score-player.active .turn-badge{font-size:11px;padding:3px 5px;min-height:23px}.hud-secondary{grid-template-columns:minmax(0,1fr) auto}.hud-tools{grid-column:2;grid-row:1}.shot-feedback{bottom:77px;font-size:18px}.announcement{top:calc(var(--header-bottom,190px) + 85px)}.home-bars{top:24%;bottom:17%;gap:2vh}.home-bars .menu-bar{min-height:0}}