@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{--bg-color:#f8fafc;--surface-color:#fff;--surface-color-hover:#f1f5f9;--primary-color:#2563eb;--primary-hover:#1d4ed8;--accent-color:#ea580c;--text-primary:#0f172a;--text-secondary:#64748b;--success-color:#16a34a;--danger-color:#dc2626;--border-color:#e2e8f0;--panel-bg:#ffffffd9}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word;min-height:100vh;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,sans-serif;line-height:1.6}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:border-color .3s,box-shadow .3s;box-shadow:0 10px 30px #0000000a}.glass-panel:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #00000014}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 2px 10px #00000005}.card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5rem;font-weight:700}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:1.8rem}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #3b82f640}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.btn-action{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-action:hover{background:var(--surface-color-hover);color:var(--text-primary);transform:translateY(-1px)}.container{max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem 3rem}@media (width<=768px){.container{padding:.75rem 1rem 2rem}}.navbar{border-bottom:1px solid var(--border-color);z-index:100;background:#fffffffa;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{color:var(--accent-color)}.dropdown-link{color:var(--text-secondary);text-align:center;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.dropdown-link:hover{background:var(--surface-color-hover);color:var(--text-primary)}.dropdown-link.active{color:var(--primary-color);background:var(--surface-color-hover);font-weight:800}.text-accent{color:var(--accent-color)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.court-container{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.court-container{grid-template-columns:1.2fr 1fr}}.volleyball-court{aspect-ratio:2;background:#f97316;border:4px solid #fff;border-radius:4px;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #f9731633}.court-half{border:2px solid #fff;flex:1;padding:1rem;display:block;position:relative}.court-half.left-half{border-right:none}.court-half.right-half{border-left:none}.court-net{z-index:10;background:#1e293b;border-radius:4px;width:6px;position:absolute;top:-10px;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.player-court-card{text-align:center;cursor:pointer;background:#fffffff2;border:2px solid #0000;border-radius:8px;width:100%;min-width:70px;max-width:90px;padding:.5rem;transition:all .2s;box-shadow:0 4px 10px #00000026}.player-court-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.player-court-card.active{border-color:var(--primary-color);background:#fff;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.player-number{color:var(--text-secondary);font-size:.75rem;font-weight:700}.player-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.player-token{background:var(--surface-color);cursor:grab;touch-action:none;z-index:10;border:3px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .1s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.player-token:active{cursor:grabbing;z-index:20}.player-token:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 6px 15px #0006}.player-token.active{background:var(--primary-color);border-color:#fff;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 4px #ffffff4d}.player-token .token-number{color:var(--text-primary);font-size:1.1rem;font-weight:900;line-height:1}.player-token.active .token-number{color:#fff}.player-token .token-name{color:#fff;white-space:nowrap;background:#0009;border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:700;position:absolute;bottom:-24px}.stat-btn-wrap{background:var(--btn-color,var(--primary-color));color:#fff;border-radius:8px;align-items:stretch;height:48px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.stat-btn-wrap:hover{filter:brightness(1.1)}.stat-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;transition:background .2s;display:flex}.stat-btn:hover{background:#fff3}.stat-btn-minus{border-right:1px solid #fff3}.stat-btn-plus{border-left:1px solid #fff3}.stat-btn-content{flex-direction:column;flex:1;justify-content:center;align-items:center;line-height:1.2;display:flex}.stat-label{opacity:.9;white-space:nowrap;font-size:.75rem;font-weight:600}.stat-value{font-size:1.1rem;font-weight:800}@media (width<=640px){.stat-btn-wrap{height:34px}.stat-btn{width:28px}.stat-label{font-size:.62rem}.stat-value{font-size:.85rem}.stat-section-title{margin-bottom:5px!important;padding-bottom:2px!important;font-size:.72rem!important}.stat-grid{gap:4px!important}}.team-row-grid{cursor:pointer;grid-template-columns:44px 1fr 80px 110px 90px 72px 36px;align-items:center;gap:8px;padding:16px 20px;transition:background .2s;display:grid}@media (width<=640px){.team-row-grid{grid-template-columns:36px 1fr 100px 56px 28px;gap:6px;padding:14px}}.team-record{text-align:center;white-space:nowrap;font-size:.85rem;font-weight:600}@media (width<=640px){.team-record{font-size:.72rem}}.player-row-grid{grid-template-columns:52px 1fr 160px 80px 80px;align-items:center;gap:8px;padding:16px 20px;display:grid}@media (width<=640px){.player-row-grid{grid-template-columns:32px 1fr 70px 65px;gap:6px;padding:14px}}.standings-container{width:100%;padding-bottom:16px;overflow-x:auto}.standings-grid{grid-template-columns:80px 1fr 100px 120px 100px 120px 40px;align-items:center;min-width:768px;display:grid}@media (width<=768px){.standings-grid{grid-template-columns:60px 1fr 80px 100px 80px 40px;min-width:500px}.hide-on-mobile{display:none!important}}@media (width<=640px){.container{padding:1.2rem 1rem}h1{font-size:1.6rem}h2{font-size:1.3rem}}.desktop-nav-links{align-items:center;gap:1.2rem;display:flex}.desktop-nav-auth{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{display:none!important}.mobile-bottom-nav{z-index:100;border-top:1px solid var(--border-color);padding:6px 0 env(safe-area-inset-bottom,6px);background:#fffffffa;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.bottom-nav-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:62px;padding:6px 4px;font-size:.78rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item.active svg{transform:scale(1.15)}@media (width<=960px){.desktop-nav-links,.desktop-nav-auth{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-bottom-nav{display:flex}}.tournaments-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tournaments-title-area{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tournaments-action-area{gap:8px;display:flex}.db-mode-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000005}@media (width<=640px){.tournaments-header{flex-direction:column;align-items:stretch;gap:12px}.tournaments-title-area{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.tournaments-action-area{width:100%}.tournaments-action-area>button{flex:1;justify-content:center;padding:10px;font-size:.85rem}}@media (width<=850px){.match-row-grid{display:none!important}.match-card-mobile{display:flex!important}.results-desktop-layout{display:none!important}.results-mobile-layout{display:flex!important}}.card.match-record-card{gap:16px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;transition:transform .2s,box-shadow .2s,background-color .2s!important;display:flex!important}.card.match-record-card:hover{transform:translateY(-2px)scale(1.005)!important;box-shadow:0 12px 30px #0000000f!important}.card.match-record-card:active{transform:scale(.98)!important}.admin-match-card-content{text-align:left;flex:1}.admin-match-card-content>div{text-align:left!important}.admin-match-card-action{flex-shrink:0}.admin-match-card-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=640px){.card.match-record-card{flex-direction:column!important;align-items:center!important;gap:12px!important;padding:20px 16px!important}.admin-match-card-content{text-align:center;width:100%}.admin-match-card-content>div{text-align:center!important}.admin-match-card-controls{justify-content:center;gap:8px;width:100%}.admin-match-card-action{flex:1;justify-content:center;display:flex}.admin-match-card-action>span{text-align:center;width:100%;padding:8px 16px;display:block}}.live-match-card{flex-shrink:0;width:420px}@media (width<=640px){.live-match-card{width:calc(100vw - 32px)!important;min-width:280px!important;max-width:420px!important;padding:1.25rem 1rem!important}.live-match-card div[style*="font-size: 1.1rem"]{font-size:.92rem!important}.live-match-card span[style*="font-size: 2rem"]{font-size:1.6rem!important}}.club-detail-grid{grid-template-columns:1.8fr 1fr;align-items:start;gap:30px;display:grid}@media (width<=768px){.club-detail-grid{grid-template-columns:1fr;gap:20px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.snap-scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;gap:1.5rem;padding-bottom:12px;display:flex;overflow-x:auto}.snap-scroll-container::-webkit-scrollbar{height:6px;display:block}.snap-scroll-container::-webkit-scrollbar-track{background:0 0}.snap-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.snap-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.snap-scroll-item{scroll-snap-align:center;flex-shrink:0}@media (width<=640px){.snap-scroll-item{scroll-snap-align:center}}.custom-vertical-scrollbar::-webkit-scrollbar{width:6px}.custom-vertical-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-vertical-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-vertical-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.custom-vertical-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.pwa-install-banner{z-index:99;color:#fff;background:#0f172afa;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:360px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:auto;right:24px;box-shadow:0 10px 30px #00000026}@media (width<=768px){.pwa-install-banner{width:auto;bottom:88px;left:16px;right:16px}}.match-row-grid{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:130px 1fr 40px 1fr 90px;align-items:center;gap:16px;padding:12px 20px;transition:all .2s;display:grid;box-shadow:0 4px 12px #00000005}.match-row-grid:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}@media (width<=640px){.match-row-grid{display:none!important}.match-card-mobile{display:flex!important}.results-desktop-layout{display:none!important}.results-mobile-layout{display:flex!important}}@media (width<=768px){.tournament-bracket-scroll-container{justify-content:flex-start!important;padding-left:16px!important;padding-right:16px!important}}.mypage-container{padding:16px 0}@media (width>=768px){.mypage-container{padding:32px 0}}.mypage-header{margin-bottom:20px}@media (width>=768px){.mypage-header{margin-bottom:36px}}.mypage-title{letter-spacing:-.03em;margin-bottom:4px;font-size:1.5rem;font-weight:900}@media (width>=768px){.mypage-title{font-size:2rem}}.mypage-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=900px){.mypage-grid{grid-template-columns:340px 1fr;gap:28px}}.mypage-card{border-radius:20px;padding:20px 16px}@media (width>=768px){.mypage-card{padding:28px 24px}}.mypage-form-control{border:2px solid var(--border-color);background:var(--bg-color);width:100%;min-height:44px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 12px;font-size:1rem;transition:border-color .2s}.mypage-form-control:focus{border-color:var(--primary-color)}.mypage-passcode-input{letter-spacing:.3em;text-align:center;font-weight:700}.mypage-tab-bar{border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.mypage-tab-bar::-webkit-scrollbar{display:none}.mypage-tab-btn{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.mypage-tab-btn:hover{background:var(--surface-color-hover);color:var(--text-primary)}.mypage-tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #2563eb33}.mypage-user-table-desktop{display:none}.mypage-user-table-desktop table{table-layout:fixed;width:100%}.mypage-user-cards-mobile{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.mypage-user-table-desktop{border:1px solid var(--border-color);background:var(--bg-color);border-radius:14px;display:block;overflow-x:auto}.mypage-user-cards-mobile{display:none}}.mypage-user-card-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.mypage-hero-banner{background:linear-gradient(135deg, #2563eb14 0%, #7c3aed0d 50%, var(--surface-color) 100%);border:1px solid var(--border-color);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #00000008}.stat-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;width:100%;display:grid}.stat-box-card{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform .2s,border-color .2s;display:flex}.stat-box-card:hover{border-color:var(--primary-color);transform:translateY(-4px)}@media (width<=768px){body{font-size:15px}h1{font-size:1.75rem!important}h2{font-size:1.4rem!important}.glass-panel{border-radius:18px!important;padding:20px 16px!important}.card{border-radius:14px!important;padding:16px!important}.btn{min-height:44px;padding:10px 18px!important;font-size:.9rem!important}.mypage-card{padding:18px 16px!important}.table-responsive,.bracket-scroll-container,.tournaments-scroll-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}.desktop-nav-links,.desktop-nav-auth{display:none!important}.mobile-menu-btn{display:block!important}}@media (width<=480px){.mypage-card-header{flex-direction:column;gap:10px;align-items:flex-start!important}.digital-ad-card-container{border-radius:20px!important;padding:18px 14px!important}}