.cn-strip{gap:var(--cn-sp-2);flex-direction:column;display:flex}.cn-slug{font-size:var(--cn-t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cn-dim);margin:0}.cn-headline-row{align-items:baseline;gap:var(--cn-sp-3);flex-wrap:wrap;margin:0;display:flex}.cn-count{font-size:var(--cn-t-display);color:var(--cn-brand);font-variant-numeric:tabular-nums}.cn-headline{font-size:var(--cn-t-lg);text-transform:uppercase;color:var(--cn-text)}.cn-live{align-self:center;align-items:center;gap:var(--cn-sp-2);padding:var(--cn-sp-1) var(--cn-sp-2);border-radius:var(--cn-radius-chip);background:var(--cn-raise);box-shadow:var(--cn-glow);margin-inline-start:auto;display:inline-flex}.cn-live-dot{background:var(--cn-brand);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite cn-pulse}.cn-live-word{font-size:var(--cn-t-xs);letter-spacing:.08em;color:var(--cn-dim)}@keyframes cn-pulse{0%,to{opacity:1}50%{opacity:.35}}.cn-sentence{min-height:calc(2 * 1.4 * var(--cn-t-sm));font-size:var(--cn-t-sm);color:var(--cn-dim);margin:0;line-height:1.4}.cn-block{gap:var(--cn-sp-4);flex-direction:column;animation:.15s cn-fade;display:flex}@keyframes cn-fade{0%{opacity:0}to{opacity:1}}.cn-hint,.cn-notice,.cn-prediction,.cn-damage,.cn-side-line,.cn-sitout-text,.cn-explain-text,.cn-reroll-note{margin:0}.cn-hint,.cn-notice,.cn-side-line{font-size:var(--cn-t-sm);color:var(--cn-dim)}.cn-notice{border-left:2px solid var(--cn-line);padding-left:var(--cn-sp-3)}.cn-rack{overflow:hidden}.cn-rack-head{justify-content:space-between;align-items:center;gap:var(--cn-sp-3);min-height:32px;padding:0 var(--cn-sp-3);font-size:var(--cn-t-xs);letter-spacing:.08em;color:var(--cn-dim);display:flex}.cn-rack-list,.cn-seats{margin:0;padding:0;list-style:none}.cn-rack-row,.cn-seat{min-height:44px;padding:var(--cn-sp-2) var(--cn-sp-3);align-items:center;line-height:1.3;display:grid;position:relative}.cn-rack-row{gap:var(--cn-sp-4);grid-template-columns:1fr 4.5rem}.cn-rack-roled .cn-rack-row{grid-template-columns:1fr 6.5rem 4.5rem}.cn-rack-second{display:none}@media (min-width:480px){.cn-rack-roled .cn-rack-row{grid-template-columns:1fr 10rem 4.5rem}.cn-rack-second{display:inline}}@media (min-width:720px){.cn-rack-roled .cn-rack-row{grid-template-columns:minmax(0,16rem) 10rem minmax(4.5rem,1fr)}}.cn-seat{gap:var(--cn-sp-2);grid-template-columns:6.5rem 1fr 5.5rem}.cn-team-won .cn-seat,.cn-team-lost .cn-seat{grid-template-columns:5rem 1fr 7.5rem}.cn-rack-row+.cn-rack-row,.cn-seat+.cn-seat{border-top:1px solid var(--cn-line)}.cn-rack-open{background:var(--cn-bg)}.cn-open{font-size:var(--cn-t-xs);letter-spacing:.08em;color:var(--cn-dim)}.cn-rack-name,.cn-seat-name{min-width:0;font-size:var(--cn-t-md);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cn-rack-roles,.cn-seat-role{align-items:center;gap:var(--cn-sp-2);min-width:0;font-size:var(--cn-t-xs);letter-spacing:.06em;color:var(--cn-dim);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.cn-role-icon{flex:none}.cn-rack-rating,.cn-seat-rating{font-size:var(--cn-t-md);text-align:right}.cn-new{background:var(--cn-brand);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.cn-new-on{opacity:1}.cn-you{box-shadow:inset 2px 0 0 0 var(--cn-brand)}.cn-around-block{gap:var(--cn-sp-2);flex-direction:column;display:flex}.cn-around{padding:var(--cn-sp-2) var(--cn-sp-3);border-radius:var(--cn-radius-chip);background:var(--cn-raise);font-size:var(--cn-t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cn-dim);margin:0}.cn-rack-around{overflow:hidden}.cn-idle-cards{gap:var(--cn-sp-4);display:grid}@media (min-width:720px){.cn-idle-cards{grid-template-columns:1fr 1fr;align-items:start}}@media (min-width:1080px){.cn-grid-rail .cn-idle-cards{display:none}.cn-grid-idle>.cn-col{max-width:44rem}}.cn-cards{gap:var(--cn-sp-4);flex-direction:column;display:flex}@media (min-width:720px){.cn-cards{flex-direction:row;align-items:flex-start}.cn-cards>.cn-team{flex:1 1 0;min-width:0}}.cn-team{border-block-start:4px solid var(--cn-line);overflow:hidden}.cn-team-blue{background:var(--cn-blue-tint);border-block-start-color:var(--cn-blue)}.cn-team-red{background:var(--cn-red-tint);border-block-start-color:var(--cn-red)}.cn-team-won{border-color:var(--cn-brand)}.cn-team-won.cn-team-blue{border-block-start-color:var(--cn-blue)}.cn-team-won.cn-team-red{border-block-start-color:var(--cn-red)}.cn-team-lost{border-block-start-width:1px;border-block-start-color:var(--cn-line);padding-block-start:3px}@media (min-width:720px){.cn-team{border-block-start:1px solid var(--cn-line);border-inline-start:4px solid var(--cn-line)}.cn-team-blue{border-inline-start-color:var(--cn-blue)}.cn-team-red{border-inline-start-color:var(--cn-red)}.cn-team-lost{border-inline-start-width:1px;border-inline-start-color:var(--cn-line);padding-block-start:0;padding-inline-start:3px}}.cn-team-head{justify-content:space-between;align-items:baseline;gap:var(--cn-sp-3);padding:var(--cn-sp-2) var(--cn-sp-3);display:flex}.cn-team-heading{align-items:baseline;gap:var(--cn-sp-2);min-width:0;display:flex}.cn-side{font-size:var(--cn-t-lg);margin:0}.cn-head-sep{font-size:var(--cn-t-xs);color:var(--cn-dim)}.cn-off-legend{font-size:var(--cn-t-xs);letter-spacing:.08em;color:var(--cn-dim);white-space:nowrap;margin:0;font-weight:400}.cn-team-blue .cn-side{color:var(--cn-blue)}.cn-team-red .cn-side{color:var(--cn-red)}.cn-sum{font-size:var(--cn-t-md);color:var(--cn-dim);flex:none;margin:0}.cn-off{color:var(--cn-brand);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.cn-team-many-off .cn-off{color:var(--cn-dim)}.cn-seat-name{padding-left:calc(6px + var(--cn-sp-2))}.cn-off-dot{width:6px;height:6px;margin-left:calc(-6px - var(--cn-sp-2));margin-right:var(--cn-sp-2);background:var(--cn-brand);vertical-align:middle;border-radius:50%;display:inline-block}.cn-off-legend .cn-off-dot{margin-left:0}.cn-sitout,.cn-explain{border-inline-start:3px solid var(--cn-brand);overflow:hidden}.cn-sitout-text{padding:var(--cn-sp-3)}.cn-explain{gap:var(--cn-sp-3);padding:var(--cn-sp-3);flex-direction:column;display:flex}@media (min-width:720px){.cn-explain{flex-direction:row;justify-content:space-between;align-items:flex-start}}.cn-explain-text{color:var(--cn-text)}.cn-reroll{gap:var(--cn-sp-2);flex-direction:column;display:flex}.cn-button{width:100%;min-height:44px;padding:0 var(--cn-sp-4);font:inherit;color:var(--cn-brand);border:1px solid var(--cn-brand);border-radius:var(--cn-radius-row);cursor:pointer;background:0 0;transition:background-color .12s}.cn-button:active{background:var(--cn-pressed);transform:scale(.985)}.cn-button:disabled{color:var(--cn-dim);border-color:var(--cn-line);cursor:default}@media (min-width:720px){.cn-reroll{flex-shrink:0;align-items:flex-end}.cn-button{width:auto}}.cn-reroll-note{font-size:var(--cn-t-sm);color:var(--cn-dim)}.cn-result{gap:var(--cn-sp-2);padding:var(--cn-sp-4);flex-direction:column;display:flex}.cn-result-head{justify-content:space-between;align-items:baseline;gap:var(--cn-sp-3);margin:0;display:flex}.cn-win{font-size:var(--cn-t-display)}.cn-win-blue{color:var(--cn-blue)}.cn-win-red{color:var(--cn-red)}.cn-duration{font-size:var(--cn-t-sm);color:var(--cn-dim)}.cn-prediction{color:var(--cn-dim)}.cn-damage{font-size:var(--cn-t-sm)}.cn-damage-value{color:var(--cn-brand)}.cn-delta{font-size:var(--cn-t-sm);color:var(--cn-dim);font-weight:400}.cn-delta-up{color:var(--cn-text);font-weight:600}@media (prefers-reduced-motion:reduce){.cn-live-dot,.cn-block{animation:none}.cn-new,.cn-button{transition:none}.cn-button:active{transform:none}}.cn-card-title{font-family:var(--cn-font-sans);font-size:var(--cn-t-sm);letter-spacing:0;color:var(--cn-text);margin:0;font-weight:600}.cn-role-card{gap:var(--cn-sp-3);padding:var(--cn-sp-4);margin-top:var(--cn-sp-5);box-shadow:inset 2px 0 0 var(--cn-brand);flex-direction:column;display:flex}.cn-role-choices{justify-content:start;gap:var(--cn-sp-2);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));max-width:47rem;margin:0;display:grid}.cn-role-choice{justify-content:center;align-items:center;gap:var(--cn-sp-2);min-width:44px;min-height:44px;padding:0 var(--cn-sp-3);font-family:var(--cn-font-mono);font-size:var(--cn-t-xs);letter-spacing:.06em;color:var(--cn-text);background:var(--cn-raise);border:1px solid var(--cn-line);border-radius:var(--cn-radius-row);cursor:pointer;transition:background-color .12s;display:inline-flex}.cn-role-choice .cn-role-icon{color:var(--cn-dim)}.cn-role-choice:active{background:var(--cn-pressed)}.cn-role-on{color:var(--cn-brand);background:var(--cn-brand-tint);border-color:var(--cn-brand);box-shadow:inset 0 0 0 1px var(--cn-brand)}.cn-role-on .cn-role-icon{color:var(--cn-brand)}.cn-role-error{font-size:var(--cn-t-sm);color:var(--cn-text);margin:0}.cn-pick-list{margin:0;padding:0;list-style:none}.cn-pick-row{justify-content:space-between;align-items:center;gap:var(--cn-sp-3);min-height:44px;padding-block:var(--cn-sp-1);display:flex}.cn-pick-row+.cn-pick-row{border-top:1px solid var(--cn-line)}.cn-pick-name{font-size:var(--cn-t-md);overflow-wrap:anywhere;min-width:0;font-weight:600}@media (min-width:720px){.cn-pick-row{justify-content:start;gap:var(--cn-sp-4);grid-template-columns:minmax(0,16rem) auto;display:grid}.cn-pick-list{width:fit-content;max-width:100%}}.cn-pick-button{min-height:44px;padding:0 var(--cn-sp-3);font:inherit;font-size:var(--cn-t-sm);color:var(--cn-text);background:var(--cn-raise);border:1px solid var(--cn-line);border-radius:var(--cn-radius-row);cursor:pointer;transition:background-color .12s}.cn-pick-button:active{background:var(--cn-pressed)}.cn-signin{display:flex}.cn-start{gap:var(--cn-sp-3);flex-direction:column;display:flex}.cn-start-form{display:flex}.cn-start-note{font-size:var(--cn-t-sm);color:var(--cn-text);margin:0;font-weight:400}.cn-start-note-refused{font-weight:600}.cn-button-quiet{color:var(--cn-dim);border-color:var(--cn-line);cursor:default}.cn-missed{font-size:var(--cn-t-sm);color:var(--cn-text);margin:0}.cn-missed-password{-webkit-user-select:all;user-select:all}