/* Shared competition scoreboard; only Full Host reserves a lower console. */
:is(#scoreboard-view[data-layout="full"], #display-view) {
    --console-text:#eaf0fa;
    --judge-light-size:23px;
    --console-muted:#a9b8cf;
    /* V2 dot geometry follows its accepted panel height, independent of the new split. */
    --v2-board-height:calc(100dvh - 2 * clamp(8px,1.1vh,12px) - 2 * clamp(14px,2.65vh,28px) - 6px - clamp(12px,1.85vh,20px) - clamp(238px,34vh,354px));
    padding:clamp(8px,1.1vh,12px);
    background:linear-gradient(120deg,#323a48,#10151d 65%,#303744);
    font-family:'Roboto Condensed','Roboto','Noto Sans TC',sans-serif;
}
:is(#scoreboard-view[data-layout="full"], #display-view) > .scoreboard-layout {
    --center-share:20%;
    grid-template-rows:minmax(0,1fr);
    gap:clamp(12px,1.85vh,20px) 0;
    padding:clamp(14px,2.65vh,28px) clamp(14px,1.5vw,28px);
    border:3px solid #4e5868;
    border-radius:28px;
    background:#030507;
    box-shadow:inset 0 0 0 3px #161d27,0 2px 10px #000a;
    overflow:hidden;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-side {
    --side-accent:#ff283a;
    isolation:isolate;
    background:radial-gradient(ellipse at 84% 43%,#ae0016 0,#6e0008 47%,#200102 100%);
    border-block:1px solid #7e202a;
    clip-path:polygon(0 0,96% 0,100% 19%,100% 85%,96% 100%,0 100%);
    border-radius:18px 0 0 18px;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-blue {
    --side-accent:#12abef;
    background:radial-gradient(ellipse at 16% 43%,#004eae 0,#00245f 47%,#010d24 100%);
    border-color:#123e75;
    clip-path:polygon(4% 0,100% 0,100% 100%,4% 100%,0 85%,0 19%);
    border-radius:0 18px 18px 0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-side::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:url('../assets/host-texture.svg') repeat;
    mix-blend-mode:soft-light;
    opacity:.65;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-name-slot {
    top:6.5%;
    left:31%;
    width:63%;
    padding:0 8px;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-blue .scoreboard-name-slot {
    left:6%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .player-name {
    font-family:'Roboto','Noto Sans TC',sans-serif;
    font-size:clamp(36px,min(13.3cqw,16cqh),100px);
    font-weight:900;
    line-height:1.03;
    letter-spacing:.015em;
    text-transform:uppercase;
    color:#fff;
    border:0;
    border-radius:4px;
    text-shadow:0 3px 8px #0007;
    padding:0;
    outline-offset:5px;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .player-name:disabled {
    opacity:1;
    -webkit-text-fill-color:#fff;
}
#scoreboard-view[data-layout="full"][data-lifecycle="pre-match"] .player-name:hover {
    background:#ffffff08;
}
:is(#scoreboard-view[data-layout="full"], #display-view) :is(#red-win-dots,#blue-win-dots,#display-red-win-dots,#display-blue-win-dots) {
    gap:clamp(12px,3cqw,24px);
    margin-top:calc((var(--v2-board-height) - 2px) * .025);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .win-dot {
    width:clamp(24px,calc((var(--v2-board-height) - 2px) * .075),56px);
    height:clamp(24px,calc((var(--v2-board-height) - 2px) * .075),56px);
    border:3px solid #c5c6cc;
    background:#070a0d55;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .win-dot.won {
    border-color:#FFC928;
    background:#FFC928;
    box-shadow:0 0 12px #ffc92830;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-score-region {
    top:36%;
    height:44%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .score-display {
    left:31%;
    width:63%;
    font-family:'Roboto',sans-serif;
    font-size:clamp(120px,min(58cqw,52cqh),350px);
    font-weight:900;
    line-height:.85;
    text-shadow:0 0 28px var(--side-accent),0 4px 14px #0004;
    letter-spacing:-.025em;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-blue .score-display {
    left:6%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .score-display[data-digits="3"] {
    font-size:min(44cqw,60cqh);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .score-display[data-digits="4"] {
    font-size:min(33cqw,54cqh);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats {
    top:-56%;
    height:148%;
    width:26%;
    padding:0;
    gap:0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats-red {
    left:4.5%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats-blue {
    right:4.5%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .point-stat-row {
    position:relative;
    grid-template-columns:43% minmax(0,1fr);
    gap:14%;
    padding:6% 3%;
    border-bottom:1px solid #ffffff16;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .point-stat-row:last-child {
    border:0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .point-stat-row::after {
    content:'';
    position:absolute;
    left:51%;
    top:25%;
    height:50%;
    width:3px;
    background:var(--side-accent);
    box-shadow:0 0 5px #0005;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats-blue .point-stat-row {
    grid-template-columns:minmax(0,1fr) 43%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats-blue .point-stat-row::after {
    left:auto;
    right:51%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .point-stat-value {
    font-size:clamp(28px,min(9cqw,9.6cqh),68px);
    font-weight:700;
    color:#e1e9f7;
    text-align:center;
    text-shadow:0 2px 5px #0008;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-stats-blue .point-stat-value {
    text-align:center;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .attack-svg {
    width:100%;
    height:11.5cqh;
    filter:drop-shadow(0 2px 3px #0007);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-judge-zone {
    top:81%;
    left:31%;
    width:63%;
    /* Keep the accepted single-row vertical center across panel heights. */
    height:max(10%,52px);
    column-gap:4cqw;
    padding:0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-blue .scoreboard-judge-zone {
    left:6%;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .judge-press-dot {
    width:var(--judge-light-size);
    height:var(--judge-light-size);
    flex-basis:var(--judge-light-size);
    background:#9bacbf9c;
    box-shadow:inset 0 1px 2px #fff2;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .judge-press-dot.is-active {
    background:#ffef32;
    box-shadow:0 0 14px #f2e640a0,inset 0 1px 2px #fff8;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-gam-jeom {
    left:4.5%;
    bottom:5%;
    gap:18px;
    padding:10px 16px;
    min-width:18%;
    justify-content:center;
    font-size:clamp(32px,8cqh,60px);
    background:linear-gradient(#03070b99,#030508dd);
    border:1px solid #8492a5;
    border-radius:13px;
    box-shadow:inset 0 1px 2px #fff2,0 3px 6px #0005;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-gam-jeom > span:not(.gam-jeom-card) {
    min-width:1ch;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-blue .scoreboard-gam-jeom {
    left:auto;
    right:4.5%;
    flex-direction:row-reverse;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .gam-jeom-card {
    width:.6em;
    height:.88em;
    border:1px solid #daba00;
    border-radius:4px;
    background:linear-gradient(120deg,#fff52b,#f1ca00);
    box-shadow:0 0 8px #ffea0020;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-center {
    border:0;
    background:radial-gradient(ellipse at 50% 35%,#10151b,#03070a 72%);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-identity {
    top:6%;
    left:6%;
    width:88%;
    padding:0 0 4cqh;
    color:#c8d3e4;
    font-size:clamp(18px,9cqw,38px);
    font-weight:600;
    border-bottom:1px solid #667386;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-state-zone {
    top:30%;
    height:60%;
    padding:0;
    justify-content:flex-start;
    gap:7cqh;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .round-display {
    font-size:clamp(24px,11cqw,45px);
    font-weight:700;
    color:#d4deed;
    line-height:1.05;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .timer-display {
    font-family:inherit;
    font-size:min(36cqw,25cqh);
    font-weight:800;
    letter-spacing:-.035em;
    text-shadow:0 2px 6px #000;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-result {
    font-size:clamp(26px,17cqw,66px);
    padding:clamp(12px,3cqh,24px) 8px;
    border:1px solid #cd5060;
    border-radius:10px;
    background:linear-gradient(145deg,#a8182d,#570c19);
    color:#fff;
    box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0004,0 4px 12px #0006;
    text-shadow:0 2px 4px #0006;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-result[data-winner="blue"] {
    border-color:#4b8ac4;
    background:linear-gradient(145deg,#125caa,#0b2e61);
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-center[data-lifecycle="winner"] .round-display {
    color:#fff;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-center[data-lifecycle="superiority"] .round-display {
    font-size:clamp(24px,10.5cqw,40px);
}
#scoreboard-view[data-layout="full"] .host-console {
    grid-column:1 / -1;
    border:1px solid #536074;
    border-bottom-color:#17202d;
    border-radius:18px;
    background:radial-gradient(ellipse at 45% 0,#171f2c,#0c1119 70%);
    box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #0008;
    padding:4px clamp(12px,1.25vw,24px);
}
#scoreboard-view[data-layout="full"] .host-console-main {
    display:grid;
    grid-template-columns:minmax(0,27fr) minmax(0,46fr) minmax(0,27fr);
    grid-template-rows:minmax(0,1fr);
    height:100%;
    gap:clamp(10px,1vw,20px);
}
#scoreboard-view[data-layout="full"] .host-console .scoreboard-host-controls {
    min-height:0;
    background:transparent;
    border:0;
    padding:0;
    gap:0;
    justify-content:flex-start;
}
#scoreboard-view[data-layout="full"] .console-heading {
    color:var(--console-muted);
    font-size:clamp(14px,.85vw,16px);
    font-weight:700;
    letter-spacing:.09em;
    line-height:1;
    margin:0 0 2px;
}
#scoreboard-view[data-layout="full"] .host-console button {
    position:relative;
    min-width:44px;
    color:var(--console-text);
    border:1px solid #718098;
    border-radius:12px;
    background:linear-gradient(145deg,#19222f,#0c1119);
    box-shadow:inset 0 1px 2px #fff1,0 2px 4px #0004;
    font-family:inherit;
    font-weight:600;
    font-size:clamp(14px,1.35vw,25px);
    line-height:1.15;
    transition:border-color .15s,background .15s;
}
#scoreboard-view[data-layout="full"] .host-console button:hover {
    background:linear-gradient(145deg,#273449,#111925);
    border-color:#b1c4df;
}
#scoreboard-view[data-layout="full"] .host-console button:disabled {
    opacity:.4;
    cursor:not-allowed;
}
#scoreboard-view[data-layout="full"] .host-match-actions {
    flex:1;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
    gap:clamp(8px,.7vw,14px);
}
#scoreboard-view[data-layout="full"] .host-primary-actions > button, #scoreboard-view[data-layout="full"] #next-match-btn {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2px;
    padding:8px;
    text-align:center;
    text-transform:uppercase;
}
#scoreboard-view[data-layout="full"] .host-primary-actions > button::before, #scoreboard-view[data-layout="full"] #next-match-btn::before {
    content:'';
    width:clamp(28px,2.8vw,54px);
    height:clamp(28px,2.8vw,54px);
    background:#e3ebf9;
    mask:var(--control-icon) center / contain no-repeat;
}
#scoreboard-view[data-layout="full"] .host-console .host-primary, #scoreboard-view[data-layout="full"] #next-match-btn {
    --control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%205a3%203%200%200%201%205-2l28%2018a3%203%200%200%201%200%206L17%2045a3%203%200%200%201-5-2Z%22%2F%3E%3C%2Fsvg%3E");
    background:linear-gradient(125deg,#e32a2f,#961418 80%);
    border-color:#ff656c;
    box-shadow:inset 0 1px 5px #ffb0b455,0 0 14px #ff262620;
    font-weight:700;
    font-size:clamp(17px,1.35vw,26px);
    letter-spacing:.02em;
}
#scoreboard-view[data-layout="full"] .host-console .host-primary:hover, #scoreboard-view[data-layout="full"] #next-match-btn:hover {
    background:linear-gradient(125deg,#f53a40,#b41d23);
}
#scoreboard-view[data-layout="full"][data-lifecycle="running"] .host-primary {
    --control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22white%22%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%2211%22%20height%3D%2238%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%225%22%20width%3D%2211%22%20height%3D%2238%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] :is(#next-match-btn,#start-stop-btn):is([data-action="skip"],[data-action="next"]) {
    --control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M4%205v38l30-19Z%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2236%22%20y%3D%225%22%20width%3D%228%22%20height%3D%2238%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] #reset-round-btn {
    --control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20d%3D%22M9%2015a18%2018%200%201%201-1%2018%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M4%203v17h17Z%22%2F%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] #reset-match-btn {
    --control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20fill%3D%22white%22%20x%3D%227%22%20y%3D%227%22%20width%3D%2234%22%20height%3D%2234%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] #host-settings-btn {
    --utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20d%3D%22m19%205%2010%200%202%206%205%203%206-1%205%209-4%205-1%206-6%205-6-1-4%206-10-1-2-6-6-3-6%201-4-9%204-5%201-6%205-5%206%201Z%22%2F%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%227%22%2F%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] .host-primary-actions {
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
}
#scoreboard-view[data-layout="full"] :is(.host-primary,#winner-actions,#next-match-btn) {
    width:100%;
    flex:1;
    min-height:44px;
}
#scoreboard-view[data-layout="full"] #winner-actions {
    display:flex;
    padding:0;
    margin:0;
}
#scoreboard-view[data-layout="full"] .host-secondary-actions {
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
    min-height:0;
}
#scoreboard-view[data-layout="full"] .host-secondary-actions button {
    flex:1;
    min-height:44px;
    padding:4px 8px;
    font-size:clamp(14px,1vw,19px);
}
#scoreboard-view[data-layout="full"] #reset-round-btn {
    border-color:#8495ae;
    color:#edf2fb;
}
#scoreboard-view[data-layout="full"] #reset-match-btn {
    background:linear-gradient(140deg,#2d1922,#171019);
    border-color:#82505a;
    color:#d1a1aa;
    font-size:clamp(13px,.9vw,17px);
    font-weight:500;
}
#scoreboard-view[data-layout="full"] .host-adjustment-area {
    min-width:0;
    min-height:0;
    border-inline:1px solid #344154;
    padding-inline:clamp(12px,1.45vw,28px);
    display:flex;
    flex-direction:column;
}
#scoreboard-view[data-layout="full"] .host-adjustment-columns {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(10px,1vw,20px);
    flex:1;
    min-height:0;
}
#scoreboard-view[data-layout="full"] .host-adjustment-columns::after {
    content:'';
    position:absolute;
    left:calc(50% - .5px);
    top:4px;
    bottom:4px;
    width:1px;
    background:rgba(255,255,255,0.15);
    pointer-events:none;
}
#scoreboard-view[data-layout="full"] .host-console .host-adjustments {
    gap:8px;
    justify-content:center;
    padding:0;
}
#scoreboard-view[data-layout="full"] .host-stepper {
    width:100%;
    grid-template-columns:clamp(44px,3.1vw,60px) minmax(0,1fr) clamp(44px,3.1vw,60px);
    gap:2px 8px;
    font-size:inherit;
}
#scoreboard-view[data-layout="full"] .stepper-label {
    grid-column:1 / -1;
    font-size:clamp(14px,.85vw,16px);
    font-weight:600;
    color:#becbe1;
    padding-left:12px;
    line-height:1;
    border-left:4px solid #fa3347;
    text-transform:uppercase;
    white-space:nowrap;
}
#scoreboard-view[data-layout="full"] [data-side="blue"] .stepper-label {
    border-color:#08a8e9;
}
#scoreboard-view[data-layout="full"] .host-stepper:nth-child(2) .stepper-label {
    border-color:#ffdc23;
}
#scoreboard-view[data-layout="full"] .host-stepper :is(button,output) {
    width:100%;
    height:44px;
    min-height:0;
    border-radius:7px;
    display:grid;
    place-items:center;
    font-size:clamp(28px,2.2vw,42px);
    line-height:1;
    font-weight:700;
    padding:0;
}
#scoreboard-view[data-layout="full"] .host-stepper button {
    background:linear-gradient(#283346,#1a2332);
    border-color:#58677e;
}
#scoreboard-view[data-layout="full"] .host-stepper output {
    border:1px solid #536277;
    background:linear-gradient(#080c12,#101720);
    color:#f6f8ff;
    box-shadow:inset 0 2px 6px #0008;
    font-variant-numeric:tabular-nums;
}
#scoreboard-view[data-layout="full"] .host-console .host-utilities {
    min-width:0;
    position:relative;
    align-items:stretch;
    flex-direction:column;
    padding:0;
    border:0;
    gap:0;
}
#scoreboard-view[data-layout="full"] .host-utility-actions {
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    flex:1;
}
#scoreboard-view[data-layout="full"] .host-utility-actions button {
    display:flex;
    align-items:center;
    gap:clamp(12px,1.1vw,22px);
    padding:4px 12px;
    min-height:42px;
    flex:1;
    text-align:left;
    font-size:clamp(16px,1.15vw,22px);
    color:#d3deef;
    background:linear-gradient(115deg,#1b2433,#131a26);
    border-color:#495970;
}
#scoreboard-view[data-layout="full"] .host-utility-actions button::before {
    content:'';
    flex:0 0 clamp(24px,2vw,36px);
    height:clamp(24px,2vw,36px);
    background:#c5d2e7;
    mask:var(--utility-icon) center / contain no-repeat;
}
#scoreboard-view[data-layout="full"] #host-judge-setup-btn {
    --utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22white%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2213%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2218%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2218%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M13%2041V32a11%2011%200%200%201%2022%200v9ZM1%2039V31a7%207%200%200%201%2010-6l-2%2014ZM39%2039l-2-14a7%207%200%200%201%2010%206v8Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] #host-display-setup-btn {
    --utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2242%22%20height%3D%2229%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%2035v7m-11%200h22%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#scoreboard-view[data-layout="full"] #return-to-hybrid-btn {
    --utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m18%208-14%2014%2014%2014M5%2022h25a13%2013%200%200%201%2013%2013v6%22%2F%3E%3C%2Fsvg%3E");
    color:#aebcd2;
    border-color:#46566c;
}
#scoreboard-view[data-layout="full"] #host-judge-progress {
    margin-left:auto;
    padding-left:12px;
    color:#e9f0fb;
    border-left:1px solid #4a5a70;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
#scoreboard-view[data-layout="full"] .host-archive-feedback {
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:4px;
}
#scoreboard-view[data-layout="full"] .host-archive-feedback:not(:has(> :not([hidden]))) {
    display:none;
}
#scoreboard-view[data-layout="full"] #archive-protection-message {
    margin:0;
    font-family:'Roboto',sans-serif;
    font-size:clamp(11px,.8vw,15px);
    line-height:1.3;
}
#scoreboard-view[data-layout="full"] #archive-retry-btn, #scoreboard-view[data-layout="full"] .host-recovery {
    min-height:44px;
    color:#ffdc55;
    border-color:#8d7950;
    padding:8px 12px;
    font-size:18px;
}
#scoreboard-view[data-layout="full"] .host-recovery {
    margin-top:4px;
}
#scoreboard-view[data-layout="full"] #host-overflow {
    display:none;
}
/* CSS display overrides must never resurrect disabled lifecycle surfaces. */
#scoreboard-view[data-layout="full"] .host-console [hidden], #scoreboard-view[data-layout="full"] .host-console .hidden {
    display:none;
}
#scoreboard-view[data-layout="full"] :is(#winner-actions,#superiority-actions)[hidden] {
    display:none;
}
@media (max-width:1400px) and (min-width:768px) {
    :is(#scoreboard-view[data-layout="full"], #display-view) {
        --v2-board-height:calc(100dvh - 2 * clamp(8px,1.1vh,12px) - 40px - 6px - clamp(12px,1.85vh,20px) - 250px);
    }
    :is(#scoreboard-view[data-layout="full"], #display-view) > .scoreboard-layout {
        padding:20px;
        border-radius:22px;
    }
    #scoreboard-view[data-layout="full"] .host-console {
        padding:4px 12px;
    }
    #scoreboard-view[data-layout="full"] .console-heading {
        margin-bottom:2px;
        letter-spacing:.05em;
    }
    #scoreboard-view[data-layout="full"] .host-adjustment-area {
        padding-inline:12px;
    }
    #scoreboard-view[data-layout="full"] .host-adjustment-columns {
        gap:14px;
    }
    #scoreboard-view[data-layout="full"] .host-utility-actions button {
        padding:4px 10px;
        gap:10px;
    }
    :is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-gam-jeom {
        gap:12px;
        padding:7px 12px;
        border-radius:9px;
    }
    #scoreboard-view[data-layout="full"] .stepper-label {
        padding-left:8px;
        border-left-width:3px;
    }
}
@media (max-width:1100px) and (min-width:768px) {
    :is(#scoreboard-view[data-layout="full"], #display-view) {
        --v2-board-height:calc(100dvh - 2 * clamp(8px,1.1vh,12px) - 28px - 6px - clamp(12px,1.85vh,20px) - 258px);
    }
    :is(#scoreboard-view[data-layout="full"], #display-view) > .scoreboard-layout {
        padding:14px;
    }
    #scoreboard-view[data-layout="full"] .host-console {
        padding-inline:10px;
    }
    #scoreboard-view[data-layout="full"] .host-console-main {
        gap:10px;
    }
    #scoreboard-view[data-layout="full"] .host-adjustment-area {
        padding-inline:10px;
    }
    #scoreboard-view[data-layout="full"] .host-adjustment-columns {
        gap:12px;
    }
    #scoreboard-view[data-layout="full"] .host-stepper {
        gap:4px;
    }
    #scoreboard-view[data-layout="full"] .host-utility-actions button {
        font-size:16px;
        padding:4px 8px;
        gap:8px;
    }
    #scoreboard-view[data-layout="full"] #host-judge-progress {
        padding-left:8px;
    }
    #scoreboard-view[data-layout="full"] .host-utility-actions button::before {
        flex-basis:24px;
        height:24px;
    }
    #scoreboard-view[data-layout="full"] #archive-protection-message {
        font-size:11px;
    }
    #scoreboard-view[data-layout="full"] #archive-retry-btn {
        padding:4px;
        font-size:15px;
    }
}


#scoreboard-view[data-layout="full"] > .scoreboard-layout {
    grid-template-rows:minmax(0,1fr) clamp(154px,14.9vh,160px);
}
#display-view > .scoreboard-layout {
    grid-template-rows:minmax(0,1fr);
    row-gap:0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-center[data-lifecycle="superiority"] .scoreboard-state-zone {
    gap:clamp(20px,4cqh,36px);
    padding-inline:8px;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .scoreboard-center[data-lifecycle="superiority"] .round-display {
    max-width:100%;
    width:min-content;
    font-size:clamp(22px,10.5cqw,40px);
    line-height:1.15;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-superiority-choices {
    position:static;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    padding:0;
    margin:0;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-superiority-choice {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:48px;
    padding:8px 4px;
    border:1px solid #d75b67;
    border-radius:8px;
    background:linear-gradient(135deg,#7c1928,#3a1018);
    color:#f3f6fc;
    font:700 clamp(16px,6.7cqw,26px)/1.15 'Roboto Condensed','Noto Sans TC',sans-serif;
    overflow-wrap:anywhere;
    text-align:center;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-superiority-choice[data-side="blue"] {
    background:linear-gradient(135deg,#164677,#0a203d);
    border-color:#4d8cca;
}
#scoreboard-view[data-layout="full"] .center-superiority-choice:hover:not(:disabled) {
    filter:brightness(1.2);
}
#scoreboard-view[data-layout="full"] .center-superiority-choice:focus-visible {
    outline:3px solid #e8f1ff;
    outline-offset:3px;
}
#scoreboard-view[data-layout="full"] .center-superiority-choice:disabled {
    opacity:.4;
    cursor:not-allowed;
}
:is(#scoreboard-view[data-layout="full"], #display-view) .center-superiority-choices[hidden] { display:none; }
#scoreboard-view[data-layout="full"] #archive-retry-btn {
    min-height:40px;
    padding:4px 8px;
}


@media (max-width:1400px) and (min-width:768px) {
    :is(#scoreboard-view[data-layout="full"], #display-view) { --judge-light-size:16px; }
    #scoreboard-view[data-layout="full"] :is(.host-secondary-actions,.host-utility-actions) button { min-height:40px; }
    #scoreboard-view[data-layout="full"] .host-stepper { row-gap:2px; }
}

/* M2A.1: compact Full Host allocates real room to touch controls.
   Display and the large desktop composition retain their existing geometry. */
@media (orientation: landscape) and (max-width: 1400px), (orientation: landscape) and (max-height: 720px) {
    #scoreboard-view[data-layout="full"] > .scoreboard-layout {
        grid-template-rows: minmax(0, 1fr) clamp(166px, 24dvh, 196px);
        padding: clamp(10px, 1.8dvh, 16px);
        gap: 10px 0;
        --center-share: 23%;
    }
    #scoreboard-view[data-layout="full"] .host-console { padding: 8px; border-radius: 12px; }
    #scoreboard-view[data-layout="full"] .host-console-main { grid-template-columns: minmax(0, 26fr) minmax(0, 47fr) minmax(0, 27fr); gap: 8px; }
    #scoreboard-view[data-layout="full"] .host-adjustment-area { padding-inline: 8px; }
    #scoreboard-view[data-layout="full"] .host-adjustment-columns { gap: 10px; }
    #scoreboard-view[data-layout="full"] .host-stepper { grid-template-columns: 48px minmax(0, 1fr) 48px; gap: 2px 4px; }
    #scoreboard-view[data-layout="full"] .host-stepper :is(button, output) { height: 48px; }
    #scoreboard-view[data-layout="full"] :is(.host-secondary-actions, .host-utility-actions) button { min-height: 44px; }
    #scoreboard-view[data-layout="full"] .host-utility-actions button { font-size: 15px; padding: 4px 6px; gap: 6px; }
    #scoreboard-view[data-layout="full"] .console-heading { font-size: 12px; letter-spacing: .025em; margin-bottom: 4px; }
    #scoreboard-view[data-layout="full"] .stepper-label { font-size: 12px; padding-left: 6px; }
    #scoreboard-view[data-layout="full"] .scoreboard-name-slot { top: 5%; }
    #scoreboard-view[data-layout="full"] .player-name { font-size: clamp(28px, min(12cqw, 13cqh), 72px); }
    #scoreboard-view[data-layout="full"] .score-display { font-size: clamp(100px, min(53cqw, 45cqh), 280px); }
    #scoreboard-view[data-layout="full"] .scoreboard-gam-jeom { font-size: clamp(28px, 7cqh, 48px); padding: 6px 10px; gap: 10px; bottom: 4%; }
    #scoreboard-view[data-layout="full"] .scoreboard-identity { padding-bottom: 2cqh; font-size: clamp(17px, 8cqw, 28px); }
    #scoreboard-view[data-layout="full"] .scoreboard-state-zone { top: 29%; height: 65%; gap: 5cqh; }
    #scoreboard-view[data-layout="full"] .round-display { font-size: clamp(22px, 10cqw, 36px); }
    #scoreboard-view[data-layout="full"] .win-dot { width: clamp(24px, 6cqh, 40px); height: clamp(24px, 6cqh, 40px); }
    #scoreboard-view[data-layout="full"] :is(#red-win-dots, #blue-win-dots) { margin-top: 2cqh; }
}