.scoreboard{display:flex;align-items:center;gap:24px;padding:12px 4%;border-bottom:1px solid #ffffff18;background:#151f19;font-variant-numeric:tabular-nums}.scoreboard>div{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:center}.scoreboard .score-main{flex:1;text-align:left}.scoreboard span,.scoreboard small{font-size:11px;color:#aab8a6;font-weight:400}.scoreboard strong{font-size:23px;color:#e5e9ce;line-height:1.15}.scoreboard .score-main strong{font-size:21px}#aim-controls,#shot-controls{display:grid;grid-template-columns:minmax(0,1fr) 130px;grid-template-areas:"power tip" "elevation tip" "ghost shoot";gap:12px 16px;padding:16px;border:1px solid #ffffff19;border-radius:14px;background:#1c2820}#aim-controls .control,#shot-controls label{margin:0}.power-section{grid-area:power}.elevation-section{grid-area:elevation}.tip-section,.tip-area{grid-area:tip}#ghost-toggle{grid-area:ghost;margin:0!important;min-height:44px}#shoot-button,#shoot{grid-area:shoot;margin:0;min-height:44px;justify-content:center}.tip-section,.tip-area{display:flex;flex-direction:column;gap:5px;margin:0;justify-content:center}.tip-section>div:first-child{text-align:center}.tip-section p{margin:3px 0}.tip-section h3{display:none}#tip-control{width:86px;height:86px;flex-shrink:0}#aim-controls .section-label{margin-bottom:4px}#aim-controls .caption,#aim-controls .range-ends,#shoot-button kbd,#shoot small,.model-note,.room-heading,.panel-heading,.table-footer{display:none}#aim-controls input[type=range],#shot-controls input[type=range]{height:32px;margin:0;touch-action:pan-x}#shot-controls .tip-area>div:last-child{flex:0;text-align:center}#shot-controls #tip-pad{width:86px;height:86px;flex:0 0 86px}#shot-controls #tip-text{font-size:11px}#shot-controls #tip-reset{font-size:11px;padding:4px;margin:2px 0}#fine,#rotate-hint,#shot-summary,#status,#score,#turn{display:none!important}#place{grid-column:1/-1;padding:8px}.toast,#shot-result{position:absolute;z-index:5;top:12px;left:12px;right:12px;transform:none;width:auto;max-width:none;padding:12px 14px;margin:0;background:#e3ebd8f5;color:#1e2b21;border:1px solid #b5c39d;border-radius:10px;font-size:13px;line-height:1.55;box-shadow:0 4px 20px #0003;pointer-events:none}#shot-result-detail{color:inherit;font-size:12px;line-height:1.55;margin:5px 0 0}@media(max-width:760px)and (orientation:portrait){.scoreboard{gap:16px;padding:9px 12px;min-height:70px}.scoreboard strong{font-size:21px}.scoreboard .score-main strong{font-size:18px}#aim-controls,#shot-controls{padding:10px 12px;gap:8px 12px;grid-template-columns:minmax(0,1fr) 124px}#aim-controls h3,#shot-controls label{font-size:12px}#aim-controls #shoot-button,#shot-controls #shoot{height:44px;padding:0 10px}.tip-section{flex-direction:column-reverse}.tip-section>div:first-child{display:flex;align-items:center;gap:8px}.tip-section p,.tip-section #tip-reset{font-size:10px}.stage-top>span{display:none}.stage-top{top:8px}.stage-bottom{bottom:5px;font-size:9px}.stage-bottom #view-hint{max-width:calc(100% - 40px)}body[data-mode=aim]{height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}body[data-mode=aim] .masthead{display:none}body[data-mode=aim] .workspace{display:flex;flex:1;min-height:0;width:100%;padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:6px;margin:0}body[data-mode=aim] .table-room{position:relative;top:auto;flex:1;min-height:0;padding:0;width:100%}body[data-mode=aim] .stage{height:100%;min-height:0;border-radius:10px}body[data-mode=aim] .panel{flex:none;border:0;padding:0}body[data-mode=aim] .steps{margin:0 0 6px;border:0;gap:6px}body[data-mode=aim] .steps button{height:30px;padding:4px;border-radius:5px;border:1px solid #ffffff18;font-size:11px}body[data-mode=aim] .steps button span{display:none}body[data-mode=aim] .utility-actions{margin:0;height:28px}.utility-actions button{padding:5px 8px}body.in-match{height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top)}body.in-match>header{display:none}body.in-match>main{height:100%;padding:0}body.in-match #match{height:100%;display:flex;flex-direction:column}body.in-match .room-bar{order:3;margin:0;padding:4px 8px;gap:4px;height:34px;flex-wrap:nowrap}body.in-match .room-bar strong{font-size:10px;letter-spacing:0}body.in-match .room-bar button{padding:5px;font-size:10px}body.in-match #rename,body.in-match #sound{display:none}body.in-match .game-grid{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 8px 0;gap:6px}body.in-match .stage{flex:1;min-height:0;height:auto;position:relative;top:auto;border-radius:10px}body.in-match aside{padding:0;flex:none}body.in-match #presence,body.in-match #message{display:none}body.in-match aside>.views{margin-bottom:6px}.views button{min-height:30px!important;padding:4px;font-size:11px}body.in-match #resign,body.in-match #rematch{font-size:11px;padding:4px 10px;margin:4px 0 0;min-height:26px}body.in-match #error:not(:empty){position:fixed;top:80px;left:12px;right:12px;z-index:7;background:#452922;padding:8px;font-size:12px}}@media(max-width:760px)and (orientation:portrait){body.in-match .room-bar{height:calc(34px + env(safe-area-inset-bottom));padding-bottom:calc(4px + env(safe-area-inset-bottom))}}#aim-controls,#shot-controls{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"power shoot" "tip elevation" "tip ghost";gap:8px 14px;padding:14px;background:#1a2724;border-color:#ffffff20}#aim-controls .power-section,#shot-controls .power-section{align-self:center;padding:0 2px}#power-output,#power-out{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;color:#f0e9ce}#shoot-button,#shot-controls #shoot{min-height:62px;height:62px;border-radius:11px;background:#d8e99e;color:#18231c;font-size:19px;font-weight:750;letter-spacing:.12em;box-shadow:0 4px 14px #0002}#shoot-button:disabled,#shot-controls #shoot:disabled{opacity:.42}#aim-controls .tip-section,#shot-controls .tip-area{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;border-top:1px solid #ffffff10;padding-top:10px}#aim-controls .tip-section>div:first-child{order:2;display:block;text-align:left;min-width:0}#tip-control,#shot-controls #tip-pad{width:76px;height:76px;flex:0 0 76px}#aim-controls .tip-section p,#shot-controls #tip-text{font-size:11px;line-height:1.3;font-weight:500;color:#c8d1c7}#aim-controls #tip-reset,#shot-controls #tip-reset{font-size:10px;color:#99aaa2;padding:6px 0;margin:0}#shot-controls .tip-area>div:last-child{text-align:left;min-width:0;flex:1}#aim-controls .elevation-section,#shot-controls .elevation-section{font-size:11px;padding-top:10px;border-top:1px solid #ffffff10;color:#a9b8b0}#aim-controls .elevation-section h3{font-size:11px;color:#a9b8b0}#aim-controls .elevation-section input,#shot-controls .elevation-section input{height:24px}#aim-controls #ghost-toggle,#shot-controls #ghost-toggle{justify-self:end;align-self:end;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:32px;height:32px;padding:2px 0;border:0;background:transparent;box-shadow:none;color:#97aaa0;font-size:10px;font-weight:400;border-radius:5px;white-space:nowrap}#ghost-toggle:after{content:"";width:23px;height:13px;flex:0 0 23px;border-radius:10px;background:radial-gradient(circle at 6px 6.5px,#acb7ae 4px,transparent 4.5px),#405047}#ghost-toggle[aria-pressed=true]:after{background:radial-gradient(circle at 17px 6.5px,#e8eedc 4px,transparent 4.5px),#6b805b}#pass-shot,#place{grid-column:1/-1;margin:0!important}.scoreboard.room-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px 18px;padding:12px 16px;background:#111d1d;border:1px solid #ffffff0d;border-radius:14px;margin:8px 0 12px}.scoreboard.room-scoreboard .player-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:8px;text-align:left}.player-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"seat points" "name points" "label status";align-items:center;gap:3px 10px;padding:11px 14px;border:1px solid #ffffff12;border-radius:10px;background:#1a292b;min-width:0;box-shadow:inset 0 1px #ffffff05}.player-card.is-turn{border-color:#cbe79899;background:linear-gradient(120deg,#30483d,#223735);box-shadow:inset 3px 0 #d6eda6}.player-card.is-empty{opacity:.55;border-style:dashed}.scoreboard .player-seat{grid-area:seat;color:#b7cbbf;font-size:10px;letter-spacing:.08em}.scoreboard .player-name{grid-area:name;font-size:17px;line-height:1.25;color:#f1f3eb;overflow-wrap:anywhere;font-weight:650}.scoreboard .player-points{grid-area:points;font-size:32px;line-height:1;color:#e5edcf;font-weight:600;letter-spacing:-.04em}.scoreboard .player-score-label{grid-area:label;font-size:10px;color:#98afa6;line-height:1.4}.scoreboard .player-state{grid-area:status;justify-self:end;font-size:10px;line-height:1.4;color:#a0b4aa;white-space:nowrap}.scoreboard .is-turn .player-state{color:#e3f4b8;font-weight:600}.scoreboard.room-scoreboard>div:not(.player-cards):not(.score-main){flex-direction:row;align-items:center;gap:8px}.scoreboard.room-scoreboard>div:not(.player-cards) strong{font-size:15px}.scoreboard.room-scoreboard .match-caption{grid-column:1;grid-row:2;text-align:left;font-size:11px;color:#b7cbbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-accessible{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}@media(max-width:760px)and (orientation:portrait){#aim-controls,#shot-controls{padding:10px 12px;grid-template-columns:minmax(0,1fr) 100px;gap:6px 12px}#aim-controls #shoot-button,#shot-controls #shoot{height:56px;min-height:56px;font-size:18px}#aim-controls .tip-section,#shot-controls .tip-area{padding-top:6px;gap:7px}#aim-controls .elevation-section,#shot-controls .elevation-section{padding-top:6px}#tip-control,#shot-controls #tip-pad{width:68px;height:68px;flex-basis:68px}.scoreboard.room-scoreboard{flex:none;margin:0;padding:7px 8px;gap:5px 12px;min-height:0;border-radius:0 0 12px 12px}.scoreboard.room-scoreboard .player-cards{gap:5px}.player-card{padding:8px 9px;gap:3px 5px;grid-template-areas:"seat seat" "name name" "points points" "label label" "status status"}.scoreboard .player-name{font-size:13px;line-height:1.2;min-height:16px}.scoreboard .player-points{font-size:25px;margin:2px 0}.scoreboard .player-state{justify-self:start;font-size:9px}.scoreboard .player-score-label,.scoreboard .player-seat{font-size:9px}.scoreboard.room-scoreboard>div:not(.player-cards){gap:5px!important}.scoreboard.room-scoreboard>div:not(.player-cards) span,.scoreboard.room-scoreboard .match-caption{font-size:9px}.scoreboard.room-scoreboard>div:not(.player-cards) strong{font-size:12px}}.scoreboard.room-scoreboard>div:has(>[data-score=current]){grid-column:2;grid-row:2}.scoreboard.room-scoreboard>div:has(>[data-score=highest]){grid-column:3;grid-row:2}@media(max-width:760px)and (orientation:portrait){.player-card{padding:6px 8px;gap:2px 4px}.scoreboard .player-name{font-size:12px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:28px}.scoreboard .player-points{font-size:24px;margin:1px 0}.room-scoreboard:not([data-game=eight]) .player-score-label{display:none}.scoreboard.room-scoreboard .match-caption{min-width:0}}@media(max-width:760px)and (max-height:700px)and (orientation:portrait){#aim-controls,#shot-controls{padding:8px 10px;gap:4px 10px;grid-template-columns:minmax(0,1fr) 96px}#aim-controls #shoot-button,#shot-controls #shoot{height:48px;min-height:48px;font-size:17px}#tip-control,#shot-controls #tip-pad{height:54px;width:54px;flex-basis:54px}#aim-controls .tip-section,#shot-controls .tip-area{padding-top:5px}#aim-controls #ghost-toggle,#shot-controls #ghost-toggle{min-height:26px;height:26px}#shot-controls #place,#shot-controls #pass-shot{padding:5px 8px;font-size:12px;min-height:29px}.scoreboard.room-scoreboard{padding:5px 8px;gap:4px 8px}.player-card{padding:5px 7px}.scoreboard .player-points{font-size:22px}body.in-match #resign,body.in-match #rematch{min-height:23px;font-size:10px;padding:3px 8px}}@media(min-width:1200px){body.in-match{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body.in-match>header{flex:none;padding:12px 4vw}body.in-match>main{flex:1;min-height:0;width:100%;padding:12px 24px;display:flex;flex-direction:column}body.in-match #match{flex:1;min-height:0;display:flex;flex-direction:column}body.in-match .room-bar{flex:none;margin-bottom:0}body.in-match .scoreboard{flex:none}body.in-match .game-grid{flex:1;min-height:0;height:auto;grid-template-rows:auto minmax(100px,1fr)}body.in-match .game-grid>#room-chat{min-height:100px}body.in-match #error:empty{display:none}}@media(max-width:760px)and (max-height:700px)and (orientation:portrait){#aim-controls,#shot-controls{grid-template-rows:48px 32px 26px}#aim-controls .power-section input,#shot-controls .power-section input{height:24px}#aim-controls .elevation-section,#shot-controls .elevation-section{padding-top:3px}#aim-controls .elevation-section input,#shot-controls .elevation-section input{height:18px}#aim-controls .section-label{margin-bottom:0}body.in-match #error:empty{display:none}}