.stp-chip{padding:8px 14px}.stp-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:clamp(16px,4vw,24px)}.stp-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:12.5px;font-weight:800;white-space:nowrap}.stp-icon-btn{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--dur-fast),color var(--dur-fast)}.stp-icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.stp-icon-btn.is-sm{width:30px;height:30px}.stp-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:800;font-size:14px;color:var(--color-text-muted);padding:6px}.stp-link-btn:hover{color:var(--color-text)}.stp-spinner{width:16px;height:16px;flex:none;border-radius:50%;border:2.5px solid var(--color-primary-soft);border-top-color:var(--color-primary);animation:stp-spin .8s linear infinite;display:inline-block}.stp-spinner.is-lg{width:30px;height:30px;border-width:3.5px}@keyframes stp-spin{to{transform:rotate(1turn)}}.stp-dots{display:inline-flex;gap:3px}.stp-dots span{width:6px;height:6px;border-radius:50%;background:currentColor;animation:stp-dot 1.2s ease-in-out infinite}.stp-dots span:nth-child(2){animation-delay:.15s}.stp-dots span:nth-child(3){animation-delay:.3s}@keyframes stp-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.stp-roomcode{display:inline-flex;font-family:var(--font-display);font-weight:700;line-height:1;color:var(--color-text);letter-spacing:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.stp-roomcode-cell{width:1em;display:inline-grid;place-items:center}.stp-room-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.stp-room-chip-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--color-text-subtle)}.stp-qr{width:88px;height:88px;flex:none;border-radius:var(--radius-md);background:var(--color-surface-2);display:grid;place-items:center;overflow:hidden}.stp-qr img{width:100%;height:100%;image-rendering:pixelated}.stp-avatar-btn{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:50%;flex:none;transition:transform var(--dur-fast) var(--ease-out)}.stp-avatar-btn:hover{transform:scale(1.03)}.stp-avatar-btn-edit{position:absolute;right:2px;bottom:2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);box-shadow:0 0 0 3px var(--color-surface)}.stp-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.stp-avatar-option{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-lg);border:2px solid transparent;background:var(--color-surface-2);cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast)}.stp-avatar-option:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.stp-avatar-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.stp-avatar-option img{width:78%!important;height:78%!important}.stp-avatar-check{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);box-shadow:0 0 0 2px var(--color-surface)}.stp-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(20,16,12,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:stp-fade var(--dur-base) var(--ease-out)}.stp-modal-backdrop.is-solid{background:color-mix(in srgb,var(--color-bg) 86%,transparent)}.stp-modal{width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:clamp(18px,4vw,26px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg,var(--shadow-md));animation:stp-pop var(--dur-base) var(--ease-bounce)}@keyframes stp-fade{0%{opacity:0}to{opacity:1}}.stp-entry{max-width:1040px;margin:0 auto;padding:clamp(20px,5vw,56px) var(--gutter) clamp(28px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:clamp(20px,5vw,56px);gap:clamp(20px,5vw,56px);align-items:center;animation:stp-rise var(--dur-base) var(--ease-out)}.stp-entry-copy{display:flex;flex-direction:column;gap:16px}.stp-entry-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5.4vw,50px);line-height:1.05;margin:0}.stp-live-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--green-50);color:var(--green-700);font-size:12.5px;font-weight:800}.stp-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 0 var(--color-success);animation:stp-live 1.8s ease-out infinite}@keyframes stp-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-success) 60%,transparent)}to{box-shadow:0 0 0 9px transparent}}.stp-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.stp-steps li{display:flex;gap:12px;align-items:flex-start}.stp-step-n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary);font-family:var(--font-display);font-weight:700}.stp-entry-card{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,4.5vw,32px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-card) + 6px);box-shadow:var(--shadow-md)}.stp-name-input{width:100%;height:56px;padding:0 16px;border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface-2);font-family:var(--font-display);font-weight:700;font-size:22px;text-align:center;color:var(--color-text);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.stp-name-input:focus{border-color:var(--color-primary);box-shadow:var(--ring)}.stp-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-subtle);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stp-divider:after,.stp-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.stp-code-input-wrap{flex:1 1;min-width:0;display:flex;align-items:center;gap:2px;padding-right:6px;border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface-2);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.stp-code-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:var(--ring)}.stp-code-input{flex:1 1;min-width:0;height:54px;padding:0 0 0 14px;border:none;outline:none;background:transparent;font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.3em;text-align:center;text-transform:uppercase;color:var(--color-text);box-shadow:none!important}.stp-code-input.is-masked{-webkit-text-security:disc}@media (max-width:760px){.stp-entry{grid-template-columns:minmax(0,1fr)}.stp-entry-copy{order:2}}.stp-room-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;margin-bottom:clamp(12px,3vw,18px)}.stp-conn-pill{margin-left:auto}.stp-conn-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.stp-conn-dot.is-off{background:var(--color-danger);animation:stp-dot 1s ease-in-out infinite}.stp-conn-banner{position:fixed;left:50%;top:76px;transform:translateX(-50%);z-index:70;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);font-weight:800;font-size:13.5px;box-shadow:var(--shadow-md);animation:stp-rise var(--dur-base) var(--ease-out)}.stp-hud{order:10;flex:1 0 100%;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.stp-hud-row{display:flex;align-items:center;gap:16px}.stp-hud-stack.is-button{cursor:pointer;border-radius:var(--radius-pill)}.stp-hud-stack.is-button:focus-visible{outline:var(--ring-width) solid var(--color-ring);outline-offset:3px}.stp-hud-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stp-hud-players li{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.stp-hud-player-name{flex:1 1;min-width:0;display:flex;flex-direction:column;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-hud-player-name small{font-weight:700;font-size:12px;color:var(--color-text-muted)}.stp-hud-player-actions{display:flex;gap:6px;flex-shrink:0}.stp-hud-stack{display:inline-flex;align-items:center;flex:none}.stp-hud-more{margin-left:6px;font-size:12px;font-weight:800;color:var(--color-text-subtle)}.stp-hud-cell{display:flex;flex-direction:column;min-width:0}.stp-hud-label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle)}.stp-hud-value{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stp-hud-progress{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--color-text-muted)}.stp-hud-track{flex:1 1;height:6px;background:var(--color-surface-sunken);overflow:hidden}.stp-hud-fill,.stp-hud-track{border-radius:var(--radius-pill)}.stp-hud-fill{height:100%;background:var(--color-success);transition:width var(--dur-slow) var(--ease-out)}.stp-show-sm{display:none}@media (max-width:520px){.stp-hide-sm{display:none}.stp-show-sm{display:inline}}.stp-round-bar{display:flex;align-items:center;gap:12px;margin-bottom:clamp(12px,3vw,18px)}.stp-round-no{font-family:var(--font-display);font-weight:700;font-size:18px;white-space:nowrap}.stp-round-no small{font-size:13px;color:var(--color-text-subtle)}.stp-seconds{font-family:var(--font-display);font-weight:700;font-size:20px;min-width:44px;text-align:right}.stp-seconds small{font-size:12px;color:var(--color-text-subtle);margin-left:1px}.stp-seconds.is-low{color:var(--color-danger);animation:stp-pop .5s var(--ease-bounce)}.stp-question{text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,4.6vw,30px);margin:0 0 clamp(12px,3vw,18px)}.stp-timer{height:10px;flex:1 1;background:var(--color-surface-sunken);overflow:hidden}.stp-timer,.stp-timer>span{border-radius:var(--radius-pill)}.stp-timer>span{display:block;height:100%;background:var(--color-primary);transform-origin:left center;animation-name:stp-timer;animation-duration:var(--timer-ms);animation-timing-function:linear;animation-fill-mode:both}@keyframes stp-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.stp-timer>span{animation-duration:var(--timer-ms)!important}}.stp-countdown-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:clamp(40px,10vw,80px) 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.stp-count{font-size:clamp(96px,28vw,160px);line-height:1;color:var(--color-primary);animation:stp-pop .5s var(--ease-bounce)}.stp-count,.stp-vs-badge-dot{font-family:var(--font-display);font-weight:700}.stp-vs-badge-dot{width:46px;height:46px;border-radius:var(--radius-pill);background:var(--color-text);color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:var(--shadow-md)}.stp-reveal-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(14px,3vw,22px);gap:clamp(14px,3vw,22px)}.stp-reveal-main,.stp-reveal-side{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px);min-width:0}@media (min-width:1024px){.stp-reveal-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.stp-reveal-side .stp-scoreboard{padding:18px 16px}.stp-round.stp-online .stp-reveal .stp-game-grid{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.stp-reveal .stp-vs{row-gap:12px}.stp-reveal .stp-buy-row.stp-vs-full{gap:22px;max-width:none;justify-self:stretch}}.stp-scoreboard{display:flex;flex-direction:column;min-height:0}.stp-scoreboard .stp-rank-list{min-height:0}.stp-my-result{text-align:center;background:var(--pink-50);border-radius:var(--radius-lg);padding:14px;animation:stp-pop var(--dur-base) var(--ease-bounce)}.stp-my-result.is-good{background:var(--green-50)}.stp-my-result-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--pink-700)}.stp-my-result.is-good .stp-my-result-title{color:var(--green-700)}.stp-my-result-sub{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:800;color:var(--color-text-muted)}.stp-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.stp-rank-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-md);animation:stp-rise var(--dur-base) var(--ease-out) both}.stp-rank-list li.is-me{background:var(--color-primary-soft)}.stp-rank-no{width:22px;font-weight:800;color:var(--color-text-subtle);text-align:center}.stp-rank-name{flex:1 1;min-width:0;font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-rank-score{font-family:var(--font-display);font-weight:700;font-size:16px}.stp-fastest{margin-left:6px;font-size:11px;font-weight:800;color:var(--color-coin-deep)}.stp-rank-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.stp-rank-line{display:flex;align-items:baseline;gap:6px;min-width:0}.stp-rank-line .stp-rank-name{flex:0 1 auto}.stp-rank-line .stp-fastest{flex:none;margin:0;white-space:nowrap}.stp-rank-answer{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-scoreboard-head{display:flex;align-items:baseline;gap:8px;padding:0 8px;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle)}.stp-scoreboard-head>:first-child{flex:1 1}.stp-scoreboard .stp-rank-list li{gap:8px}.stp-scoreboard .stp-rank-delta,.stp-scoreboard .stp-rank-score,.stp-scoreboard-col{flex:none;width:50px;text-align:right}.stp-scoreboard-col{font-size:10.5px;letter-spacing:.04em;white-space:nowrap}.stp-rank-delta{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-coin-deep)}.stp-rank-delta.is-zero{color:var(--color-text-subtle)}.stp-scoreboard-body{display:flex;flex-direction:column;min-height:0}.stp-scoreboard.is-compact .stp-rank-list li{padding-block:0}.stp-scoreboard.is-compact .stp-rank-name{font-size:13.5px}.stp-scoreboard.is-compact .stp-rank-delta,.stp-scoreboard.is-compact .stp-rank-score{font-size:14px}.stp-scoreboard-more{flex:none;height:24px;display:flex;align-items:flex-end;justify-content:center;font-size:12.5px;font-weight:800;color:var(--color-text-subtle)}.stp-rank-list li.is-pinned{position:relative;margin-top:10px}.stp-rank-list li.is-pinned:before{content:"";position:absolute;left:8px;right:8px;top:-8px;border-top:2px dotted var(--color-border-strong)}.stp-online[data-phase=lobby]{max-width:1180px}.stp-lobby{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:clamp(14px,2.4vw,22px);gap:clamp(14px,2.4vw,22px);align-items:start}.stp-lobby-side{display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:84px}@media (max-width:900px){.stp-lobby{grid-template-columns:minmax(0,1fr)}.stp-lobby-side{position:static}}.stp-lobby-main{gap:18px}.stp-lobby-actions,.stp-lobby-main,.stp-players-card{display:flex;flex-direction:column}.stp-lobby-actions{gap:8px}.stp-lobby-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stp-lobby-head h1{flex:1 0 auto;margin:0;font-family:var(--font-display);font-weight:700;font-size:22px}.stp-setting-row{display:flex;flex-direction:column;gap:9px}.stp-setting-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle)}.stp-setting-options{display:flex;flex-wrap:wrap;gap:7px}.stp-setting-hint{margin:0;font-size:12.5px;font-weight:700;color:var(--color-text-subtle)}.stp-setting-trio{display:flex;flex-wrap:wrap;gap:18px 28px}.stp-pool-note{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap;transition:opacity var(--dur-fast)}.stp-code-card{display:flex;flex-direction:column;gap:14px}.stp-players-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;margin-bottom:12px}.stp-lock-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--color-text-muted);cursor:pointer}.stp-lock-toggle .stp-switch{margin-left:2px}.stp-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);position:relative;cursor:pointer;transition:background-color var(--dur-fast)}.stp-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out)}.stp-switch:checked{background:var(--color-primary)}.stp-switch:checked:after{transform:translateX(18px)}.stp-player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:12px 8px;gap:12px 8px}.stp-player-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;animation:stp-pop var(--dur-base) var(--ease-bounce)}.stp-player-avatar{position:relative;border:none;background:none;padding:0;border-radius:50%;cursor:pointer}.stp-player-avatar:disabled{cursor:default}.stp-player-tile.is-me .stp-player-avatar img{box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-primary)}.stp-player-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px var(--color-surface)}.stp-player-badge.is-host{top:-4px;bottom:auto;background:var(--color-coin-deep)}.stp-player-badge.is-edit{background:var(--color-primary)}.stp-player-action{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,16,12,.5);opacity:0;transition:opacity var(--dur-fast)}.stp-player-avatar:focus-visible .stp-player-action,.stp-player-avatar:hover .stp-player-action{opacity:1}.stp-player-name{max-width:100%;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-player-sub{font-size:11px;font-weight:700;color:var(--color-text-subtle);min-height:1em}.stp-player-tile.is-me .stp-player-sub{color:var(--color-primary)}.stp-player-menu{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:170px;padding:6px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:stp-fade var(--dur-fast) var(--ease-out)}.stp-player-menu button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:none;border-radius:var(--radius-md);background:none;font-family:var(--font-body);font-weight:800;font-size:13.5px;color:var(--color-text);cursor:pointer;text-align:left}.stp-player-menu button:hover{background:var(--color-surface-2)}.stp-player-menu button.is-danger{color:var(--color-danger)}.stp-final{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(14px,3vw,20px);gap:clamp(14px,3vw,20px);max-width:680px;margin:0 auto;width:100%}.stp-final-board,.stp-final-hero,.stp-final-side{display:flex;flex-direction:column;gap:clamp(14px,3vw,20px);min-width:0;min-height:0}.stp-final-rounds{display:flex;flex-direction:column;gap:8px}.stp-final-actions{display:flex;flex-direction:column;gap:10px}.stp-final-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,6vw,44px);margin:0;animation:stp-pop .5s var(--ease-bounce)}.stp-podium{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,18px)}.stp-podium-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(92px,27vw,150px);animation:stp-rise var(--dur-slow) var(--ease-out) both}.stp-podium-name{max-width:100%;font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-podium-score{font-family:var(--font-display);font-weight:700;font-size:19px}.stp-podium-step{width:100%;height:80px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:grid;place-items:center;font-size:34px;background:var(--orange-100)}.stp-podium-step.is-1{height:140px;background:var(--color-coin)}.stp-podium-step.is-2{height:104px;background:var(--neutral-200)}.stp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.stp-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.stp-stats b{font-family:var(--font-display);font-size:22px}.stp-stats small{font-size:11.5px;font-weight:700;color:var(--color-text-subtle);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-tabs{display:flex;gap:6px;padding:4px;border-radius:var(--radius-pill);background:var(--color-surface-sunken)}.stp-tabs button{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:none;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-body);font-weight:800;font-size:14px;color:var(--color-text-muted);cursor:pointer}.stp-tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.stp-summary-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.stp-summary-no{width:22px;font-weight:800;color:var(--color-text-subtle);text-align:center}.stp-summary-media{width:46px;height:46px;flex:none;border-radius:var(--radius-md);display:grid;place-items:center;overflow:hidden;font-size:22px}.stp-summary-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}@media (min-width:1024px){.stp-room-bar{flex-wrap:nowrap}.stp-hud{order:0;flex:1 1 auto;min-width:0;flex-direction:row;align-items:center;gap:20px;margin-left:4px;padding:4px 18px 4px 5px;border-radius:var(--radius-pill)}.stp-hud-row{flex:0 1 auto;min-width:0}.stp-hud-label{white-space:nowrap}.stp-hud-progress{flex:1 1;min-width:150px;max-width:320px;margin-left:auto}}@media (min-width:1024px) and (min-height:560px){.stp-app:has(>.stp-online){display:flex;flex-direction:column;height:100vh;height:100dvh}.stp-app>.stp-online{flex:1 1;min-height:0;width:100%;display:flex;flex-direction:column;padding-top:16px;padding-bottom:20px}.stp-online>.stp-room-bar{flex:none;margin-bottom:14px}.stp-online>.stp-final,.stp-online>.stp-lobby,.stp-online>.stp-phase{flex:1 1;min-height:0}.stp-phase{display:flex;flex-direction:column}.stp-phase>.stp-question,.stp-phase>.stp-round-bar{flex:none;margin-bottom:14px}.stp-round.stp-online[data-mode=classic]{--photo-h:calc(100dvh - 430px)}.stp-round.stp-online[data-mode=versus]{--photo-h:calc(100dvh - 470px)}.stp-round.stp-online[data-phase=reveal]{max-width:1320px}.stp-round.stp-online[data-phase=finished]{max-width:1120px}.stp-phase>.stp-countdown-card{flex:1 1;min-height:0;justify-content:center}.stp-phase>.stp-game-grid{flex:0 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}.stp-online .stp-product-col{display:flex;flex-direction:column;min-height:0}.stp-online .stp-product-card,.stp-online .stp-product-media{flex:0 1 auto;min-height:0}.stp-online .stp-product-desc{flex:none}.stp-phase>.stp-vs{flex:0 1 auto;min-height:0;grid-template-rows:minmax(0,1fr) auto}.stp-online .stp-vs-tile{min-height:0}.stp-online .stp-vs-media{flex:0 1 auto;min-height:0;max-height:none}.stp-phase>.stp-vs>.stp-vs-full{min-height:42px}.stp-online .stp-vs-name{min-height:2.3em}.stp-reveal-grid{flex:1 1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}.stp-reveal-main,.stp-reveal-side{min-height:0}.stp-reveal-main>.stp-game-grid,.stp-reveal-main>.stp-vs{flex:1 1;min-height:0}.stp-reveal-main>.stp-vs{grid-template-rows:minmax(0,1fr) auto}.stp-reveal .stp-product-card{flex:1 1}.stp-round.stp-online .stp-reveal .stp-product-media,.stp-round.stp-online .stp-reveal .stp-vs-media{flex:1 1;aspect-ratio:auto;max-height:none}.stp-reveal .stp-guess-panel{padding:24px;overflow-y:auto;justify-content:safe center}.stp-reveal-main>.stp-my-result{flex:none}.stp-reveal .stp-guess-panel .stp-my-result-title{font-size:18px;text-wrap:balance}.stp-scoreboard{flex:1 1}.stp-scoreboard-body{flex:1 1;overflow:hidden}.stp-reveal-side>:not(.stp-scoreboard){flex:none}.stp-online>.stp-lobby{grid-template-rows:minmax(0,1fr);align-items:stretch}.stp-lobby-main{min-height:0;overflow-y:auto;overscroll-behavior:contain}.stp-online .stp-lobby-side{position:static;min-height:0;gap:10px;overflow-y:auto;overscroll-behavior:contain}.stp-lobby-side>.stp-panel{padding:16px 20px}.stp-lobby-side>.stp-code-card,.stp-lobby-side>.stp-lobby-actions{flex:none}.stp-code-card{gap:10px}.stp-code-card .stp-qr{width:64px;height:64px}.stp-players-card{flex:0 1 auto;min-height:150px}.stp-players-head{margin-bottom:8px}.stp-players-card .stp-player-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px 4px;margin:-6px -6px 0;padding:6px 6px 2px}.stp-players-card .stp-player-avatar img{width:44px!important;height:44px!important}.stp-players-card .stp-player-badge{width:19px;height:19px}.stp-players-card .stp-player-name{font-size:12.5px}.stp-players-card .stp-player-sub{font-size:10.5px}.stp-round.stp-online[data-phase=lobby]{max-width:1320px}.stp-online .stp-lobby-main{gap:12px;padding:16px 22px}.stp-lobby-head h1{font-size:20px}.stp-lobby .stp-chip{padding:5px 12px}.stp-lobby .stp-setting-options,.stp-lobby .stp-setting-row{gap:6px}.stp-lobby .stp-setting-trio{gap:12px 28px}.stp-online>.stp-final{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:28px}.stp-final-side{gap:18px;overflow-y:auto;justify-content:center;justify-content:safe center}.stp-final-hero{gap:18px}.stp-final-actions,.stp-final-hero{flex:none}.stp-final-list{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.stp-final-list.stp-panel{padding:14px 16px}.stp-final-actions{flex-direction:row;align-items:center}.stp-final-actions>*{flex:1 1;min-width:0}.stp-final-actions>:last-child{flex:none;order:-1}.stp-podium-step{height:clamp(40px,8vh,80px)}.stp-podium-step.is-1{height:clamp(64px,14vh,140px)}.stp-podium-step.is-2{height:clamp(52px,10.5vh,104px)}}@media (min-width:1024px) and (min-height:560px) and (max-height:780px){.stp-final-title{font-size:34px}.stp-podium-step{height:clamp(36px,7vh,80px)}.stp-podium-step.is-1{height:clamp(56px,11vh,140px)}.stp-podium-step.is-2{height:clamp(46px,9vh,104px)}}