.lobby-play-actions{display:grid;gap:12px;margin-top:18px}.entry-card .lobby-play-actions>.full{margin:0;min-height:38px}.game-kind-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.game-kind-choices button{display:grid;gap:7px;padding:13px 12px;text-align:left}.game-kind-choices strong{font-size:14px;font-weight:500}.game-kind-choices small{font-size:11px;line-height:1.5;color:#586e7d}.game-kind-choices .selected,.rules-tabs .selected{background:#e7f1f7;border-color:#4286ad;color:#315f7a}.single-difficulty{grid-template-columns:1fr}.play-options-intro{margin:0 0 16px}.play-reward-note{margin-bottom:0}.rules-content{color:#465c69}.rules-tabs{display:flex;gap:8px;margin-bottom:14px}.rules-tabs button{min-width:100px}.rules-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rules-content h3{font-size:14px;font-weight:500;margin:0 0 10px;color:#315f7a}.rules-list{margin:0;font-size:11px;line-height:1.65}.rules-list>div+div{margin-top:9px}.rules-list dt{font-weight:600}.rules-list dd{margin:3px 0 0}.rules-rewards{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.rules-rewards h3{margin-bottom:5px}.rules-rewards p{margin:5px 0;color:#465c69!important;font-size:11px!important}.rules-content{max-height:calc(100dvh - 155px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b8cdd9 #f4f8fa}.cue-details{display:grid;gap:12px}.cue-details dl{display:grid;gap:10px;margin:0;font-size:12px;line-height:1.6}.cue-details dt{font-weight:600;color:#465c69}.cue-details dd{margin:3px 0 0;color:#586e7d}.cue-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.cue-detail-note{margin:0!important;font-size:11px!important}.cue-effects-preview{display:block;width:100%;aspect-ratio:420/110;background:#203a43;border-radius:4px}.cue-preview-area{position:relative}.cue-preview-area>.skin-preview{border-radius:4px}.cue-preview-area>.cue-effects-preview{position:absolute;inset:0;height:100%;background:transparent;pointer-events:none}.inventory-cue-settings{line-height:1.6}.inventory-cue-settings small{display:block;margin-top:4px}.cue-dialog-content{max-height:calc(100dvh - 165px);overflow:auto;scrollbar-width:thin}.cue-default-details{margin-top:12px}.cue-default-details summary{font-size:12px;color:#3c6279;cursor:pointer}.cue-default-details .cue-details{margin-top:12px}@media(max-height:650px){.lobby-play-actions{margin-top:12px;gap:10px}.entry-card .lobby-play-actions>.full{min-height:34px}.rules-columns{gap:18px}.rules-list{font-size:10px;line-height:1.5}.rules-list>div+div{margin-top:7px}.rules-rewards{margin-top:10px;padding-top:9px}.rules-content h3{margin-bottom:7px}.rules-rewards p{font-size:10px!important}.rules-tabs{margin-bottom:10px}}@media(max-width:620px){.rules-columns{grid-template-columns:1fr;gap:18px}.game-kind-choices,.difficulty-choices{gap:8px}.difficulty-choices button{padding:14px 10px}.game-kind-choices button{padding:12px 10px}}.cue-detail-canvas{display:block;width:100%;aspect-ratio:4/1;border-radius:4px}.fine-aim-hint{position:absolute;bottom:9px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:4px 8px;border:1px solid #d3e0e8;border-radius:4px;background:#f8fbf5f2;color:#314f61;font-size:10px;line-height:1.4;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.fine-aim-hint svg{flex:none;width:45px;height:14px;color:#477a94}.fine-aim-hint[data-active=true]{border-color:#7395a8}.fine-aim-hint strong{font-weight:600}.fine-aim-hint small{font-size:9px;color:#435e6d}.contact-control{position:relative}.contact-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.game-app .contact-copy small{font-size:9px;color:#536977;line-height:1.4;white-space:nowrap}.game-app .contact-enlarge{align-self:flex-start;min-height:24px;padding:3px 7px;font-size:10px;color:#346d8d;border:1px solid #c5d8e4;background:#f4f9fc;border-radius:3px}.contact-enlarge:hover:enabled{background:#e8f3f9}.contact-enlarge:disabled{opacity:.5;cursor:default}.contact-editor-scrim{position:fixed;inset:0;z-index:60;background:#152c3c38;display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;cursor:default}.contact-editor{width:246px;max-width:100%;max-height:calc(100dvh - 32px);padding:15px;border-radius:6px;background:#fff;box-shadow:0 12px 36px #17344638;color:#304653;display:flex;flex-direction:column;align-items:center;gap:10px}.contact-editor-heading{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:12px}.contact-editor h2{font-size:14px;margin:0;font-weight:600}.game-app .contact-reset{font-size:11px;padding:4px 8px;color:#346d8d;background:#f2f7fa;border:0;border-radius:3px}.game-app .spin-ball.contact-ball-large,.spin-ball.contact-ball-large{width:180px;height:180px;min-width:180px;min-height:180px;flex:none;cursor:crosshair;touch-action:none;box-shadow:inset -8px -9px 15px #92a1ac55,0 3px 9px #304b5a24}.game-app .spin-ball.contact-ball-large:before{left:50%;top:10%;height:80%}.game-app .spin-ball.contact-ball-large:after{top:50%;left:10%;width:80%}.spin-ball.contact-ball-large i{width:10px;height:10px}.contact-coordinates{font-size:12px;font-variant-numeric:tabular-nums;margin:0}.contact-keyboard-hint{font-size:10px;line-height:1.5;color:#536977;margin:0;text-align:center}.contact-editor-actions{display:flex;align-self:stretch;gap:8px}.game-app .contact-editor-actions button{flex:1;font-size:12px;padding:7px 10px}.contact-control .spin-ball{touch-action:none}.contact-control [role=slider]:focus-visible,.contact-control button:focus-visible{outline:2px solid #347fa8;outline-offset:3px}.contact-control [aria-disabled=true]{opacity:.6;cursor:default}@media(max-height:650px){.game-app .contact-copy{gap:2px}.game-app .contact-copy small{font-size:8px}.game-app .contact-enlarge{min-height:22px;padding:2px 6px}.fine-aim-hint{bottom:5px;padding:3px 6px}}@media(max-width:1100px){.fine-aim-hint small{display:none}.contact-editor-scrim{padding-right:16px}}.create-game-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.create-game-options>button{min-width:0}.nine-target{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid #b59c5b55;border-radius:8px;background:#b59c5b0d;font-size:12px}.nine-target>span{white-space:nowrap;color:#a88c4e}.nine-score{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0 0}.nine-score>strong{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}.nine-score small{font-size:12px;font-weight:400;color:#7c827a}.nine-score>span{font-size:12px;color:#7c827a}.nine-result{display:grid;gap:6px;margin-bottom:10px}.nine-result>strong{font-size:30px}.nine-result>small{display:block;font-size:12px}@media(max-height:680px)and (min-width:900px){.nine-target{padding:5px 8px;gap:4px;font-size:11px}.nine-target>strong{white-space:nowrap}.nine-score{padding-top:3px}.nine-score>strong{font-size:22px}}:root{font-family:Microsoft YaHei,Arial,sans-serif;color:#35434b;background:#e4f1f6;font-synthesis:none;--muted:#7b8992;--border:#d6e0e5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #b9cbd6;border-radius:4px;padding:7px 12px;background:#fff;color:#3c6279}button:hover:not(:disabled){background:#edf5fa}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.spin-ball:focus-visible,summary:focus-visible{outline:2px solid #358abe;outline-offset:2px}a{color:inherit;text-decoration:none}input:not([type=checkbox]),select{width:100%;background:#fff;border:1px solid #b9cbd6;border-radius:4px;padding:9px;color:#35434b}label{display:block;font-size:13px;margin-bottom:6px}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}.app{width:min(1400px,100%);height:100dvh;margin:auto;background:#fff;padding:0 20px;display:flex;flex-direction:column}.site-header{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:9px;align-items:center;font-size:22px;font-weight:600;color:#447e9e}.brand-ball{background:#252f37;color:#fff;width:28px;height:28px;border-radius:50%;font:700 18px Georgia;display:grid;place-items:center}.header-right{display:flex;gap:18px;align-items:center;font-size:13px}.connection{display:flex;gap:6px;align-items:center;color:#89959e;font-size:12px}.connection i,.live-dot{width:6px;height:6px;background:#c99a52;border-radius:50%;display:inline-block}.connected i,.live-dot{background:#60a17b}.visitor small{margin-left:6px;color:#9aa5ad}.text-button{border:0;background:transparent;padding:7px;color:#6a8698;font-size:12px}.main{flex:1;min-height:0;position:relative;padding:18px 0}.welcome-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.welcome-copy{height:100%;min-height:0;display:flex;flex-direction:column}.welcome-copy h1{margin:0 0 8px;font-size:26px;color:#447e9e}.intro{margin:0 0 18px;color:#7b8992;font-size:13px}.panel-title{display:flex;justify-content:space-between;align-items:center;background:#e3eff7;color:#547f98;padding:9px 12px;font-size:13px;margin-bottom:10px}.panel-title span{font-size:12px;color:#8298a6}.entry-card{border:1px solid var(--border);border-radius:6px;padding:20px}.entry-card h2{font-size:18px;margin:0 0 10px;font-weight:500}.entry-card form{margin-top:20px}.field-hint{display:block;font-size:11px;color:#8f9aa2;margin:8px 0 16px}.primary{background:#4286ad;border-color:#4286ad;color:#fff}.primary:hover:not(:disabled){background:#32779e}.secondary{background:#f6f9fb}.full{width:100%;display:flex;justify-content:space-between;margin-top:12px}.divider{border-top:1px solid var(--border);margin:26px 0 0;text-align:center}.divider span{position:relative;top:-9px;background:#fff;padding:0 10px;color:#8d9aa4;font-size:11px}.room-list{flex:1;min-height:0;border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;flex-direction:column}.room-list>p{margin:0 0 12px}.room-cards{display:grid;gap:8px}.lobby-room{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:4px;padding:10px;font-size:12px;min-height:56px}.lobby-room>div{min-width:0;flex:1}.lobby-room strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.lobby-room .muted{display:block;font-size:10px;margin-top:4px}.room-state{font-size:11px;white-space:nowrap;color:#80939f}.room-state.playing{color:#508774}.empty-rooms{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8195a1}.empty-ball{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#edf4f8;color:#7195aa;font:700 28px Georgia}.empty-rooms h2{font-size:16px;font-weight:500;margin:16px 0 0}.empty-rooms p{font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:12px}.pagination button{padding:5px 10px;font-size:11px}.room-view{height:100%;display:flex;flex-direction:column;gap:10px;min-height:0}.room-heading{display:flex;justify-content:space-between;align-items:center;flex:none;height:32px}.room-heading h1{font-size:19px;font-weight:500;margin:0}.room-badge{margin-left:10px;color:#4a819f;font-size:13px;background:#edf4f8;padding:4px 8px;border-radius:3px}.heading-actions{display:flex;gap:6px;align-items:center}.heading-actions button{font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:16px;flex:1;min-height:0}.table-column{min-height:0;display:flex;flex-direction:column;gap:8px}.turn-banner{height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);padding:7px 12px;border-radius:4px;background:#f7fafc}.turn-banner>div{display:flex;align-items:center;gap:10px}.turn-banner strong{font-size:12px;font-weight:500}.timer{font-size:16px;color:#4e85a3}.timer.urgent{color:#c64949}.table-wrap{flex:1;min-height:0;position:relative;display:grid;place-items:center;container-type:size;background:#f5f8f9;border-radius:6px}.pool-canvas{display:block;width:min(100cqw,calc(100cqh * 11 / 6));height:auto;aspect-ratio:11/6;cursor:crosshair;border-radius:6px;touch-action:none}.controls{display:flex;align-items:center;gap:20px;border:1px solid var(--border);background:#f7fafc;padding:8px 12px;border-radius:4px;flex:none;min-height:66px}.power-control{flex:1;min-width:0}.power-control label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.power-control strong{color:#4482a5}.power-control>.muted{font-size:10px}.power-meter{height:6px;border-radius:4px;background:#dce6ec;overflow:hidden;margin-bottom:5px}.power-meter i{display:block;height:100%;background:#62a082}.spin-control{display:flex;align-items:center;gap:10px;font-size:11px}.spin-control small{color:#86969f;font-size:9px;line-height:1.5}.spin-ball{position:relative;flex:none;width:46px;height:46px;border-radius:50%;border:1px solid #c3cdd3;cursor:crosshair;background:radial-gradient(circle at 35% 30%,#fff 20%,#eef1f3 65%,#c8d0d5);box-shadow:0 2px 5px #0001}.spin-ball:before,.spin-ball:after{content:"";position:absolute;background:#b7c7d5;opacity:.65}.spin-ball:before{width:1px;height:30px;left:50%;top:7px}.spin-ball:after{height:1px;width:30px;top:50%;left:7px}.spin-ball i{position:absolute;width:8px;height:8px;background:#cf5d56;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.control-options{display:flex;justify-content:flex-end;padding:0 2px}.assist{display:flex;align-items:center;gap:5px;font-size:11px;margin:0}input[type=checkbox]{accent-color:#4482a5}.sidebar{min-height:0;font-size:12px}.player-card{border:1px solid var(--border);padding:10px;border-radius:4px;margin-bottom:8px}.player-card.active{border-color:#80aebe;background:#f1f8fa}.player-top{display:flex;align-items:center;gap:8px}.avatar{display:grid;place-items:center;background:#e6eff4;color:#64879c;width:30px;height:30px;border-radius:50%;flex:none}.player-top>div{min-width:0}.player-top strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-top small{font-size:10px;color:#7496a9}.player-top .muted{display:block;margin-top:4px;font-size:10px}.ball-progress{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.ball-progress>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#d7b24d;color:#fff;font:700 10px Georgia}.ball-progress .stripe{background:linear-gradient(#fff 20%,#6286ad 20% 80%,#fff 80%);color:#283b4d}.ball-progress .potted{opacity:.2}.ball-progress small{width:100%;color:#8397a4;font-size:10px;margin-top:2px}.ready-actions{display:grid;gap:7px;margin:10px 0}.settings-card{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.settings-card select{margin-top:5px;font-size:11px;padding:6px}.settings-card label{margin-bottom:10px;font-size:11px}.resign{width:100%;margin-top:8px;color:#a57373;padding:7px}.notice{flex:none;border:1px solid #e3d8b9;background:#faf7ee;padding:6px 10px;color:#927b47;font-size:11px;line-height:1.5}.notice button{margin-left:8px;font-size:11px;padding:4px 8px}.result{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90%);border:1px solid #b9d2dd;background:#fffffff5;text-align:center;padding:20px;border-radius:8px;box-shadow:0 8px 35px #0003}.result h2{font-size:22px;font-weight:500;margin:0 0 8px}.result p{font-size:12px;color:#7c909d;margin:8px 0}.victory-score{margin:10px 0 16px;display:flex;flex-direction:column;gap:6px}.victory-score strong{font-size:28px;color:#4286ad}.victory-score span{font-size:11px;color:#78909e}.victory-score small{font-size:10px;color:#92a2ab}.error-banner{position:absolute;top:6px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;background:#fff3f1;border:1px solid #eacac4;padding:10px;color:#a45f56;font-size:12px;box-shadow:0 3px 10px #0001}.error-banner button{border:0;background:none;padding:0 8px}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:10;padding:16px}.modal{width:min(540px,100%);background:#fff;border:1px solid #c8d5dd;border-radius:8px;padding:20px}.modal h2{font-size:20px;font-weight:500;margin:0}.modal p{font-size:12px;color:#7b8992}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.modal-close{position:static;display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;background:#f0f6f9;font-size:22px;line-height:1;color:#8797a2}.rules-modal li{padding:3px 0;font-size:12px}.rules-modal li p{margin:4px 0;font-size:11px}.rules-modal ol{padding-left:20px;margin:10px 0}.ranking-modal{width:min(850px,100%)}.leaderboard{background:#fff}.ranking-intro{font-size:11px;color:#758b99;margin:10px 0 14px}.ranking-intro small{display:block;font-size:10px;margin-top:5px;color:#8b9da8}.ranking-scroll{min-height:100px}.leaderboard table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;table-layout:fixed}.leaderboard th{background:#f1f6f9;color:#67869b;font-weight:500;padding:9px 8px;white-space:nowrap}.leaderboard th:first-child{width:50px}.leaderboard th:nth-child(2){width:32%}.leaderboard th:nth-child(4){width:65px}.leaderboard td{padding:9px 8px;border-bottom:1px solid #edf1f4;color:#718591;overflow-wrap:anywhere}.leaderboard td:first-child{color:#60829a}.leaderboard td.ranking-score{font-weight:600;color:#4582a3;white-space:nowrap}.leaderboard .empty-ranking{text-align:center;padding:40px 10px;color:#9cabb4}.score-rules{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;color:#8499a6;font-size:10px}.score-rules summary{cursor:pointer;color:#69889c}.score-rules p{margin:6px 0;font-size:10px}@media(max-height:650px){.site-header{height:48px}.main{padding:12px 0}.welcome-copy h1{font-size:23px}.intro{margin-bottom:12px}.entry-card{padding:16px}.entry-card form{margin-top:14px}.room-list{padding:12px}.lobby-room{min-height:49px;padding:7px}.room-cards{gap:6px}.player-card{padding:8px}.settings-card{margin-top:8px;padding-top:8px}.panel-title{padding:7px 10px;margin-bottom:8px}.dialog-heading{margin-bottom:10px}.ranking-intro{margin:8px 0}.leaderboard td{padding:5px 8px}.rules-modal li{padding:1px 0}.modal{padding:16px}}.game-app{width:100%;padding:0 12px}.game-app .site-header{height:36px}.game-app .brand{font-size:16px;gap:6px}.game-app .brand-ball{width:21px;height:21px;font-size:14px}.game-app .header-right{gap:14px;font-size:11px}.game-app .connection{font-size:10px}.game-app .main{padding:6px 0}.game-app .room-view{gap:6px}.game-app .room-heading{height:30px;gap:12px}.game-app .room-heading h1{font-size:14px;white-space:nowrap}.game-app .room-badge{font-size:11px;padding:3px 6px;margin-left:6px}.game-app .heading-actions{gap:2px}.game-app .heading-actions button{font-size:11px;padding:5px 7px}.game-app .turn-banner{flex:1;min-width:0;height:28px;border:0;padding:0 8px;background:transparent;justify-content:center;gap:14px}.game-app .turn-banner>div{gap:8px;min-width:0}.game-app .turn-banner strong{font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-app .turn-banner .muted{font-size:10px}.game-app .timer{font-size:13px;min-width:30px}.game-app .game-layout{grid-template-columns:minmax(0,1fr) 190px;gap:10px}.game-app .table-column{gap:0}.game-app .table-wrap{background:#fff}.game-app .sidebar>.panel-title{display:none}.game-app .player-card{padding:8px;margin-bottom:6px}.game-app .avatar{width:24px;height:24px;font-size:11px}.game-app .player-top{gap:6px}.game-app .player-top strong{font-size:11px}.game-app .player-top .muted{font-size:9px;margin-top:3px}.game-app .ball-progress{gap:3px;margin-top:6px}.game-app .ball-progress>span{width:17px;height:17px;font-size:9px}.game-app .ball-progress small{font-size:9px}.game-app .settings-card{margin-top:8px;padding-top:8px}.game-app .settings-card .panel-title{background:none;padding:0;margin-bottom:8px;font-size:11px}.game-app .settings-card .panel-title span{font-size:9px}.game-app .settings-card label{display:grid;grid-template-columns:65px minmax(0,1fr);gap:4px;align-items:center;font-size:10px;margin-bottom:6px}.game-app .settings-card select{margin:0;padding:5px 3px;font-size:10px}.game-app .controls{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 8px;margin:10px 0 8px;min-height:0}.game-app .power-control label{font-size:11px}.game-app .power-control>.muted{display:block;font-size:9px;line-height:1.5;min-height:27px}.game-app .spin-control{font-size:10px;gap:8px}.game-app .spin-control small{font-size:9px}.game-app .spin-ball{width:48px;height:48px}.game-app .resign{font-size:11px;margin-top:8px}.foul-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;max-width:85%;padding:7px 12px;border:1px solid #e3d8b9;border-radius:4px;background:#fff9e8f2;color:#927b47;font-size:11px;pointer-events:none}.break-modal h2{font-size:20px}.break-modal .modal-actions{justify-content:center}.break-modal p{line-height:1.7}@media(max-height:650px){.game-app .site-header{height:32px}.game-app .room-heading{height:26px}.game-app .main{padding:4px 0}.game-app .room-view{gap:4px}.game-app .controls{margin-top:8px;padding:8px;gap:7px}.game-app .power-control>.muted{min-height:27px}}.lobby-right{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px}.entry-card{padding:14px}.entry-card h2{font-size:16px}.entry-card form{margin-top:12px}.divider{margin-top:18px}.entry-card .full{margin-top:8px}.online-players{min-height:100px;flex:1;border:1px solid var(--border);padding:10px;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.online-players input{padding:6px;font-size:11px}.online-scroll{min-height:0;overflow:auto;margin-top:6px}.online-player{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f4}.online-player>div{flex:1;min-width:0}.online-player strong,.online-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.online-player small{font-size:10px;color:#85949d;margin-top:3px}.online-player button{font-size:11px;padding:4px 7px}.invite-panel{position:fixed;right:20px;top:54px;z-index:8;background:#fff;border:1px solid #b9d2dd;border-radius:5px;box-shadow:0 3px 14px #0002;max-width:440px}.invite-panel>div{padding:10px;font-size:12px;display:flex;gap:8px;align-items:center}.invite-panel button{font-size:11px;padding:5px}.settings-summary{width:100%;text-align:left;margin-top:2px}.game-app .modal .settings-card label{display:block;font-size:12px}.game-app .modal .settings-card select{font-size:12px;margin-top:6px;padding:8px}.modal .assist{margin-top:12px}.visitor{color:#35434b}.game-app .sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}.game-app .sidebar>.player-card,.game-app .sidebar>.ready-actions,.game-app .sidebar>.controls,.game-app .sidebar>.resign,.game-app .sidebar>.control-options,.game-app .sidebar>.settings-summary{flex:none}.game-app .controls{margin:4px 0;gap:6px;padding:6px}.game-app .power-control>.muted{min-height:0}.game-app .spin-ball{width:38px;height:38px}.game-app .spin-ball:before{height:24px;top:6px}.game-app .spin-ball:after{width:24px;left:6px}.game-app .resign{margin-top:4px;padding:5px}.room-social{flex:1;min-height:110px;display:flex;flex-direction:column;margin-top:6px;border:1px solid var(--border);border-radius:4px;overflow:hidden}.social-tabs{flex:none;display:flex;border-bottom:1px solid var(--border)}.social-tabs button{flex:1;border:0;border-radius:0;font-size:10px;padding:6px 2px}.social-tabs .selected{background:#edf5fa;color:#347fa8}.social-body{flex:1;min-height:0;display:flex}.social-body[hidden]{display:none}.room-chat{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.chat-scroll{flex:1;min-height:0;overflow:auto;padding:7px}.chat-message{margin-bottom:9px;font-size:11px;overflow-wrap:anywhere}.chat-message>span{color:#4d7790}.chat-message small{font-size:9px;color:#8a99a2}.chat-message p{margin:3px 0;white-space:pre-wrap;line-height:1.5;color:#35434b}.room-chat>form{flex:none;display:flex;gap:4px;padding:5px;border-top:1px solid var(--border)}.room-chat textarea{min-width:0;resize:none;height:45px;flex:1;border:1px solid var(--border);border-radius:3px;font:10px Microsoft YaHei;padding:5px}.room-chat form button{font-size:10px;padding:4px}.unread{position:absolute;bottom:58px;right:5px;font-size:10px;background:#edf5fa;padding:4px}.audience-list{flex:1;min-height:0;overflow:auto;padding:8px;font-size:11px}.audience-list>div{padding:7px 0;border-bottom:1px solid #edf1f4}.audience-list small{color:#8596a1}.ranking-scroll{max-height:min(350px,calc(100dvh - 270px));overflow:auto;min-height:100px}.leaderboard th{position:sticky;top:0;z-index:1}.ranking-modal{max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}.ranking-modal .leaderboard{min-height:0;display:flex;flex-direction:column}.ranking-modal .ranking-scroll{flex:1}.score-rules{flex:none}.error-banner{z-index:20}@media(max-height:650px){.game-app .player-card{padding:6px;margin-bottom:4px}.game-app .ball-progress{margin-top:4px}.game-app .controls{padding:5px;gap:4px}.game-app .spin-control small{font-size:8px}.game-app .spin-ball{width:32px;height:32px}.game-app .spin-ball:before{top:5px;height:20px}.game-app .spin-ball:after{left:5px;width:20px}.room-social{min-height:100px;margin-top:4px}.room-chat textarea{height:35px}.entry-card .divider{margin-top:14px}.lobby-right{gap:8px}}.online-modal{width:360px;height:min(440px,calc(100dvh - 32px));display:flex;flex-direction:column}.online-modal .online-players{min-height:0}.watch-hint{flex:none;font-size:10px;margin:0 0 6px}.ball-progress>span{flex:none;overflow:hidden;border:1px solid #6f7e8580;background:var(--ball-color);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0003;isolation:isolate}.ball-progress>span.stripe{background:linear-gradient(to bottom,#faf8ef 22%,var(--ball-color) 22%,var(--ball-color) 78%,#faf8ef 78%);color:#26302d}.ball-progress>span>i{display:grid;place-items:center;width:11px;height:11px;border-radius:50%;font:700 8px Arial;font-style:normal;background:#fff9e9;color:#27362e;letter-spacing:-.4px;line-height:1}.account-balance{font-size:11px;white-space:nowrap;color:#68818c}.account-balance strong{color:#387f9e}.account-balance small{display:block;font-size:9px;color:#85979f}.account-modal{width:min(430px,92vw);max-height:calc(100dvh - 40px);overflow-y:auto}.account-wide{width:min(820px,94vw)}.account-form,.recovery-panel,.account-summary{display:grid;gap:12px}.account-form label,.recovery-panel label{display:grid;gap:5px;font-size:13px}.account-form input,.recovery-panel input{width:100%;box-sizing:border-box}.account-form p,.account-summary p,.recovery-panel p{margin:0;line-height:1.7;font-size:13px}.account-error{color:#bd5050;font-size:12px;margin:0 0 12px}.recovery-panel input{font-size:12px;font-family:monospace}.account-summary strong{font-size:22px;color:#4482a5}@media(max-width:1200px){.header-right{gap:8px}.header-right button{padding:4px;font-size:11px}.header-right .visitor{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-right .visitor small{display:none}}.gold-name{color:#926c17!important;font-weight:600}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-item{border:1px solid var(--border,#d2e0e6);border-radius:6px;padding:12px;display:grid;gap:8px}.shop-item p{margin:0}.skin-preview{display:block;width:100%;aspect-ratio:1100/600}.preview-panel{margin-top:16px}.name-preview{padding:28px;text-align:center;background:#f6f8fa}.control-options{flex-wrap:wrap;gap:6px}.records-filters{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.records-filters label{flex:1;min-width:135px;font-size:13px}.records-list{max-height:45vh;overflow-y:auto}.records-list article{padding:12px 4px;border-bottom:1px solid #dce6eb}.records-list article>div{display:flex;justify-content:space-between;gap:14px}.records-list p{margin:6px 0}.records-list small{color:#6f8592}.records-list .income{color:#33815d}.admin-app{height:100dvh;display:flex;flex-direction:column;max-width:1440px;margin:auto;padding:0 20px;background:#fff;overflow:hidden;font-size:13px}.admin-app header{display:flex;justify-content:space-between;align-items:center;min-height:58px;border-bottom:1px solid #d9e4ea}.admin-app header>div{display:flex;gap:14px;align-items:center}.admin-app nav{display:flex;gap:8px;padding:12px 0}.admin-app nav button[aria-selected=true]{background:#4184a4;color:#fff}.admin-main{flex:1;min-height:0;overflow:auto;padding:0 4px 24px}.admin-main h1{font-size:22px;margin:10px 0 20px}.admin-main h2{font-size:16px}.admin-login{width:360px;margin:70px auto;padding:24px;border:1px solid #d3e0e7;border-radius:8px}.admin-notice{padding:8px;background:#edf4f8;margin:8px 0}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-filters label{display:grid;gap:5px;min-width:120px;flex:1;font-size:12px}.admin-filters input,.admin-filters select{width:100%;font-size:12px;padding:8px;box-sizing:border-box}.admin-player{border:1px solid #d8e3e9;border-radius:5px;padding:12px;margin-bottom:10px}.admin-player small{font-size:12px;color:#617c8a}.admin-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;margin-bottom:10px}.admin-row-actions button,.admin-batch button{font-size:12px;padding:5px 9px}.admin-table{width:100%;border-collapse:collapse;margin-top:12px}.admin-table th,.admin-table td{border-bottom:1px solid #dce6eb;padding:10px;text-align:left;font-size:12px}.admin-table th{background:#eef5f8}.admin-table input[type=checkbox]{width:auto}.admin-batch{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #dbe5eb}.admin-settings{padding:12px;border:1px solid #d9e4eb;margin-bottom:20px}.admin-app textarea{font:13px Microsoft YaHei;padding:8px;min-height:70px;resize:vertical;border:1px solid #b9cfdc;border-radius:4px}.admin-app pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.difficulty-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difficulty-choices button{padding:18px 12px;display:grid;gap:8px;text-align:left}.difficulty-choices strong{font-size:16px}.difficulty-choices small{font-size:12px;line-height:1.6}.match-statistics{display:block;margin:4px 0;color:#728491}.game-app .settings-summary{display:flex;align-items:center;gap:7px;min-height:34px;margin:2px 0 4px;padding:6px 9px;border:1px solid #87b1c8;border-radius:4px;background:#e9f4fb;color:#235e7e;text-align:left}.game-app .settings-summary:hover{background:#dceffb;border-color:#4482a5}.game-app .settings-summary:focus-visible{outline:2px solid #4482a5;outline-offset:2px}.settings-icon{font-size:19px;line-height:1}.settings-summary strong{font-size:11px;font-weight:600;white-space:nowrap}.settings-note{margin-left:auto;font-size:9px;white-space:nowrap;color:#426f88}.chat-message>span{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.chat-message time{font-size:9px;color:#7d8f99;white-space:nowrap;font-variant-numeric:tabular-nums}.chat-message small{white-space:nowrap}.skin-preview.cue-preview{aspect-ratio:340/100}.ranking-submit{margin:4px 8px 4px 0}.shop-item>small{line-height:1.5}.sound-control{position:relative;flex:none}.sound-panel{position:absolute;right:0;top:100%;z-index:50;width:205px;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:0 5px 18px #0002;padding:12px;color:#35434b;font-size:12px}.sound-volume{display:block;margin:12px 0 8px}.sound-volume input{display:block;width:100%;margin-top:7px;accent-color:#4482a5}.sound-panel small{color:#8295a0;font-size:10px}.room-chat>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}.chat-color-status{grid-column:1/-1;font-size:9px;line-height:1.4;color:#536977}.room-chat textarea{width:100%}.chat-color-preview{padding:18px;border:1px solid #d2e0e6;border-radius:4px;background:#fff}.chat-color-preview strong{color:#35434b;font-size:12px}.chat-color-preview p{margin:10px 0;line-height:1.65;overflow-wrap:anywhere}.chat-color-preview small{font-size:11px;color:#536977}.sound-load-status{display:block;margin-top:8px;font-size:10px;line-height:1.5}.sound-panel .sound-retry{margin-top:5px;padding:3px 6px;font-size:10px}