:root{--ink: #080a08;--cream: #efe7d5;--cream-dim: #b9b1a0;--brass: #c9a063;--brass-light: #e6c88e;--amber: #ffb066;--green: #17351f;--oxblood: #6d2a28;--line: rgba(233, 221, 199, .16);--line-strong: rgba(233, 221, 199, .34);--serif: "Didot", "Bodoni 72", "Playfair Display", "Iowan Old Style", Georgia, serif;--sans: -apple-system, "Helvetica Neue", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#app canvas{outline:none}.hidden{display:none!important}button{font-family:var(--sans);color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{position:fixed;inset:0;z-index:40}.eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);font-weight:600}.eyebrow span{opacity:.45;margin:0 .7em}#loader{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 46%,#10150f,#060806 62%,#030403);display:flex;align-items:center;justify-content:center;transition:opacity .7s ease}.loader-inner{text-align:center;width:300px}.loader-mark{font-family:var(--serif);font-size:36px;letter-spacing:.16em;color:var(--cream)}.loader-mark em{color:var(--brass);font-style:italic}.loader-line{margin:26px auto 16px;height:1px;width:240px;background:#c9a0632e;overflow:hidden}.loader-line i{display:block;height:100%;width:0;background:var(--brass);transition:width .3s ease}#loaderText{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-dim)}.menu-screen{background:transparent}.menu-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#030503f5,#030503db 30%,#03050352 58%,#03050375),linear-gradient(0deg,#030503d1,#03050300 38%);pointer-events:none}.menu-content{position:absolute;left:7vw;top:49%;transform:translateY(-50%);width:min(640px,47vw);animation:menuIn 1.1s ease both .15s}@keyframes menuIn{0%{opacity:0;transform:translateY(calc(-50% + 18px))}to{opacity:1;transform:translateY(-50%)}}.menu-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(66px,7.4vw,132px);line-height:.84;letter-spacing:-.015em;margin:22px 0 0;color:var(--cream);text-shadow:0 4px 40px rgba(0,0,0,.55)}.menu-content h1 em{font-style:italic;color:var(--brass-light)}.rule{margin:28px 0 22px;width:100%;max-width:470px;height:1px;background:linear-gradient(90deg,var(--line-strong),rgba(233,221,199,0));position:relative}.rule span{position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.25vw,21px);line-height:1.5;color:var(--cream-dim);margin:0 0 36px;max-width:440px}.menu-actions{display:flex;gap:14px;max-width:560px}.btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 22px 15px;min-width:212px;border:1px solid var(--line-strong);background:#0c100c59;color:var(--cream);transition:background .25s ease,border-color .25s ease,transform .25s ease;text-align:left}.btn span{font-size:12px;letter-spacing:.2em;font-weight:600}.btn small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--cream-dim)}.btn:hover{border-color:var(--brass);background:#c9a0631f;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#d9b778,#b98d4f);border-color:#e6c88e;color:#17130c}.btn.primary small{color:#17130c9e}.btn.primary:hover{background:linear-gradient(180deg,#e6c88e,#c99d5c)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:42px;max-width:560px;border-top:1px solid var(--line)}.controls>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(233,221,199,.08)}.controls b{font-size:9px;letter-spacing:.16em;font-weight:600;color:var(--brass);white-space:nowrap}.controls span{font-size:10px;letter-spacing:.06em;color:var(--cream-dim);text-align:right}.menu-side{position:absolute;right:4vw;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}.side-note{font-size:9px;letter-spacing:.42em;color:#efe7d557;white-space:nowrap}.menu-footer{position:absolute;left:7vw;right:4vw;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.22em;color:#efe7d552}.sound-btn{font-size:9px;letter-spacing:.22em;color:#efe7d585;border-bottom:1px solid rgba(239,231,213,.22);padding:2px 0}.sound-btn:hover{color:var(--brass);border-color:var(--brass)}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;user-select:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 30px 40px;background:linear-gradient(180deg,#00000085,#0000)}.player-card{display:flex;align-items:center;gap:13px;padding:10px 15px 10px 13px;min-width:216px;border:1px solid var(--line);background:#06090680;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:.55;transition:opacity .35s ease,border-color .35s ease,background .35s ease}.player-card.active{opacity:1;border-color:#c9a063a6;background:#0b0f0bb8;box-shadow:inset 0 0 30px #c9a0630f}.player-card.house{justify-content:flex-end;text-align:right}.pc-dot{width:7px;height:7px;border-radius:50%;background:#efe7d54d;transition:background .3s ease,box-shadow .3s ease}.player-card.active .pc-dot{background:var(--brass-light);box-shadow:0 0 12px #e6c88ecc}.pc-text{flex:1}.pc-name{font-size:10px;letter-spacing:.24em;font-weight:600;color:var(--cream)}.pc-group{margin-top:4px;font-size:9px;letter-spacing:.16em;color:var(--brass)}.pc-count{font-family:var(--serif);font-size:28px;line-height:1;color:var(--cream);opacity:.8}.hud-brand{position:absolute;left:50%;top:27px;transform:translate(-50%);font-family:var(--serif);font-size:16px;letter-spacing:.32em;color:#efe7d58c}.hud-brand em{color:var(--brass);font-style:italic;letter-spacing:.1em}.message{position:absolute;top:104px;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:clamp(18px,1.6vw,27px);color:var(--cream);text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.8);opacity:0;transition:opacity .45s ease,transform .45s ease;white-space:nowrap;max-width:80vw}.message.show{opacity:1;transform:translate(-50%) translateY(0)}.sub-message{position:absolute;top:142px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);opacity:0;transition:opacity .45s ease;white-space:nowrap}.sub-message.show{opacity:1}.crosshair{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:1px solid rgba(239,231,213,.3);border-radius:50%;opacity:.7}.crosshair span{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:var(--cream);box-shadow:0 0 8px #fff9}.crosshair.aiming{border-color:#ffb0668c}.spin-panel{position:absolute;left:34px;bottom:30px;width:176px;text-align:center}.panel-caption{font-size:8px;letter-spacing:.28em;color:#efe7d57a;margin-bottom:8px}.spin-ball-wrap{width:168px;height:168px;margin:0 auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}#spinCanvas{width:168px;height:168px;display:block}.spin-hint{margin-top:7px;font-size:8px;letter-spacing:.14em;color:#efe7d54d}.power-panel{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:min(430px,40vw);text-align:center}.power-head{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:.24em;color:#efe7d5b8;margin-bottom:8px}.power-head b{font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:.04em;color:var(--cream)}.power-track{height:8px;border:1px solid rgba(239,231,213,.34);padding:1px;background:#00000080}#powerFill{height:100%;width:0%;background:linear-gradient(90deg,#f0dcae,#ffbb6c 58%,#e2662c);transition:width .05s linear;box-shadow:0 0 16px #ffb25ab3}.action-hint{margin-top:9px;font-size:8px;letter-spacing:.22em;color:#efe7d58c;text-transform:uppercase;min-height:11px}.hud-bottom-right{position:absolute;right:34px;bottom:32px;text-align:right}.key-hint{font-size:9px;letter-spacing:.18em;color:#efe7d575;margin-top:8px}.key-hint.dim{color:#efe7d542;letter-spacing:.12em}.key-hint kbd{font-family:var(--sans);border:1px solid rgba(239,231,213,.24);padding:2px 5px;font-size:8px;margin-right:3px}.announce{position:absolute;left:50%;bottom:105px;transform:translate(-50%);padding:11px 22px;border:1px solid rgba(201,160,99,.45);background:#070a07b8;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.22em;color:var(--brass-light);white-space:nowrap;animation:pulseSoft 2.2s ease-in-out infinite}@keyframes pulseSoft{0%,to{border-color:#c9a0634d}50%{border-color:#c9a063b3}}.spectate{position:absolute;right:34px;top:104px;padding:8px 14px;border-left:1px solid var(--brass);font-size:9px;letter-spacing:.2em;color:var(--brass-light);background:linear-gradient(90deg,rgba(7,10,7,.4),transparent)}.click-to-play{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#02040273;cursor:pointer}.ctp-inner{text-align:center;padding:30px 50px;background:#060906b8;border:1px solid var(--line-strong);backdrop-filter:blur(6px)}.ctp-rule{width:40px;height:1px;background:var(--brass);margin:0 auto 18px}.ctp-text{font-family:var(--serif);font-size:24px;letter-spacing:.16em;color:var(--cream)}.ctp-sub{margin-top:10px;font-size:9px;letter-spacing:.18em;color:var(--cream-dim)}.dialog-screen{background:#0204029e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:60}.dialog{width:min(460px,88vw);padding:38px 40px 32px;background:linear-gradient(180deg,#0e120ef7,#080b08f7);border:1px solid var(--line-strong);box-shadow:0 40px 100px #0009;position:relative}.dialog:after{content:"";position:absolute;inset:6px;border:1px solid rgba(239,231,213,.05);pointer-events:none}.dialog.wide{width:min(540px,90vw);text-align:center}.dialog h2{font-family:var(--serif);font-weight:400;font-size:48px;margin:12px 0 24px;color:var(--cream);letter-spacing:.01em}.dialog-actions{display:flex;flex-direction:column;gap:9px}.dialog-actions.row{flex-direction:row;justify-content:center;gap:12px;margin-top:26px}.dialog-actions .btn{min-width:0;width:100%;align-items:center;padding:13px 18px}.dialog-actions.row .btn{width:auto;min-width:170px}.dialog-controls{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;color:#efe7d566}.dialog-controls b{color:var(--brass);font-weight:600;letter-spacing:.14em;margin-right:3px}.go-reason{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--cream-dim);margin:0 0 18px}.go-score{font-size:10px;letter-spacing:.2em;color:var(--brass)}.side-panel{position:fixed;top:0;right:0;bottom:0;width:min(410px,92vw);z-index:55;background:linear-gradient(180deg,#0a0d0af7,#060906fa);border-left:1px solid var(--line-strong);display:flex;flex-direction:column;padding:30px 28px 24px;box-shadow:-30px 0 80px #0006;animation:slideIn .35s ease both}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-head h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:6px 0 0;letter-spacing:.01em}.x-btn{font-size:26px;line-height:1;color:var(--cream-dim);padding:2px 6px;margin-top:-4px}.x-btn:hover{color:var(--brass)}.shot-list{flex:1;overflow-y:auto;margin:8px -8px 0;padding:0 8px}.shot-list::-webkit-scrollbar{width:4px}.shot-list::-webkit-scrollbar-thumb{background:#c9a0634d}.shot-entry{width:100%;display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid rgba(239,231,213,.07);text-align:left;transition:background .2s ease,padding-left .2s ease}.shot-entry:hover{background:#c9a0630d;padding-left:10px}.shot-num{font-family:var(--serif);font-size:24px;color:#efe7d566;width:34px;flex:0 0 34px}.shot-body{flex:1;min-width:0}.shot-line1{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.18em;color:var(--cream)}.shot-line1 .who{color:var(--brass)}.shot-line1 .foul{color:#d8775c;letter-spacing:.14em}.shot-line2{margin-top:5px;font-size:9px;letter-spacing:.08em;color:#efe7d566;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.potted-dots{display:inline-flex;gap:3px;margin-left:auto}.potted-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.4);box-shadow:inset -2px -2px 3px #00000059,inset 1px 1px 2px #ffffff80}.potted-dot.stripe{background:linear-gradient(0deg,#eee 0 27%,var(--dot) 27% 73%,#eee 73% 100%)}.panel-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;line-height:1.7;letter-spacing:.06em;color:#efe7d552}.replaybar{position:fixed;left:50%;bottom:26px;transform:translate(-50%);width:min(1080px,92vw);z-index:50;display:flex;align-items:center;gap:28px;padding:18px 24px;background:#060906db;border:1px solid var(--line-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #0000008c}.replay-info{flex:0 0 132px}.replay-title{font-family:var(--serif);font-size:23px;margin-top:5px}.replay-sub{font-size:9px;letter-spacing:.16em;color:var(--brass);margin-top:3px}.replay-mid{flex:1}.replay-controls{display:flex;gap:7px;flex-wrap:wrap}.replay-controls button{font-size:8px;letter-spacing:.16em;padding:7px 11px;border:1px solid var(--line);color:var(--cream-dim);transition:border-color .2s ease,color .2s ease,background .2s ease}.replay-controls button:hover{border-color:var(--brass);color:var(--cream);background:#c9a06314}.replay-track{margin-top:12px;height:3px;background:#efe7d524;cursor:pointer;position:relative}#replayFill{height:100%;width:0%;background:var(--brass);pointer-events:none}.replay-hint{margin-top:8px;font-size:8px;letter-spacing:.1em;color:#efe7d54d}.replay-score{flex:0 0 118px;text-align:right;font-size:9px;letter-spacing:.1em;line-height:1.7;color:#efe7d573}.toast{position:fixed;left:50%;bottom:160px;transform:translate(-50%) translateY(8px);z-index:70;font-size:9px;letter-spacing:.2em;padding:10px 18px;border:1px solid var(--line-strong);background:#070a07e0;color:var(--cream);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1100px){.menu-content{width:62vw}.menu-actions{flex-direction:column;max-width:300px}.controls{display:none}.power-panel{width:44vw}.spin-panel{transform:scale(.82);transform-origin:bottom left}}