.quick-pairing{flex-direction:column;gap:10px;min-width:0;display:flex}.quick-pairing>.pairing-policy{flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:32px;padding:0}.quick-pairing>.pairing-policy .text-link{margin-left:4px;font-size:11px}.rating-range{color:var(--muted);flex-direction:row;align-items:center;gap:6px;font-size:11px;display:inline-flex}.rating-range select{width:auto;min-height:32px;padding:2px 8px;font-size:12px}.pairing-grid.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.play-layout .pairing-grid.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.quick-grid .pairing-tile{cursor:pointer}.quick-grid .pairing-tile:disabled{cursor:default}.quick-grid .pairing-tile:disabled:not(.active){opacity:.55}.quick-grid .pairing-tile.transp:not(:disabled){opacity:.35}.quick-grid .pairing-tile.transp:hover:not(:disabled),.quick-grid .pairing-tile.transp:focus-visible{opacity:1}.quick-grid .pairing-tile.active{border-color:var(--primary);background:var(--tint);box-shadow:0 0 0 1px var(--primary), var(--shadow-2)}.quick-grid .pairing-tile.active .tile-caption{color:var(--primary);align-items:center;font-weight:600;display:inline-flex}.quick-grid .pairing-tile.active .tile-top>svg:last-child{opacity:1;color:var(--primary)}.tile-top>svg.waiting{color:var(--primary);opacity:1}.pairing-tile .tile-caption .spinner{width:12px;height:12px;margin-right:6px}.pairing-tile .range{font-variant-numeric:tabular-nums;letter-spacing:.02em;background:linear-gradient(90deg, var(--primary) 35%, var(--text) 50%, var(--primary) 65%) 0 0 / 220% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s cubic-bezier(.2,.6,.95,.7) infinite range-sweep}@keyframes range-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.quick-grid .custom-tile{text-align:left;min-height:58px;color:var(--text);flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:12px;padding:8px 14px}.custom-tile>svg:first-child{color:var(--primary);flex:none}.custom-tile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-grid .custom-tile .custom-tile-text strong{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.3}.custom-tile-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.custom-tile-chevron{color:var(--muted);transition:transform var(--motion-fast);flex:none;margin-left:auto}.custom-tile[aria-expanded=true] .custom-tile-chevron{transform:rotate(180deg)}.quick-grid .custom-tile:hover:not(:disabled){box-shadow:none;transform:none}.custom-clock-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);animation:enter-page .2s var(--ease-out) both;padding:12px 14px 14px}.queue-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;padding:14px;display:grid}.queue-card.matched{border-color:var(--primary);background:var(--tint)}.queue-card.matched h3{color:var(--primary)}.queue-card.ended{grid-template-columns:minmax(0,1fr)}.queue-text{flex-direction:column;gap:4px;min-width:0;display:flex}.queue-text h3{letter-spacing:-.02em;font-size:15px}.queue-text p{color:var(--muted);font-size:12px}.queue-facts{color:var(--text);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 6px;margin:2px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.queue-facts li+li:before{content:"·";color:var(--muted);margin-right:6px}.queue-side{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 12px;display:flex}.queue-side.row{grid-column:auto}.queue-side .search-clock{min-width:52px;margin:0;font-size:22px}.queue-side .button{min-height:44px}.queue-side .queue-limit{margin:0;font-size:11px}.queue-limit kbd{font:inherit;border:1px solid var(--border);background:var(--surface-soft);border-radius:3px;padding:0 4px;font-size:10px}.search-orbit.small{gap:6px;height:auto;margin:0}.search-orbit.small span{width:40px;height:40px;font-size:21px}.queue-card.matched .search-orbit span{border-color:var(--primary);animation:none;transform:none}.waiting-chips{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.waiting-chips>.muted{margin-right:2px}.lobby-chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:inline-flex}.lobby-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.lobby-chip[aria-pressed=true],.lobby-chip.selected{border-color:var(--primary);background:var(--tint);color:var(--primary);font-weight:600}.lobby-chip:disabled{opacity:.5;cursor:default}.lobby-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lobby-chip.suggest{color:var(--primary);border-style:dashed;align-self:flex-start;margin-top:4px}@media (pointer:coarse){.lobby-chip{min-height:44px}}.custom-clock-panel{flex-direction:column;gap:12px;display:flex}.custom-suggestions{flex-wrap:wrap;gap:6px;display:flex}.custom-fields{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.custom-field{flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.custom-field.off{opacity:.55}.custom-input{align-items:center;gap:6px;display:flex}.custom-input input{font-variant-numeric:tabular-nums;text-align:right;width:100%;min-width:0;min-height:44px;font-size:16px}.custom-input input[aria-invalid=true]{border-color:var(--danger-ink);box-shadow:0 0 0 1px var(--danger-ink)}.custom-input>span{color:var(--muted);flex:none}.custom-error{color:var(--danger-ink);font-size:11px}.custom-range{color:var(--muted);font-size:11px}.custom-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.custom-summary{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.custom-action .button{min-height:44px}.custom-clock-panel.compact{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:12px}.blocking-game{border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--tint);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 14px;margin-bottom:16px;padding:14px;display:grid}.blocking-game-side{padding-top:2px;font:30px/1 Noto Serif KR Variable,serif}.blocking-game-text{flex-direction:column;gap:3px;min-width:0;display:flex}.blocking-game-text h3{font-size:14px}.blocking-game-text p{font-size:13px}.blocking-game-text p .mine{color:var(--primary);font-weight:700}.blocking-game-text small{color:var(--muted);font-size:12px}.blocking-game-text .error{margin:4px 0 0}.blocking-game-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.blocking-game-actions .button{flex:140px;min-height:44px}@media (min-width:768px){.blocking-game{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.blocking-game-actions{flex-wrap:nowrap;grid-column:auto}.blocking-game-actions .button{flex:none}}.setup-panel{gap:18px;margin-top:4px}.setup-row{flex-direction:column;gap:8px;min-width:0;display:flex}.setup-label{font-size:13px;font-weight:600}.setup-note{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.clock-chips{flex-wrap:wrap;gap:6px;display:flex}.clock-chip{min-height:44px;padding:8px 14px;font-size:13px}.clock-chip .chip-chevron{color:var(--muted)}.clock-chip[aria-expanded=true] .chip-chevron{transform:rotate(180deg)}.level-buttons{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden}.level-buttons button{background:var(--surface);min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);border:0;font-size:14px}.level-buttons button+button{border-left:1px solid var(--border)}.level-buttons button:hover:not(:disabled){background:var(--surface-soft)}.level-buttons button.selected{background:var(--primary);color:var(--on-primary);font-weight:700}.level-buttons button:focus-visible{box-shadow:inset 0 0 0 2px var(--primary);outline:none}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segmented.three button{justify-content:center;align-items:center;gap:4px;padding:9px 6px;display:inline-flex}.segmented.three button svg{flex:none}.formation-pair{gap:8px;display:grid}.formation-pair .formation-compact{margin-top:0}@media (min-width:600px){.formation-pair.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (prefers-reduced-motion:reduce){.pairing-tile .range{color:var(--primary);background:0 0;animation:none}.custom-clock-box{animation:none}}@media (min-width:900px){.queue-card:not(.ended){grid-template-columns:auto minmax(0,1fr) auto}.queue-card:not(.ended) .queue-side{flex-direction:column;grid-column:auto;align-items:flex-end;gap:6px}}@media (max-width:767px){.queue-card{padding:12px}.quick-grid .custom-tile{min-height:52px;padding:6px 12px}.setup-panel{gap:14px}}@media (min-width:768px) and (max-height:500px){.setup-panel>.button.primary.full{z-index:5;box-shadow:0 0 0 6px var(--bg);position:sticky;bottom:8px}}.invite-panel{flex-direction:column;gap:8px;display:flex}.invite-note{color:var(--muted);font-size:12px;line-height:1.6}.invite-note strong{color:var(--text);font-weight:600}.invite-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6px;display:grid}.invite-actions .button{min-height:44px}.invite-panel .button.copied{border-color:var(--primary);color:var(--primary);background:var(--tint)}.invite-link>summary{min-height:36px;color:var(--muted);cursor:pointer;align-items:center;font-size:12px;display:inline-flex}.invite-link input{width:100%;min-height:42px;color:var(--muted);font-size:12px}.challenge-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);flex-direction:column;gap:12px;margin-top:10px;padding:14px;display:flex}.challenge-panel .formation-compact{margin-top:0}.challenge-panel>.button.full{min-height:44px}.game-cards.live{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:14px}.live-card{transition:border-color var(--motion-base), box-shadow var(--motion-base);flex-direction:column;gap:6px;padding:10px;display:flex}.live-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2)}.live-card .mini-board{padding:0}.live-player{align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.live-player>span:first-child{flex:none;font:15px/1 Noto Serif KR Variable,serif}.live-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.live-name small{color:var(--muted);font-size:11px}.live-clock{background:var(--surface-soft);font-variant-numeric:tabular-nums;border-radius:4px;flex:none;padding:1px 7px;font-size:13px}.live-player.turn .live-clock{background:var(--tint);color:var(--primary);font-weight:700}.live-player.turn .live-name{font-weight:600}