:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1414;--panel:#121d1d;--panel2:#182625;--line:#2b3c38;--text:#e9eee8;--muted:#93a49b;--gold:#d6b46b;--green:#1d684e;--felt:#176b50;--red:#bb3a32;--shadow:0 18px 60px #0008;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(at 50% -20%,#233832,#101919 48%,#0a1111);min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{max-width:1500px;margin:auto;padding:20px calc(clamp(12px,2vw,30px)) 28px}.mast{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:16px;padding:0 2px 14px}.brand,.mast{align-items:center;display:flex}.brand{gap:12px}.crest{width:36px;height:36px;color:var(--gold);border:1px solid #8f855e;border-radius:50%;place-items:center;font:700 17px Georgia,serif;display:grid}.brand h1{letter-spacing:.16em;margin:0;font:600 15px/1.1 Georgia,serif}.brand small{color:var(--muted);letter-spacing:.2em;font:10px/1.7 system-ui;display:block}.event{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.scoreboard{border:1px solid var(--line);background:linear-gradient(110deg,#182724,#111b1a 52%,#182724);border-radius:10px;grid-template-columns:1fr minmax(120px,.38fr) 1fr;align-items:stretch;margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 8px 30px #0003}.player{min-width:0;padding:14px 18px}.player.right{text-align:right}.player.active{box-shadow:inset 3px 0 var(--gold)}.player.right.active{box-shadow:inset -3px 0 var(--gold)}.player .name{white-space:nowrap;text-overflow:ellipsis;font:600 15px Georgia,serif;overflow:hidden}.player .tag{color:var(--muted);letter-spacing:.12em;margin-top:4px;font-size:10px}.frame-score{color:#f1e6c8;text-align:center;align-self:center;font:500 calc(clamp(28px,4vw,42px))/1 Georgia,serif}.frame-score small{color:var(--muted);margin-top:7px;font:11px system-ui;display:block}.match{justify-content:center;gap:5px;margin-top:8px;display:flex}.frame-dot{border:1px solid #65756e;border-radius:50%;width:7px;height:7px}.frame-dot.won{background:var(--gold);border-color:var(--gold)}.frame-dot.current{outline:1px solid var(--gold);outline-offset:2px}.layout{grid-template-columns:minmax(0,1fr) 278px;align-items:start;gap:14px;display:grid}.controls,.side-card,.table-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(140deg,#14201e,#101918);border-radius:10px}.table-top{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:11px 14px;font-size:11px;display:flex}.table-top strong{color:var(--gold);font-weight:600}.table-wrap{padding:0 14px 14px}.table-shell{aspect-ratio:2;background:linear-gradient(135deg,#533c25,#261d14 48%,#61492d);border-radius:12px;width:100%;padding:2.5%;position:relative;box-shadow:inset 0 0 0 2px #82613c,inset 0 0 18px #0009,0 16px 28px #0006}.table-shell:before{content:"";pointer-events:none;opacity:.62;border:1px solid #9f835c;border-radius:8px;position:absolute;inset:1.7%}.table-shell canvas{touch-action:none;border-radius:5px;width:100%;height:100%;display:block}.side{flex-direction:column;gap:14px;display:flex}.side-card{padding:14px}.section-title{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.section-title b{color:var(--gold);letter-spacing:.06em;font:500 10px system-ui}.break-value{color:#f4e8c7;font:500 35px/1 Georgia,serif}.break-label{color:var(--muted);margin-top:5px;font-size:10px}.balls-remaining{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.ball-chip{border:1px solid #ffffff2a;border-radius:50%;width:16px;height:16px;box-shadow:inset -2px -2px 3px #0006,inset 1px 1px 2px #fff8}.ball-chip.red{background:#bd302c}.ball-chip.yellow{background:#e8c34e}.ball-chip.green{background:#338458}.ball-chip.brown{background:#805137}.ball-chip.blue{background:#3277bc}.ball-chip.pink{background:#d57c91}.ball-chip.black{background:#1d2120}.ball-chip.out{opacity:.2;filter:grayscale()}.turn{color:#e2e9e2;min-height:38px;font-size:12px;line-height:1.5}.turn .accent{color:var(--gold)}.status{color:var(--muted);min-height:30px;margin-top:8px;font-size:10px;line-height:1.6}.controls{grid-template-columns:minmax(190px,1fr) minmax(180px,.9fr) auto;align-items:center;gap:14px;margin-top:14px;padding:13px 15px;display:grid}.control-group{min-width:0}.control-label{color:var(--muted);letter-spacing:.08em;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.control-label output{color:var(--gold);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold)}.spin-row{align-items:center;gap:10px;display:flex}.spinboard{touch-action:none;cursor:crosshair;background:radial-gradient(circle at 35% 30%,#eff0e7,#c6c9bb 65%,#8b9488);border:1px solid #63766b;border-radius:50%;flex:none;width:62px;height:62px;position:relative}.spinboard:after,.spinboard:before{content:"";background:#85908666;position:absolute}.spinboard:before{height:1px;top:50%;left:9px;right:9px}.spinboard:after{width:1px;top:9px;bottom:9px;left:50%}.spin-dot{width:8px;height:8px;left:calc(50% - 4px + var(--sx,0px));top:calc(50% - 4px + var(--sy,0px));background:#872f2b;border:1px solid #fff;border-radius:50%;position:absolute;box-shadow:0 1px 3px #000}.spin-help{color:var(--muted);font-size:10px;line-height:1.6}.spin-help strong{color:var(--text);font-weight:500}.buttons{justify-content:flex-end;align-items:center;gap:7px;display:flex}.btn{white-space:nowrap;background:#1b2a26;border:1px solid #52655b;border-radius:6px;padding:9px 11px;font-size:11px}.btn.gold,.btn:hover{border-color:var(--gold)}.btn.gold{background:var(--gold);color:#201b11;font-weight:700}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.compact{padding:7px 9px}.footnote{color:#77877f;justify-content:space-between;gap:12px;padding:12px 4px;font-size:10px;display:flex}.rules-log{max-height:120px;color:var(--muted);font-size:10px;line-height:1.6;overflow:auto}.log-line{border-top:1px solid #ffffff0c;padding:4px 0}.overlay{z-index:10;background:#080f0ee8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#15211f;border:1px solid #495a4c;border-radius:12px;width:min(100%,520px);max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 28px 100px #000b}.modal-kicker{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;font-size:10px}.modal h2{margin:9px 0 6px;font:500 26px Georgia,serif}.modal p{color:#aab7ad;margin:7px 0;font-size:12px;line-height:1.7}.choice-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.choice{text-align:center;background:#1a2925;border:1px solid #394b40;border-radius:7px;padding:11px 8px;font-size:12px}.choice.selected{border-color:var(--gold);color:var(--gold);background:#302b1e}.opponent-list{grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0;display:grid}.opponent-choice{text-align:left;background:#1a2925;border:1px solid #394b40;border-radius:7px;padding:10px}.opponent-choice.selected{border-color:var(--gold)}.opponent-choice b{font-size:12px;display:block}.opponent-choice small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.hidden{display:none!important}.toast{color:#e8ddbb;pointer-events:none;white-space:nowrap;background:#111b19eb;border:1px solid #d6b46b66;border-radius:20px;padding:7px 12px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.table-area{position:relative}.rule-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.opponent-choice:disabled{opacity:.35;cursor:not-allowed}.watch-mode .opponent-list{grid-template-columns:repeat(3,1fr)}.watch-mode .opponent-choice small{display:none}.footnote-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.replay-bar{z-index:2;background:#111b19ee;border:1px solid #d6b46b66;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.replay-bar .btn{flex:none}.replay-caption{color:#e8ddbb;flex:220px;min-width:0;font-size:12px;line-height:1.4}.frame-list{gap:6px;max-height:300px;margin:14px 0;display:grid;overflow:auto}.frame-row{background:#1a2925;border:1px solid #394b40;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.frame-row .btn{flex:none}.report-modal{max-height:calc(100vh - 32px);overflow:auto}.report-shots{gap:6px;max-height:230px;margin:14px 0 10px;display:grid;overflow:auto}.report-shot{cursor:pointer;background:#1a2925;border:1px solid #394b40;border-radius:7px;align-items:flex-start;gap:9px;padding:8px 10px;font-size:12px;line-height:1.45;display:flex}.report-shot input{margin-top:2px}.report-tags{flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px;font-size:12px;display:flex}.report-tags label{cursor:pointer;align-items:center;gap:6px;display:flex}.report-note{resize:vertical;width:100%;min-height:84px;color:var(--text);font:inherit;background:#0f1817;border:1px solid #394b40;border-radius:7px;padding:9px 10px;font-size:13px}textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=950px){.layout{grid-template-columns:minmax(0,1fr) 230px}.controls{grid-template-columns:1fr 1fr}.buttons{grid-column:1/-1;justify-content:flex-end}}@media (width<=680px){.replay-bar{margin:8px 7px 0;position:static}.app{padding:10px 9px 20px}.mast{margin-bottom:10px}.event{display:none}.layout{flex-direction:column;display:flex}.controls,.side,.table-card{width:100%}.table-wrap{padding:0 7px 8px}.table-shell{aspect-ratio:2;padding:3%}.side{grid-template-columns:1fr 1fr;gap:8px;display:grid}.controls,.side-card{padding:10px}.buttons,.side-card:last-child{grid-column:1/-1}.controls{grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.buttons{justify-content:stretch}.buttons .btn{flex:1}.scoreboard{grid-template-columns:1fr 82px 1fr}.player{padding:11px 9px}.player .name{font-size:12px}.footnote,.player .tag{font-size:9px}.table-top{padding:8px 10px}}.site-bar{justify-content:space-between;align-items:center;gap:12px;max-width:1500px;margin:0 auto;padding:12px calc(clamp(12px,2vw,30px)) 0;display:flex}.site-home{color:var(--muted);letter-spacing:.08em;font-size:13px;text-decoration:none}.site-home:hover{color:var(--gold)}.language{background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:5px 8px;font-size:13px}.home{justify-items:start;gap:20px;max-width:640px;margin:0 auto;padding:72px 24px;display:grid}.home h1{letter-spacing:.06em;color:var(--gold);margin:0;font-size:32px}.home p{color:var(--muted);margin:0;line-height:1.6}.home .btn{text-decoration:none}@media (width<=680px){.site-bar{padding:8px 9px 0}.home{padding:40px 16px}}.opponent-choice .lock-hint{color:var(--gold);margin-top:4px;font-size:12px;font-style:normal;display:block}.opponent-choice .lock-hint:empty{display:none}.site-links{align-items:center;gap:14px;display:flex}.link-button{cursor:pointer;letter-spacing:inherit;background:0 0;border:0;padding:0;font-family:inherit}.notice,.unlock-notice{color:var(--gold)}.unlock-notice{align-items:center;gap:12px;max-width:1500px;margin:10px auto 0;padding:8px calc(clamp(12px,2vw,30px));display:flex}.unlock-notice .link-button{color:var(--muted);font-size:18px}.profile-form{gap:14px;width:100%;max-width:360px;display:grid}.profile-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.profile-form input,.profile-form select{background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:8px 10px}.profile-form .btn{justify-self:start}.unlocks h2{margin:8px 0;font-size:18px}.unlocks ul{color:var(--text);margin:0;padding-left:18px;line-height:1.8}.stats-grid span,.unlocks li.locked{color:var(--muted)}.tournament{max-width:760px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.stats-grid div{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:2px;padding:10px 12px;display:grid}.stats-grid b{color:var(--gold);font-size:22px}.stats-grid span{font-size:12px}.draw,.history{justify-items:start;gap:12px;width:100%;display:grid}.draw ol{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.draw h2,.history h2{margin:6px 0 0;font-size:18px}.draw li{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:110px 1fr auto 60px;align-items:center;gap:10px;padding:8px 12px;display:grid}.draw li.active{border-color:var(--gold)}.draw .best-of,.draw .round-name,.draw li.pending{color:var(--muted)}.draw li.lost{opacity:.7}.draw .round-name{font-size:13px}.draw .best-of,.rankings th{font-size:12px}.draw .frames{text-align:right;font-variant-numeric:tabular-nums}.draw .actions{gap:10px}.draw .actions,.draw .confirm{flex-wrap:wrap;align-items:center;display:flex}.draw .confirm{color:var(--gold);gap:8px}.history ul{margin:0;padding-left:18px;line-height:1.8}.rankings{max-width:860px}.rankings-table{width:100%;overflow-x:auto}.rankings table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.rankings td,.rankings th{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 10px}.rankings td.name,.rankings th:nth-child(2){text-align:left;white-space:normal}.rankings th{color:var(--muted);font-weight:600}.rankings th .link-button{color:inherit;font-size:inherit;font-weight:inherit}.rankings th .link-button.active,.rankings tr.me td{color:var(--gold)}@media (width<=680px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draw li{grid-template-columns:80px 1fr 50px}.draw .best-of{display:none}.rankings td,.rankings th{padding:6px 5px;font-size:13px}}