@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--bg-card-hover:#1e293bf2;--primary:#3b82f6;--primary-glow:#3b82f680;--accent:#10b981;--accent-glow:#10b98180;--warning:#f59e0b;--danger:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff1a;--border-light:#ffffff0d;--glass-bg:#0f172a99;--glass-border:1px solid #ffffff14;--glass-shadow:0 4px 30px #0000004d;--glow-shadow:0 0 20px #3b82f64d}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-y:none;margin:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 85% 30%,#10b98114 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,Noto Sans KR,sans-serif;line-height:1.5}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff26}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.btn-primary:active{transform:translateY(0)}.btn-accent{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98163}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700}.text-gradient{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes flash-court{0%,to{background:#ef44440d;border-color:#ef444480;box-shadow:0 0 #ef444400}50%{background:#ef444499;border-color:#fff;box-shadow:0 0 50px #ef4444}}.flash-animation{animation:.5s ease-in-out 6 flash-court}.new-game-highlight{box-shadow:inset 0 0 20px #ef444433;background:#ef444426!important;border-color:#ef444499!important}.players-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.player-sort-controls{gap:.25rem;margin-left:auto;display:flex}.player-sort-controls .btn{color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;padding:.35rem .6rem;font-size:.78rem}.player-sort-controls .btn[aria-pressed=true]{color:#6ee7b7;background:#10b98129}.player-card-heading{align-items:center;gap:.35rem;min-width:0;display:flex}.player-card-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.player-admin-mark{vertical-align:middle;margin-right:3px;font-size:.65rem}.player-card-time,.player-card-games{white-space:nowrap;flex-shrink:0;font-size:.68rem}.player-card-time{color:var(--text-secondary)}.player-card-games{font-weight:600}.player-card-actions{grid-template-columns:4fr 1fr;gap:.35rem;display:grid}.player-card-actions.is-resting{grid-template-columns:2fr 2fr 1fr}.player-settings-button{border:1px solid var(--border-color);height:32px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:6px;flex:0 0 32px;font-size:1rem}.player-settings-button:focus-visible{outline:2px solid var(--accent)}.player-card-badges{align-items:center;min-width:0;height:23px;display:flex}.player-card-badge-content{white-space:nowrap;flex-shrink:0;align-items:center;gap:.3em;width:max-content;display:flex}.player-card-badge{font-size:inherit;background:#ffffff1f;border-radius:.45em;padding:.18em .4em}.player-card-badge small{opacity:.7}.preference-badge{color:#d8b4fe;background:#a855f733}.easy-badge{color:#6ee7b7;background:#10b9812e}.partner-badge{color:#fcd34d;background:#f59e0b1f}.player-preferences-dialog{border:var(--glass-border);width:min(440px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--text-primary);background:var(--bg-dark);border-radius:16px;margin:auto;padding:1.25rem;overflow-y:auto}.player-preferences-dialog::backdrop{background:#000000b3}.player-preferences-dialog form{flex-direction:column;gap:1rem;display:flex}.player-preferences-dialog h2{overflow-wrap:anywhere;font-size:1.1rem}.player-preferences-dialog label{flex-direction:column;gap:.4rem;display:flex}.player-preferences-dialog select{color:#fff;border:1px solid var(--border-color);background:#1e293b;border-radius:6px;width:100%;min-width:0;padding:.7rem}.player-preferences-dialog .preference-checkbox{flex-direction:row;align-items:center;gap:.6rem}.player-preferences-dialog p{color:var(--text-secondary);font-size:.8rem}.preference-actions{justify-content:flex-end;gap:.5rem;display:flex}.rest-confirm-dialog{width:min(380px,100% - 2rem);padding:1.5rem;box-shadow:0 24px 80px #00000080}.rest-confirm-icon{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98140;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.2rem;display:grid}.rest-confirm-dialog h2{margin-bottom:.65rem;font-size:1.25rem}.rest-confirm-dialog p{line-height:1.8}.rest-confirm-dialog strong{color:var(--text-primary)}.rest-confirm-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.5rem;display:grid}.rest-cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0f}.rest-cancel:focus-visible{outline:2px solid var(--text-secondary);outline-offset:3px}.main-layout{flex:1;grid-template:"courts queue"max-content"players queue"1fr/minmax(0,1fr) 350px;align-items:start;gap:1rem;display:grid}.courts-area{grid-area:courts}.players-area{grid-area:players}.queue-area{grid-area:queue}.header-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;margin-left:auto;display:grid}.header-actions .btn{min-height:44px;padding:.5rem .75rem}@media (width<=900px){.main-layout{flex-direction:column;align-items:stretch;display:flex}.courts-area{order:1}.queue-area{order:2;height:50vh;min-height:400px}.players-area{order:3}.app-container{padding:.5rem!important}}