:root{color:#e8e0d1;font-synthesis:none;text-rendering:optimizelegibility;background:#11100e;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 50% -20%,#393329,#11100e 55%);min-width:320px;margin:0}button,input{font:inherit}.game-shell{box-sizing:border-box;grid-template-rows:auto auto auto;align-content:center;gap:10px;width:min(1540px,100%);min-height:100svh;margin:auto;padding:12px 16px;display:grid}header,footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#b6a27c;letter-spacing:.24em;font-size:.62rem}h1{color:#f1e9d8;letter-spacing:.03em;margin:4px 0 0;font:500 clamp(1.4rem,3vw,2rem)/1 Georgia,serif}.match-status{color:#cfc2ac;align-items:center;gap:8px;font-size:.78rem;display:flex}.status-dot{background:#74bd72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #74bd72}.table-stage{background-color:#0d0c0b;background-image:url(/assets/billiards-hall-overhead-v3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:center;align-items:center;min-height:auto;padding:clamp(18px,2.8vw,42px);display:flex;box-shadow:inset 0 0 80px #000,0 20px 55px #0009}.canvas-stack{box-shadow:none;touch-action:none;width:min(100%,1520px);max-height:calc(100svh - 150px);position:relative}.game-shell.online .canvas-stack{max-height:calc(100svh - 235px)}.canvas-stack canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.table-canvas{filter:brightness(.93)saturate(.92)drop-shadow(0 13px 16px #000b);pointer-events:none;z-index:1}.cue-canvas{cursor:grab;z-index:3}.cue-canvas.charging{cursor:grabbing}.cue-canvas.placing{cursor:copy}.ball-canvas{pointer-events:none;z-index:2}footer{color:#ded6c6;padding:3px 0}.player{align-items:center;gap:9px;min-width:170px;display:flex}.room-footer-label{color:#8f8779;min-width:170px;font-size:.66rem}.avatar{color:#fff4df;background:#8b5234;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:.72rem;display:flex}.player strong,.player small{display:block}.player strong{font-size:.8rem}.player small{color:#8f8779;margin-top:2px;font-size:.66rem}.power{color:#a79e8d;background:linear-gradient(#29241e,#1c1915);border:1px solid #4f4436;border-radius:5px;flex-direction:column;align-items:stretch;gap:5px;min-width:min(28vw,250px);padding:7px 10px 6px;font-size:.7rem;display:flex}.power-label,.power b{color:#e5d4b8;font-size:.72rem}.charge-display{grid-template-columns:1fr auto;align-items:center;gap:4px;width:100%;display:grid}.charge-track{background:#0e0d0b;border:1px solid #665c4f;border-radius:99px;width:100%;height:7px;display:block;position:relative;overflow:hidden}.charge-fill{height:100%;width:var(--charge);background:linear-gradient(90deg,#b97a3d,#efb44f,#bd4331);position:absolute;top:0;left:0}.charge-head{height:11px;left:var(--charge);background:#e8c18a;border-radius:50%;width:11px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px #e9a84d}.charge-display small{color:#8d8170;text-align:right;min-width:48px;font-size:.58rem}.charge-display.charging small{color:#ebc18a}.actions{gap:8px;display:flex}button{color:#ddd1bd;cursor:pointer;font:inherit;background:#241f1a;border:1px solid #65533e;border-radius:3px;padding:8px 11px;font-size:.72rem}button:hover{color:#fff0d8;border-color:#b38a57}.primary{background:#744328;border-color:#a86d42}.match-hud{background:linear-gradient(#29241e,#171411);border:1px solid #4f4336;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(170px,.34fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:74px;padding:8px 10px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0008,inset 0 1px #ffffff0a}.hud-player{opacity:.66;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;min-width:0;padding:6px 8px;transition:border-color .18s,box-shadow .18s,opacity .18s;display:flex}.hud-player.guest{text-align:right;flex-direction:row-reverse}.hud-player.active,.hud-player.winner{opacity:1;background:#66432742;border-color:#9d6d42;box-shadow:inset 0 0 20px #bb79411a}.hud-player.winner{border-color:#d2a55d;box-shadow:inset 0 0 24px #c8924029,0 0 15px #c8924022}.profile-avatar{background:#12110f;border:1px solid #625746;border-radius:50%;flex:none;width:50px;height:50px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.profile-avatar.empty{background:#171512;border-color:#51483c}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.hud-player.active .profile-avatar{border-color:#c28c54;box-shadow:0 0 12px #bd7f4147,inset 0 0 12px #0007}.hud-player-copy{min-width:0}.hud-player-copy>span{color:#948979;letter-spacing:.05em;font-size:.57rem;display:block}.hud-player-copy>strong{color:#eadfce;text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin:2px 0 6px;font-size:.78rem;display:block;overflow:hidden}.scored-balls{gap:5px;display:flex}.hud-player.guest .scored-balls{justify-content:flex-end}.hud-ball,.hud-ball-slot{box-sizing:border-box;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.hud-ball-slot{background:#0b0a09;border:1px solid #3d372f;box-shadow:inset 0 1px 3px #000}.hud-ball{overflow:visible}.hud-ball img{object-fit:contain;width:100%;height:100%;display:block}.match-hud-center{text-align:center;border-left:1px solid #493e32;border-right:1px solid #493e32;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:0 12px;display:flex}.match-hud-center strong{color:#e6c28f;font:500 .92rem/1.2 Georgia,serif}.match-hud-center small{color:#908575;max-width:240px;margin-top:5px;font-size:.61rem;line-height:1.35;display:block}.settings-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#050403c2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-dialog{color:#ded5c6;background:linear-gradient(145deg,#312b23fa,#171411fc);border:1px solid #655542;border-radius:10px;width:min(430px,100%);max-height:calc(100svh - 40px);padding:20px;overflow:auto;box-shadow:0 28px 80px #000d,inset 0 1px #ffffff0b}.settings-header{justify-content:space-between;align-items:flex-start;display:flex}.settings-header h2{color:#f0e7d6;margin:5px 0 0;font:500 1.35rem/1.1 Georgia,serif}.icon-button{background:0 0;border-color:#51473c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0 0 2px;font-size:1.25rem;line-height:1;display:flex}.settings-section{border-top:1px solid #4a4034;margin-top:18px;padding-top:18px}.profile-section-heading strong,.profile-section-heading small{display:block}.profile-section-heading strong{color:#e4d9c8;font-size:.78rem}.profile-section-heading small{color:#8f8576;margin-top:3px;font-size:.64rem}.profile-settings-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.profile-editor{background:#151310;border:1px solid #443b31;border-radius:6px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 9px;padding:9px;display:grid}.profile-avatar-upload{cursor:default;grid-row:1/span 2}.profile-avatar-upload.editable{cursor:pointer}.profile-avatar-upload.editable:hover .profile-avatar{border-color:#ba8150}.profile-avatar-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-role{color:#918575;letter-spacing:.08em;font-size:.58rem}.profile-name-input{color:#e1d5c3;font:inherit;background:#0f0e0c;border:1px solid #4c4135;border-radius:4px;width:100%;min-width:0;padding:6px 7px;font-size:.7rem}.profile-name-input:focus{border-color:#a77347;outline:none}.profile-readonly-name{color:#dfd3c1;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.settings-label,.invite-field>span{color:#a99d8b;letter-spacing:.06em;margin-bottom:8px;font-size:.68rem;display:block}.mode-switch{background:#151310;border:1px solid #4c4135;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-switch button{background:0 0;border-color:#0000}.mode-switch button.active{color:#fff0da;background:linear-gradient(#744b30,#55321f);border-color:#9b6b43}.online-settings{gap:14px;display:grid}.room-summary{justify-content:space-between;align-items:center;display:flex}.room-summary div span{color:#9d9281;font-size:.66rem;display:block}.room-summary strong{color:#f2dfc1;letter-spacing:.14em;margin-top:3px;font:500 1.2rem/1.2 Georgia,serif;display:block}.room-presence{color:#a9d1a5;background:#233324;border:1px solid #436044;border-radius:99px;padding:5px 9px;font-size:.66rem}.invite-row{grid-template-columns:1fr auto;gap:7px;display:grid}.invite-row input{color:#bdb19e;font:inherit;background:#11100e;border:1px solid #4d4235;border-radius:4px;min-width:0;padding:8px 9px;font-size:.68rem}.create-room-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.create-room-panel p{color:#a99d8b;margin:0;font-size:.72rem;line-height:1.5}.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{color:#e4d9c8;font-size:.78rem}.setting-row small{color:#8f8576;margin-top:3px;font-size:.64rem}.switch-control{background:#14120f;border-color:#54483a;border-radius:99px;width:45px;height:25px;padding:3px;transition:background .16s,border-color .16s}.switch-control span{background:#8f8475;border-radius:50%;width:17px;height:17px;transition:transform .16s,background .16s;display:block;transform:translate(0)}.switch-control.active{background:#684328;border-color:#a87347}.switch-control.active span{background:#f0c58b;transform:translate(19px)}@media (width<=700px){.game-shell{gap:10px;padding:14px}.table-stage{padding:14px}footer{flex-wrap:wrap}.actions{margin-left:auto}.power{order:3;justify-content:center;width:100%;min-width:0}.canvas-stack,.game-shell.online .canvas-stack{max-height:none}.match-hud{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:5px;padding:6px}.hud-player{align-items:flex-start;gap:6px;padding:5px}.profile-avatar{width:36px;height:36px}.hud-player-copy>strong{max-width:90px;font-size:.67rem}.scored-balls{grid-template-columns:repeat(4,18px);gap:3px;display:grid}.hud-ball,.hud-ball-slot{width:18px;height:18px;font-size:.48rem}.match-hud-center{padding:0 5px}.match-hud-center strong{font-size:.72rem}.match-hud-center small{font-size:.5rem}.settings-dialog{padding:17px}.create-room-panel{flex-direction:column;align-items:stretch}.profile-settings-grid{grid-template-columns:1fr}}