:root{--billiards-gold:#d6ad63;--billiards-ivory:#efe2c3;--billiards-teal:#54b69a;--billiards-ink:#030807;--billiards-panel:#05100eeb}*{box-sizing:border-box}body{color:#e8dec8;background:#020606;margin:0}button,input,select{font:inherit}.billiards-shell{isolation:isolate;color:#e8dec8;background:#030807;height:100svh;min-height:600px;font-family:Noto Sans TC,sans-serif;position:relative;overflow:hidden}.billiards-keyart{z-index:-2;filter:saturate(.72)brightness(.7);background:linear-gradient(90deg,#010606f2,#010707a6 42%,#010606e6),url(/chu-han-realm-pages/_next/static/billiards-night-club-v1.png) 50% 48%/cover no-repeat;position:fixed;inset:0}.billiards-keyart:after{content:"";background:radial-gradient(circle at 53% 46%,#0000 0 24%,#010606bf 78%),linear-gradient(#0000 64%,#010707e0);position:absolute;inset:0}.billiards-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020908e6;border-bottom:1px solid #d6ad6338;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 clamp(14px,2vw,34px);display:grid;box-shadow:0 12px 50px #00000061}.billiards-home{color:#b4c7bf;letter-spacing:.12em;font-size:12px;font-weight:700;text-decoration:none}.billiards-brand{align-items:center;gap:12px;display:flex}.billiards-brand>span{border:1px solid var(--billiards-gold);width:42px;height:42px;color:var(--billiards-gold);place-items:center;font:700 23px Noto Serif TC,serif;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 18px #d6ad6321}.billiards-brand>div{flex-direction:column;display:flex}.billiards-brand small,.panel-kicker{color:#5fb39d;letter-spacing:.27em;font-size:7px;font-weight:700}.billiards-brand h1{letter-spacing:.16em;margin:2px 0 0;font:700 21px/1.2 Noto Serif TC,serif}.billiards-header nav{justify-self:end;gap:6px;display:flex}.billiards-header button,.text-action{color:#d8c7a7;cursor:pointer;letter-spacing:.08em;background:#061210b8;border:1px solid #d6ad6338;min-height:36px;padding:0 13px}.billiards-header button:hover{border-color:var(--billiards-gold);color:#fff0c8}.billiards-layout{grid-template-columns:minmax(196px,236px) minmax(470px,1fr) minmax(206px,252px);align-items:stretch;gap:10px;max-width:1720px;height:calc(100svh - 64px);min-height:0;margin:auto;padding:10px clamp(10px,1.25vw,20px) 12px;display:grid}.billiards-panel{background:linear-gradient(145deg,#081714f0,#020909ed);border:1px solid #54b69a2b;min-height:0;padding:15px;overflow:auto;box-shadow:0 24px 70px #0000005c,inset 0 1px #ffffff06}.billiards-panel h2{color:#eadab8;letter-spacing:.08em;margin:5px 0 0;font:700 23px/1.25 Noto Serif TC,serif}.rule-english{color:#6d847c;letter-spacing:.19em;margin-top:3px;font-size:8px;display:block}.player-score{opacity:.65;background:#0107078a;border:1px solid #ffffff12;grid-template-columns:31px 1fr;align-items:center;gap:9px;margin-top:12px;padding:10px 34px 10px 9px;transition:all .2s;display:grid;position:relative}.player-score.active{opacity:1;box-shadow:inset 2px 0 var(--billiards-gold);background:linear-gradient(90deg,#d6ad631f,#020a09b8);border-color:#d6ad638c}.player-score>i{color:#dbc07f;border:1px solid #d6ad6366;border-radius:50%;place-items:center;width:30px;height:30px;font:14px Noto Serif TC,serif;display:grid}.player-score span{flex-direction:column;min-width:0;display:flex}.player-score small{color:#588d80;letter-spacing:.18em;font-size:6px}.player-score b{color:#e8dbc1;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font:700 12px Noto Serif TC,serif;overflow:hidden}.player-score em{color:#72857f;font:8px/1.5 Noto Sans TC,sans-serif}.player-score>strong{color:#d9bc78;font:700 25px Noto Serif TC,serif;position:absolute;right:10px}.match-format{border:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.match-format span{text-align:center;border-right:1px solid #ffffff12;flex-direction:column;padding:8px 5px;display:flex}.match-format span:last-child{border:0}.match-format small{color:#60756e;font-size:7px}.match-format b{color:#d7c39b;margin-top:2px;font-size:11px}.rule-brief{border-left:2px solid var(--billiards-gold);background:#d6ad630e;margin-top:11px;padding:11px}.rule-brief>b,.shot-history>b{color:#d9be82;font:700 12px Noto Serif TC,serif}.rule-brief p{color:#a9bab4;margin:5px 0;font-size:10px;line-height:1.55}.rule-brief small{color:#647870;font-size:8px;line-height:1.5;display:block}.text-action{color:#82978f;width:100%;min-height:34px;margin-top:9px;font-size:9px}.billiards-console{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid}.table-status{background:#030d0ced;border:1px solid #54b69a33;grid-template-columns:repeat(3,1fr);display:grid}.table-status span{border-right:1px solid #ffffff12;min-width:0;padding:7px 11px}.table-status span:last-child{border:0}.table-status small{color:#587b70;letter-spacing:.14em;font-size:7px;display:block}.table-status b{color:#e8d8b7;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.billiards-table-frame{background:linear-gradient(145deg,#0d0906,#020606);border:1px solid #d6ad6357;border-top:0;place-items:center;min-height:0;padding:8px;display:grid;position:relative;box-shadow:0 32px 80px #0000008c,inset 0 0 44px #d6ad630b}.billiards-canvas{aspect-ratio:2;touch-action:none;cursor:crosshair;filter:drop-shadow(0 18px 22px #00000070);border-radius:3px;width:100%;max-width:100%;height:auto;max-height:100%;display:block}.shot-ribbon{z-index:3;pointer-events:none;background:linear-gradient(105deg,#020f0df5,#020d0cc7);border:1px solid #54b69a47;grid-template-columns:8px 1fr;align-items:center;gap:10px;width:min(390px,100% - 36px);min-height:54px;padding:8px 12px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 14px 35px #0000006b}.shot-ribbon>i{background:#59d5b2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #59d5b2}.shot-ribbon span{flex-direction:column;display:flex}.shot-ribbon small{color:#4b8e7d;letter-spacing:.25em;font-size:6px}.shot-ribbon b{color:#e6d7b8;margin-top:2px;font:700 12px/1.4 Noto Serif TC,serif}.shot-ribbon.phase-moving>i{background:#efc36d;animation:.55s infinite billiardsPulse;box-shadow:0 0 18px #efc36d}.shot-ribbon.phase-rack-over,.shot-ribbon.phase-match-over{border-color:#d6ad63}.placement-hint{z-index:3;background:#130e07e0;border:1px solid #d6ad637a;flex-direction:column;padding:9px 12px;display:flex;position:absolute;bottom:18px;right:18px}.placement-hint b{color:#f2d28f;font:700 13px Noto Serif TC,serif}.placement-hint span{color:#a89573;font-size:8px}.placement-feedback{color:#98aaa4;background:#03100ef0;border:1px solid #54b69a33;border-top:0;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:42px;padding:7px 9px;font-size:9px;display:grid}.placement-feedback>i{background:#63d3b3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #63d3b3}.placement-feedback span{flex-direction:column;gap:2px;display:flex}.placement-feedback b{color:#d9c18f;font-size:9px}.placement-feedback button{color:#bdad89;cursor:pointer;background:#091613;border:1px solid #d6ad6340;min-height:30px;font-size:8px}.call-rail{background:#030d0ced;border:1px solid #54b69a2e;border-top:0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:47px;padding:5px 8px;display:grid}.call-rail>span{flex-direction:column;display:flex}.call-rail>span small{color:#4a8275;font-size:6px}.call-rail>span b{color:#d2bf99;font:700 11px Noto Serif TC,serif}.call-balls{scrollbar-width:none;gap:3px;min-width:0;display:flex;overflow-x:auto}.mini-ball{--ball:#eee;background:var(--ball);color:#111;cursor:pointer;border:2px solid #e7e4d7;border-radius:50%;flex:0 0 26px;width:26px;height:26px;font:700 8px Arial;box-shadow:inset 0 0 0 1px #0000002e,0 4px 7px #0000004d}.mini-ball.active{outline-offset:2px;outline:2px solid #f1ca70;transform:translateY(-1px)}.ball-1,.ball-9{--ball:#e7be39}.ball-2,.ball-10{--ball:#315eaa;color:#fff}.ball-3,.ball-11{--ball:#c23b39;color:#fff}.ball-4,.ball-12{--ball:#624692;color:#fff}.ball-5,.ball-13{--ball:#dc7c2c}.ball-6,.ball-14{--ball:#2e895d;color:#fff}.ball-7,.ball-15{--ball:#7d2636;color:#fff}.ball-8{--ball:#111;color:#fff}.call-rail label{color:#71867f;align-items:center;gap:5px;font-size:8px;display:flex}.call-rail select{color:#dac49a;background:#07110f;border:1px solid #d6ad6340;height:28px;font-size:9px}.safety-call input{accent-color:#d6ad63}.cue-controls{background:linear-gradient(90deg,#040f0df7,#0c0c07f5);border:1px solid #d6ad6338;border-top:0;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:6px 8px;display:grid}.cue-controls>label{grid-template-columns:74px 1fr;align-items:center;gap:8px;display:grid}.cue-controls label>span{flex-direction:column;display:flex}.cue-controls label small{color:#5a8e80;font-size:6px}.cue-controls label b{color:#d5c29a;font:700 11px Noto Serif TC,serif}.cue-controls input[type=range]{accent-color:#d6ad63;width:100%}.cue-actions{gap:6px;display:flex}.shoot-button,.push-button{color:#171006;cursor:pointer;letter-spacing:.12em;background:linear-gradient(135deg,#daba72,#8f6929);border:1px solid #d6ad63;min-height:40px;font-weight:800}.shoot-button{justify-content:center;align-items:center;gap:7px;min-width:104px;display:flex}.shoot-button small{letter-spacing:.05em;font-size:6px}.shoot-button:disabled,.push-button:disabled{opacity:.35;cursor:not-allowed}.push-button{color:#76cbb4;background:#0b211c;border-color:#54b69a66;padding:0 10px;font-size:8px}.push-button.active{color:#f0d69b;background:#403113;border-color:#f0c768}.target-readout{background:#01070780;border:1px solid #d6ad6326;flex-direction:column;margin-top:13px;padding:12px;display:flex}.target-readout small{color:#5e8479;letter-spacing:.16em;font-size:7px}.target-readout b{color:#ead7ad;margin-top:3px;font:700 24px Noto Serif TC,serif}.target-readout span{color:#84978f;font-size:9px}.spin-control{border:1px solid #ffffff12;grid-template-columns:68px 1fr;gap:10px;margin-top:12px;padding:11px;display:grid}.cue-dot{background:radial-gradient(circle at 35% 28%,#fff,#dedbd0 68%,#86877f);border:2px solid #cfcbbd;border-radius:50%;width:64px;height:64px;position:relative;box-shadow:0 8px 18px #00000059}.cue-dot:before,.cue-dot:after{content:"";background:#2e4b4442;position:absolute}.cue-dot:before{width:1px;top:5px;bottom:5px;left:50%}.cue-dot:after{height:1px;top:50%;left:5px;right:5px}.cue-dot i{z-index:2;background:#a53d32;border-radius:50%;width:9px;height:9px;margin:-4.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #a53d322e}.spin-sliders{flex-direction:column;justify-content:center;gap:6px;display:flex}.spin-control label{grid-template-columns:38px 1fr;align-items:center;gap:4px;display:grid}.spin-control label span{color:#71877f;font-size:8px}.spin-control input{accent-color:#58b69b;width:100%}.spin-readout{border-top:1px solid #ffffff0f;grid-column:1/-1;gap:3px;margin:0;padding-top:8px;display:grid}.spin-readout b{color:#d9c18f;letter-spacing:.08em;font:700 9px/1.25 Noto Sans TC,sans-serif}.spin-readout span{color:#7f948c;font-size:8px;line-height:1.55}.control-legend{grid-template-columns:1fr 1fr;gap:5px;margin-top:12px;display:grid}.control-legend span{color:#72867f;border:1px solid #ffffff0e;align-items:center;gap:6px;padding:6px;font-size:7px;display:flex}.control-legend kbd{color:#d4bd8a;min-width:30px;font:700 7px Noto Sans TC,sans-serif}.shot-history{border-top:1px solid #ffffff12;margin-top:12px;padding-top:10px}.shot-history ol{gap:4px;margin:7px 0 0;padding:0;list-style:none;display:grid}.shot-history li{color:#82958e;border-left:1px solid #3e7568;padding-left:9px;font-size:8px;line-height:1.45}.shot-history p{color:#657a73;font-size:8px;line-height:1.6}.billiards-overlay{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#010606c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.billiards-setup,.rules-drawer,.billiards-result{background:linear-gradient(145deg,#0b1d19fa,#020909fc);border:1px solid #d6ad637a;width:min(1120px,100%);max-height:96svh;padding:clamp(20px,2.6vw,34px);position:relative;overflow:auto;box-shadow:0 45px 120px #000}.billiards-setup>h2,.rules-drawer>h2,.billiards-result h2{color:#efdfbd;letter-spacing:.08em;margin:5px 0;font:700 clamp(28px,3.2vw,44px)/1.2 Noto Serif TC,serif}.setup-lead{color:#8fa29b;max-width:660px;margin:5px 0 15px;font-size:11px;line-height:1.65}.rule-cards{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.rule-cards button{text-align:left;color:#ddd0b7;cursor:pointer;background:linear-gradient(145deg,#0d1d19,#04100e);border:1px solid #ffffff17;min-height:148px;padding:14px;position:relative}.rule-cards button:hover,.rule-cards button.active{background:linear-gradient(145deg,#d6ad6329,#071410);border-color:#d6ad63;box-shadow:inset 0 -2px #d6ad63}.rule-cards i{color:#395e55;font:24px Noto Serif TC,serif;position:absolute;top:9px;right:10px}.rule-cards small,.rule-cards b,.rule-cards span,.rule-cards em{display:block}.rule-cards small{color:#54aa94;letter-spacing:.18em;font-size:7px}.rule-cards b{color:#f0dfbc;margin-top:7px;font:700 20px Noto Serif TC,serif}.rule-cards span{color:#8ea29b;margin-top:6px;font-size:9px;line-height:1.55}.rule-cards em{color:#806f50;font:8px Noto Sans TC,sans-serif;position:absolute;bottom:11px;left:14px}.setup-options{grid-template-columns:1.1fr 1.25fr .8fr .7fr;gap:8px;margin-top:10px;display:grid}.setup-options fieldset{border:1px solid #ffffff14;align-items:center;gap:4px;min-width:0;margin:0;padding:8px;display:flex}.setup-options legend{color:#5b7b72;letter-spacing:.12em;padding:0 5px;font-size:7px}.setup-options button{color:#778a83;cursor:pointer;background:#081411;border:1px solid #0000;flex:1;min-height:32px;font-size:8px}.setup-options button.active{color:#e8d29b;background:#2a2414;border-color:#b9934d}.setup-options button:disabled{opacity:.28;cursor:not-allowed}.setup-options .felt-swatch{border-color:#ffffff24;border-radius:50%;min-width:25px}.felt-swatch.emerald{background:#226c55}.felt-swatch.midnight{background:#183b51}.felt-swatch.claret{background:#742d38}.setup-options .felt-swatch.active{box-shadow:0 0 0 2px #d6ad63}.setup-note{color:#718880;background:#54b69a0d;border-left:2px solid #56aa94;gap:24px;margin-top:9px;padding:8px 10px;font-size:8px;display:flex}.setup-note b{color:#a8c5bb;margin-right:5px}.billiards-setup footer{justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.primary-start,.resume-button,.rules-drawer>button:last-child,.billiards-result button,.billiards-result a{color:#ddc99e;cursor:pointer;letter-spacing:.08em;background:#0a1815;border:1px solid #d6ad635c;min-height:42px;padding:0 18px;font-weight:700;text-decoration:none}.primary-start{border-color:#d6ad63;min-width:150px;color:#160f05!important;background:linear-gradient(135deg,#d8b66d,#8a6428)!important}.primary-start span{margin-left:16px}.resume-button{color:#8fb5a9;border-color:#54b69a57}.rules-drawer{width:min(980px,100%)}.drawer-close{color:#d9c49a;cursor:pointer;background:0 0;border:1px solid #ffffff1a;width:40px;height:40px;font-size:23px;position:absolute;top:13px;right:13px}.rules-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px;display:grid}.rules-grid article{background:#0108078a;border:1px solid #ffffff14;padding:14px}.rules-grid small{color:#50a38e;letter-spacing:.15em;font-size:7px}.rules-grid h3{color:#e5d3ad;margin:5px 0;font:700 17px Noto Serif TC,serif}.rules-grid p,.rules-grid li,.rules-grid em{color:#899d96;font-size:8px;line-height:1.55}.rules-grid ul{padding-left:15px}.rules-grid em{color:#9a8258;border-top:1px solid #d6ad6326;padding-top:8px;font-style:normal;display:block}.rules-scope{background:#d6ad630d;border-left:2px solid #d6ad63;margin:10px 0;padding:10px}.rules-scope b{color:#dcc28c;font:700 12px Noto Serif TC,serif}.rules-scope p{color:#83968f;margin:4px 0;font-size:9px;line-height:1.6}.rules-drawer>.primary-start{float:right}.billiards-result{text-align:center;width:min(520px,100%)}.billiards-result>small{color:#55ad97;letter-spacing:.3em;font-size:8px}.billiards-result>i{color:#e7c87f;border:1px solid #d6ad63;place-items:center;width:76px;height:76px;margin:20px auto;font:700 34px Noto Serif TC,serif;display:grid;transform:rotate(45deg)}.billiards-result h2{font-size:30px}.billiards-result p{color:#81958d}.billiards-result>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.billiards-result button,.billiards-result a{justify-content:center;align-items:center;display:flex}.player-score small{font-size:8px}.player-score b{font-size:13px}.player-score em{font-size:10px}.match-format small{font-size:9px}.match-format b{font-size:12px}.rule-english{font-size:10px}.rule-brief p{font-size:11px}.rule-brief small,.text-action{font-size:10px}.table-status small{font-size:9px}.table-status b{font-size:13px}.shot-ribbon small{font-size:8px}.shot-ribbon b{font-size:14px}.placement-hint span{font-size:10px}.call-rail>span small{font-size:8px}.call-rail>span b{font-size:13px}.call-rail label,.call-rail select{font-size:10px}.cue-controls label small{font-size:8px}.cue-controls label b{font-size:13px}.shoot-button small{font-size:8px}.push-button{font-size:10px}.target-readout small{font-size:9px}.target-readout span{font-size:11px}.spin-control label span,.control-legend span,.control-legend kbd,.shot-history li,.shot-history p{font-size:9px}.setup-lead{font-size:13px}.rule-cards small{font-size:9px}.rule-cards span{font-size:11px}.rule-cards em{font-size:9px}.setup-options legend,.setup-options button,.setup-note{font-size:10px}.rules-grid small{font-size:9px}.rules-grid p,.rules-grid li,.rules-grid em,.rules-scope p{font-size:10px}.decision-hint{background:#031e19f0;border-color:#62c8ac}@keyframes billiardsPulse{50%{opacity:.55;transform:scale(1.55)}}@media (max-width:1120px){.billiards-layout{grid-template-columns:190px minmax(470px,1fr)}.shot-panel{display:none}}@media (max-width:760px){.billiards-shell{height:auto;min-height:100svh;overflow:auto}.billiards-keyart{background:linear-gradient(#010707c7,#010707fa),url(/chu-han-realm-pages/_next/static/billiards-night-club-v1.png) 58% 0/auto 45% no-repeat}.billiards-header{grid-template-columns:auto 1fr auto;height:60px;padding:0 9px}.billiards-brand{justify-self:center;gap:7px}.billiards-brand>span{width:34px;height:34px;font-size:18px}.billiards-brand h1{font-size:16px}.billiards-brand small{display:none}.billiards-home{font-size:10px}.billiards-header nav{gap:2px}.billiards-header nav button{min-height:34px;padding:0 7px;font-size:9px}.billiards-header nav button:first-child{display:none}.billiards-layout{height:auto;padding:6px 6px max(12px,env(safe-area-inset-bottom));display:block}.match-panel{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:5px;padding:7px 9px;display:grid}.match-panel>.panel-kicker,.match-panel>h2,.rule-english,.match-format,.rule-brief,.match-panel>.text-action{display:none}.player-score{grid-template-columns:28px 1fr;min-height:50px;margin:0;padding:5px 28px 5px 5px}.player-score>i{width:27px;height:27px;font-size:12px}.player-score small{font-size:7px}.player-score b{font-size:11px}.player-score em{font-size:8px}.player-score>strong{font-size:19px;right:7px}.billiards-console{grid-template-rows:auto auto auto auto;display:grid}.table-status span{padding:7px}.table-status small{font-size:7px}.table-status b{font-size:10px}.billiards-table-frame{min-height:0;padding:4px}.billiards-canvas{aspect-ratio:2;width:100%;height:auto}.shot-ribbon{width:min(310px,100% - 14px);min-height:42px;padding:6px 8px;top:7px;left:7px}.shot-ribbon small{font-size:7px}.shot-ribbon b{font-size:11px}.placement-hint{padding:6px 8px;bottom:7px;right:7px}.placement-hint b{font-size:12px}.placement-hint span{font-size:8px}.call-rail{grid-template-columns:auto 1fr auto;min-height:46px;padding:5px}.call-rail .safety-call{display:none}.mini-ball{flex-basis:27px;width:27px;height:27px}.call-rail>span small{font-size:7px}.call-rail>span b{font-size:11px}.call-rail label{font-size:8px}.call-rail select{max-width:72px;height:29px;font-size:9px}.cue-controls{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030e0cf5;min-height:62px;padding:7px;position:sticky;bottom:0}.cue-controls>label{grid-template-columns:58px 1fr}.cue-controls label small{display:none}.cue-controls label b{font-size:12px}.shoot-button{min-width:96px;min-height:46px;font-size:12px}.push-button{justify-content:center;align-items:center;min-height:46px;font-size:10px;display:flex}.shot-panel{margin-top:5px;padding:8px;display:block}.shot-panel>.panel-kicker,.shot-panel>h2,.target-readout,.control-legend,.shot-history{display:none}.spin-control{grid-template-columns:46px 1fr;margin:0;padding:6px}.cue-dot{width:44px;height:44px}.cue-dot i{width:7px;height:7px;margin:-3.5px}.spin-control label span{font-size:9px}.spin-readout{padding-top:5px}.spin-readout span{font-size:7px}.billiards-overlay{align-items:start;padding:6px;overflow:auto}.billiards-setup,.rules-drawer{min-height:calc(100svh - 12px);max-height:none;padding:16px 12px}.billiards-setup>h2,.rules-drawer>h2{font-size:25px}.setup-lead{margin-bottom:9px;font-size:11px}.rule-cards{grid-template-columns:1fr 1fr;gap:5px}.rule-cards button{min-height:132px;padding:10px}.rule-cards small{font-size:8px}.rule-cards b{font-size:17px}.rule-cards span{font-size:10px}.rule-cards em{font-size:8px;bottom:8px;left:10px}.setup-options{grid-template-columns:1fr 1fr}.setup-options fieldset{padding:6px}.setup-options legend,.setup-options button{font-size:9px}.setup-options button{min-height:35px}.setup-note{font-size:9px;display:block}.setup-note span{display:block}.billiards-setup footer{background:linear-gradient(#0000,#03100e 25%);padding-top:8px;position:sticky;bottom:0}.billiards-setup footer>*{flex:1;padding-inline:8px}.rules-grid{grid-template-columns:1fr 1fr}.rules-grid article{padding:10px}.rules-grid h3{font-size:16px}.rules-grid p,.rules-grid li,.rules-grid em,.rules-scope p{font-size:10px}.billiards-result{margin:auto;padding:24px 16px}.billiards-result h2{font-size:25px}}@media (max-width:390px){.rule-cards button{min-height:119px}.rule-cards span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.setup-options{grid-template-columns:1fr}.setup-options fieldset{min-height:43px}.rules-grid{grid-template-columns:1fr}.rules-grid article{padding:9px}.billiards-brand h1{font-size:14px}.billiards-header nav button{padding-inline:5px}}@media (max-height:700px) and (min-width:761px){.billiards-header{height:56px}.billiards-layout{height:calc(100svh - 56px);padding-top:6px}.billiards-panel{padding:10px}.player-score{margin-top:7px;padding-block:7px}.rule-brief{margin-top:7px;padding:8px}.billiards-setup{padding:18px}.rule-cards button{min-height:132px}.setup-options{margin-top:7px}.setup-note{margin-top:6px}.billiards-setup footer{margin-top:8px}}.billiards-canvas:focus-visible{outline-offset:3px;outline:3px solid #6fe2c2;box-shadow:0 0 0 7px #6fe2c224}@media (min-width:761px){.setup-options{grid-template-columns:1.1fr 1.25fr .8fr .7fr .72fr}}@media (max-width:760px){.billiards-setup{padding-bottom:78px}.billiards-setup footer{z-index:4;right:12px;bottom:max(8px,env(safe-area-inset-bottom));background:#03100ef5;margin:0;padding:7px;position:fixed;left:12px;box-shadow:0 -16px 34px #010707c2}}@media (max-width:760px) and (max-height:500px) and (orientation:landscape){.billiards-shell{height:100svh;min-height:0;overflow:hidden}.billiards-header{height:52px}.billiards-home,.billiards-header nav button{min-height:44px}.billiards-layout{height:calc(100svh - 52px);min-height:0;padding:4px;display:block}.match-panel,.shot-panel{display:none}.billiards-console{grid-template-rows:38px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 188px;gap:4px;height:100%;min-height:0;display:grid}.table-status{grid-area:1/1/auto/-1}.table-status span{padding:4px 7px}.billiards-table-frame{border-top:1px solid #d6ad6357;grid-area:2/1}.billiards-canvas{width:auto;max-width:100%;height:auto;max-height:100%}.call-rail{border-top:1px solid #54b69a2e;grid-area:2/2;grid-template-columns:1fr;align-self:start;min-height:0;max-height:calc(100% - 74px);padding:6px;overflow:auto}.call-rail>span{display:none}.call-balls{flex-wrap:wrap}.call-rail label{justify-content:space-between}.cue-controls{grid-area:2/2;grid-template-columns:1fr;align-self:end;gap:4px;min-height:68px;padding:6px;display:grid;position:static}.cue-controls>label{grid-template-columns:40px 1fr}.cue-actions>*{flex:1}.shoot-button,.push-button{min-width:0;min-height:44px}.billiards-overlay{padding:4px}.billiards-setup,.rules-drawer{min-height:0;max-height:calc(100svh - 8px);padding:10px 12px 70px}.billiards-setup>h2,.rules-drawer>h2{font-size:22px}.setup-lead{display:none}.rule-cards button{min-height:91px}.rule-cards span{display:none}.setup-options{margin-top:5px}.setup-note{display:none}.billiards-result{max-height:calc(100svh - 8px);overflow:auto}}.primary-start,.resume-button,.rules-drawer>button:last-child,.billiards-result button,.billiards-result a{min-height:44px}.drawer-close{width:44px;height:44px}@media (max-width:760px){.billiards-home{align-items:center;min-height:44px;display:flex}.billiards-header nav button{min-height:44px}}@media (prefers-reduced-motion:reduce){.shot-ribbon.phase-moving>i{animation:none}}