@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Noto+Sans+KR:wght@400;500;700&display=swap";
:root{--font-main:"Noto Sans KR",sans-serif;--font-display:"Orbitron",sans-serif;--color-accent:#fd0;--color-accent-glow:rgba(255,251,0,.4);--color-accent-alt:#ddff45;--color-gold:#c5a059;--bg-main:#0b0c10;--bg-surface:#151922;--bg-element:#1f2833;--bg-hover:#2b3744;--border-color:#363223;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#8f9aa7;--color-sat:#4dadff;--color-sun:#ff4d6d;--color-danger:#f05;--bg-danger:#3a1a22;--text-danger:#ff7675;--bg-success:#1a3a2a;--text-success:#55efc4;--max-width:1000px;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--transition-fast:all .2s ease;--transition-normal:all .3s ease;--team-color-red:#f05;--team-color-yellow:#fc0;--team-color-blue:#007bff;--color-fire:#ff9e0d;--level-l:#ffe66d;--level-a:#ffa96b;--level-b:#ff7eb3;--level-c:#7dffb3;--level-d:#00f2fe;--level-e:#7b8cff;--amber-gold:#ffb300}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}section{margin-top:20px;margin-bottom:20px}.section-title{font-family:var(--font-display);color:var(--color-accent);letter-spacing:1px;text-transform:uppercase;border-left:4px solid var(--color-accent);margin-bottom:15px;padding-left:10px;font-size:1.25rem}.section-title.auth{color:var(--color-accent);max-width:480px;margin:0 auto 12px}.section-sub{color:var(--text-secondary);max-width:480px;margin:0 auto 18px;font-size:1rem;font-weight:500}.section-sub-link{color:var(--text-secondary);text-decoration:none}.section-sub-link:hover{color:var(--color-accent)}.section-subtitle{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;margin-bottom:15px;padding-left:10px;font-size:1rem}.main-header{background-color:var(--bg-element);border-bottom:3px solid var(--color-accent);z-index:100;position:-webkit-sticky;position:sticky;top:0}.header-wrap{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:900}.logo i{color:var(--color-accent)}.nav-icons{gap:25px;display:flex}.nav-icons a{transition:var(--transition-fast);font-size:1.4rem;position:relative}.nav-icons a:hover{color:var(--color-accent)}.nav-icons .nav-badge{background-color:var(--color-danger);color:var(--text-primary);border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-5px;right:-10px}.slider-section{margin-top:30px;position:relative}.slider-wrapper{border-radius:var(--radius-lg);width:100%;height:280px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5)}.slide-item{width:100%;height:100%;position:relative}.slide-item img{object-fit:cover;filter:brightness(.6)contrast(1.1);width:100%;height:100%}.slide-caption{position:absolute;bottom:25px;left:25px;right:25px}.slide-caption h2{text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:5px;font-size:1.8rem;font-weight:700}.slide-caption p{color:var(--color-gold);font-weight:500}.slider-dots{justify-content:center;gap:8px;margin-top:12px;display:flex}.dot{background-color:var(--bg-element);width:50px;height:6px;transition:var(--transition-normal);border-radius:2px}.dot:hover{cursor:pointer;background-color:var(--color-accent);transform:translateY(-2px)}.dot.active{background-color:var(--color-accent)}.date-slider-wrap{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:12px;padding:15px;display:flex;position:relative}.slide-nav-btn{background:var(--bg-element);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;width:40px;height:55px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.slide-nav-btn:hover{background:var(--color-accent);color:var(--bg-main);box-shadow:0 0 12px var(--color-accent-glow)}.date-slider-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;flex-grow:1;gap:10px;padding:4px 0;display:flex;overflow-x:auto}.date-slider-track::-webkit-scrollbar{display:none}.date-slider-track{-ms-overflow-style:none;scrollbar-width:none}.date-btn{background:var(--bg-element);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;scroll-snap-align:start;min-width:80px;transition:var(--transition-fast);border:2px solid transparent;flex-direction:column;flex-shrink:0;align-items:center;padding:12px 0;display:flex}.date-btn .day{color:var(--text-secondary);margin-bottom:5px;font-size:.85rem}.date-btn .num{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.date-btn.sat .day{color:var(--color-sat)}.date-btn.sun .day{color:var(--color-sun)}.date-btn:hover{background-color:var(--bg-hover);border-color:var(--color-accent)}.date-btn.active{background:var(--color-accent);color:var(--bg-main)}.date-btn.active .day{color:var(--bg-element);font-weight:700}.category-trigger-wrap{justify-content:flex-start;display:flex}.category-btn{background-color:var(--bg-surface);color:var(--text-primary);border:2px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);align-items:center;gap:10px;padding:12px 24px;font-weight:700;display:inline-flex}.category-btn:hover{background-color:var(--color-accent);color:var(--bg-main);box-shadow:0 0 15px var(--color-accent-glow)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition-normal);background-color:rgba(0,0,0,.85);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-box{background:var(--bg-element);border-radius:var(--radius-lg);border:2px solid var(--color-accent);width:90%;max-width:450px;transition:var(--transition-normal);transform:scale(.8)}.modal-checkbox:checked~.modal-overlay{opacity:1;pointer-events:auto}.modal-checkbox:checked~.modal-overlay .modal-box{transform:scale(1)}.modal-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-header h4{font-family:var(--font-display);color:var(--color-accent)}.close-modal-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);font-size:1.2rem}.close-modal-btn:hover{color:var(--text-primary)}.category-list{list-style:none}.category-list li a{border-bottom:1px solid var(--border-color);transition:var(--transition-fast);align-items:center;gap:15px;padding:15px 20px;font-weight:500;display:flex}.category-list li a i{color:var(--color-accent);width:20px}.category-list li:last-child a{border-bottom:none}.category-list li a:hover{background-color:var(--bg-hover);padding-left:25px}.match-container{flex-direction:column;gap:15px;display:flex}.match-card{background:var(--bg-surface);border-left:5px solid var(--bg-element);border-radius:var(--radius-md);align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.match-card.hot{border-left-color:var(--color-danger);background:linear-gradient(90deg,#1d141f,var(--bg-surface))}.match-card.play{border-left-color:var(--color-accent-alt);background:linear-gradient(90deg,#141f1d,var(--bg-surface))}.match-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.match-time{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-1px;min-width:110px;font-size:1.8rem;font-weight:900}.match-info{flex-grow:1;padding-left:10px}.match-stadium{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:1.3rem;font-weight:700}.match-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{border-radius:var(--radius-sm);padding:3px 10px;font-size:.8rem;font-weight:500}.tag.format{background-color:var(--bg-hover);color:var(--text-primary)}.tag.players{background-color:var(--bg-success);color:var(--text-success)}.tag.players.critical{background-color:var(--bg-danger);color:var(--text-danger)}.join-btn{font-family:var(--font-display);background-color:var(--bg-element);color:var(--text-primary);border:1px solid var(--color-accent-alt);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);padding:10px 20px;font-weight:700}.join-btn:hover{background-color:var(--color-accent-alt);color:var(--bg-main)}.main-footer{background-color:var(--bg-main);border-top:1px solid var(--border-color);margin-top:60px;padding:40px 0}.footer-wrap{flex-direction:column;align-items:center;gap:20px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-muted);font-size:1.3rem;font-weight:900}.sitemap{flex-wrap:wrap;justify-content:center;gap:20px;list-style:none;display:flex}.sitemap a{color:var(--text-muted);font-size:.9rem}.sitemap a:hover{color:var(--color-accent)}.sns-buttons{gap:20px;display:flex}.sns-buttons a{color:var(--text-muted);transition:var(--transition-fast);font-size:1.3rem}.sns-buttons a:hover{color:var(--color-accent)}@media (max-width:768px){.slider-wrapper{height:200px}.slide-caption h2{font-size:1.4rem}.date-slider-wrap{gap:8px;padding:10px}.slide-nav-btn{width:34px;height:48px;font-size:.95rem}.date-btn{min-width:68px;padding:10px 0}.date-btn .num{font-size:1.2rem}.match-card{flex-direction:column;align-items:flex-start;gap:15px}.match-time{border-bottom:1px dashed var(--border-color);width:100%;min-width:auto;padding-bottom:5px}.match-action{width:100%}.join-btn{width:100%;padding:12px}}.profile-container{grid-template-columns:1fr 2fr;gap:20px;display:grid}.profile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;padding:25px;display:flex}.profile-card.basic-info{text-align:center;border-bottom:4px solid var(--color-accent);align-items:center}.avatar-wrap{color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent-glow));margin-bottom:15px;font-size:4.5rem}.info-group{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.stats-grid{font-family:var(--font-display);grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.info-item{flex-direction:column;gap:6px;display:flex}.info-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;font-weight:500}.info-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.info-value.name{font-size:1.3rem}.info-value.email{color:var(--text-muted);word-break:break-all;font-size:.95rem}.info-value i{color:var(--color-accent);margin-right:4px}.manner-good{color:var(--text-success)!important}.level-badge{font-family:var(--font-display);background:var(--bg-element);border-radius:var(--radius-sm);border:1px solid rgba(197,160,89,.3);width:-moz-fit-content;width:fit-content;padding:4px 10px;display:inline-block;color:var(--color-gold)!important}.manner-badge{font-family:var(--font-display);background:var(--bg-element);border-radius:var(--radius-sm);border:1px solid var(--amber-gold);width:-moz-fit-content;width:fit-content;padding:4px 10px;display:inline-block;color:var(--amber-gold)!important}.point-box{background:var(--bg-element);border-radius:var(--radius-md);border:1px dashed var(--border-color);grid-column:span 2;padding:15px 20px}.point-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.info-value.points{font-family:var(--font-display);color:var(--color-accent);font-size:1.8rem}.info-value.points .unit{color:var(--text-secondary);margin-left:2px;font-size:1rem}.profile-btn{background:var(--bg-element);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:inline-flex}.edit-btn{width:100%}.edit-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.charge-btn{background:var(--color-danger);border:none;box-shadow:0 0 10px rgba(255,0,85,.3)}.charge-btn:hover{background:#ff2a75;transform:translateY(-1px);box-shadow:0 0 15px rgba(255,0,85,.6)}@media (max-width:768px){.profile-container,.stats-grid{grid-template-columns:1fr}.point-box{grid-column:span 1}}.menu-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.menu-group{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-normal);padding:20px}.menu-group:hover{border-color:var(--color-accent);box-shadow:0 0 15px rgba(0,255,204,.05)}.menu-group-title{color:var(--text-primary);border-bottom:2px solid var(--bg-element);align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.menu-group-title i{color:var(--color-accent)}.menu-items{flex-direction:column;gap:8px;list-style:none;display:flex}.menu-items li a{background:var(--bg-element);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;border-left:3px solid transparent;align-items:center;gap:12px;padding:12px 15px;font-weight:500;display:flex}.menu-items li a i{text-align:center;width:20px;font-size:1rem}.menu-items li a:hover{color:var(--text-primary);background:var(--bg-hover);border-left-color:var(--color-accent);padding-left:20px}@media (max-width:768px){.menu-grid{grid-template-columns:1fr;gap:15px}.menu-group{padding:15px}}.new-slider-container{width:100%;margin-top:20px;position:relative}.new-slider-wrapper{border-radius:var(--radius-lg);scroll-behavior:smooth;scroll-snap-type:x mandatory;border:1px solid var(--border-color);width:100%;height:400px;display:flex;overflow-x:auto;box-shadow:0 8px 24px rgba(0,0,0,.6)}.new-slider-wrapper::-webkit-scrollbar{display:none}.new-slider-wrapper{-ms-overflow-style:none;scrollbar-width:none}.new-slide-item{scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%;position:relative}.new-slide-item img{object-fit:cover;filter:brightness(.85)contrast(1.15);width:100%;height:100%}.new-slide-counter{border:1px solid var(--color-danger);color:var(--color-danger);font-family:var(--font-display);border-radius:var(--radius-sm);letter-spacing:1px;z-index:10;background:rgba(11,12,16,.9);padding:5px 12px;font-size:.85rem;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 0 10px rgba(255,0,85,.2)}.new-slide-caption{z-index:5;position:absolute;bottom:20px;left:20px;right:20px}.new-slide-caption h2{text-shadow:2px 2px 4px rgba(0,0,0,.9);color:var(--text-primary);margin-bottom:5px;font-size:1.6rem;font-weight:700}.new-slide-caption p{color:var(--text-secondary);font-size:.95rem;font-weight:400}@media (max-width:768px){.new-slider-wrapper{height:180px}.new-slide-caption h2{font-size:1.25rem}.new-slide-caption p{font-size:.85rem}.new-slide-counter{padding:4px 8px;font-size:.75rem;top:15px;right:15px}}.match-detail-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:25px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4)}.match-detail-box:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-alt));width:100%;height:4px;position:absolute;top:0;left:0}.match-datetime{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.date-badge,.time-badge{font-family:var(--font-display);border-radius:var(--radius-sm);padding:4px 12px;font-size:.85rem;font-weight:700}.date-badge{background:var(--bg-element);color:var(--text-primary);border:1px solid var(--border-color)}.time-badge{background:var(--bg-danger);color:var(--text-danger)}.match-stadium-title{color:var(--text-primary);letter-spacing:-.5px;font-size:1.75rem;font-weight:700}.match-detail-info{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 0;display:flex}.address-wrap{flex-direction:column;flex-grow:1;gap:8px;display:flex}.address-content{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.address-text{color:var(--text-secondary);font-size:1.05rem}.address-text i{color:var(--color-accent)}.view-btn,.copy-btn{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--bg-hover)}.meta-wrap{color:var(--text-muted);gap:15px;font-size:.9rem;display:flex}.meta-item i{margin-right:4px}.match-detail-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;display:flex}.price-wrap{flex-direction:column;gap:4px;display:flex}.match-price{font-family:var(--font-display);color:var(--color-accent);font-size:2rem;font-weight:900}.match-price .currency{font-family:var(--font-main);color:var(--text-secondary);font-size:1.1rem;font-weight:500}.action-submit-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-alt));max-width:400px;color:var(--bg-main);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:0 0 20px var(--color-accent-glow);border:none;flex-grow:1;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.2rem;font-weight:900;display:inline-flex}.action-submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px rgba(69,243,255,.6)}.action-submit-btn:active{transform:translateY(0)}.action-login-btn{background:linear-gradient(135deg,var(--color-accent-alt),var(--text-success));max-width:400px;color:var(--bg-success);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;flex-grow:1;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.2rem;font-weight:900;display:inline-flex;box-shadow:0 0 20px rgba(69,255,171,.6)}.action-login-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px rgba(69,255,171,.6)}.action-login-btn:active{transform:translateY(0)}.action-finished-btn{background:linear-gradient(135deg,var(--bg-hover),var(--bg-element));max-width:400px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:0 0 20px var(--border-color);border:none;flex-grow:1;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.2rem;font-weight:900;display:inline-flex}.action-cancel-btn{background:linear-gradient(135deg,var(--color-danger),var(--bg-danger));max-width:400px;color:var(--text-danger);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:0 0 20px var(--border-color);border:none;flex-grow:1;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.2rem;font-weight:900;display:inline-flex}.action-cancel-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px rgba(255,69,69,.6)}.action-cancel-btn:active{transform:translateY(0)}@media (max-width:768px){.match-detail-box{gap:20px;padding:20px}.match-stadium-title{font-size:1.4rem}.match-detail-info{flex-direction:column;align-items:flex-start;gap:15px}.meta-wrap{border-top:1px dashed var(--border-color);justify-content:flex-start;width:100%;padding-top:10px}.match-detail-footer{flex-direction:column;align-items:flex-start;gap:15px}.action-submit-btn{width:100%;max-width:100%;padding:14px;font-size:1.1rem}}.info-detail-grid{grid-template-columns:2.5fr 1fr;gap:20px;display:grid}.info-stats-container{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.stat-card:hover{background:var(--bg-element);border-color:var(--color-accent)}.stat-card .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.stat-card .stat-value{color:var(--text-primary);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.stat-card .stat-value i{color:var(--color-accent);text-align:center;width:20px;font-size:1.15rem}.stat-value.highlight-gold,.stat-value.highlight-gold i{color:var(--color-gold)}.stat-value.highlight-green,.stat-value.highlight-green i{color:var(--text-success)}.info-manager-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:22px;display:flex}.manager-profile{align-items:center;gap:15px;display:flex}.manager-avatar{color:var(--color-accent-alt);background:var(--bg-element);border:2px solid var(--color-accent-alt);border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto;font-size:3rem;display:flex;position:relative}.manager-avatar .live-badge{background:var(--color-danger);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.5px;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:900;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.manager-meta{flex-direction:column;gap:4px;width:100%;display:flex}.manager-name{color:var(--text-primary);text-align:center;font-size:1.15rem;font-weight:700}.manager-desc{color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;font-size:.85rem;line-height:1.3}.manager-badges{gap:10px;display:flex}.m-badge{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:.85rem;font-weight:600;display:inline-flex}.m-badge i{color:var(--color-gold)}@media (max-width:768px){.info-detail-grid{grid-template-columns:1fr;gap:15px}.info-stats-container{grid-template-columns:1fr;gap:10px}.stat-card{padding:15px}.info-manager-card{padding:20px}}.analysis-main-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.analysis-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px}.analysis-card-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:1.05rem;font-weight:700;display:flex}.analysis-card-title i{color:var(--color-accent)}.chart-bar-container{justify-content:space-between;align-items:flex-end;height:180px;padding:10px 10px 0;display:flex}.chart-bar-wrapper{flex-direction:column;align-items:center;width:14%;height:100%;display:flex}.chart-bar-track{background:var(--bg-element);border-radius:var(--radius-sm)var(--radius-sm)0 0;align-items:flex-end;width:100%;height:82%;display:flex;overflow:hidden}.chart-bar-fill{width:100%;height:var(--bar-height);background:linear-gradient(180deg,var(--bg-hover),#3a4b5c);border-top:2px solid var(--text-muted);justify-content:center;align-items:flex-start;padding-top:4px;animation:1s ease-out forwards barGrow;display:flex;position:relative}.chart-bar-fill.highlight-accent{background:linear-gradient(180deg,var(--color-accent),rgba(0,255,204,.2));border-top-color:#fff;box-shadow:0 0 10px rgba(0,255,204,.2)}.bar-percent{font-family:var(--font-display);color:var(--text-primary);font-size:.75rem;font-weight:700}.chart-bar-fill.highlight-accent .bar-percent{color:var(--bg-main)}.bar-label{color:var(--text-secondary);white-space:nowrap;margin-top:10px;font-size:.8rem;font-weight:500}.chart-donut-grid{grid-template-columns:repeat(4,1fr);gap:15px 10px;display:grid}.donut-item{flex-direction:column;align-items:center;gap:6px;display:flex}.donut-circle{background:conic-gradient(var(--color-accent-alt)var(--donut-deg),var(--bg-element)0deg);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.donut-circle:before{content:"";background:var(--bg-surface);border-radius:50%;width:44px;height:44px;position:absolute}.donut-value{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:900;position:relative}.donut-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.analysis-goat-board{background:var(--bg-surface);border:1px solid var(--border-color);border-top:3px solid var(--color-gold);border-radius:var(--radius-lg);padding:22px}.goat-header{margin-bottom:20px}.goat-title{font-family:var(--font-display);color:var(--color-gold);align-items:center;gap:8px;margin-bottom:4px;font-size:1.1rem;display:flex}.goat-system-desc{color:var(--text-secondary);font-size:.88rem}.goat-players-list{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.goat-player-card{background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:15px 5px;display:flex;position:relative}.goat-player-card.rank-1{background:linear-gradient(135deg,#241d11,var(--bg-element));border-color:var(--color-gold);box-shadow:0 0 15px rgba(197,160,89,.15)}.goat-badge{font-family:var(--font-display);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:900}.rank-1 .goat-badge{background:var(--color-gold);color:var(--bg-main);border:none}.goat-avatar{color:var(--text-muted);font-size:1.8rem}.rank-1 .goat-avatar{color:var(--color-gold);filter:drop-shadow(0 0 5px rgba(197,160,89,.5))}.goat-name{color:var(--text-primary);font-size:.9rem;font-weight:700}@keyframes barGrow{0%{height:0%}}@media (max-width:768px){.analysis-main-grid{grid-template-columns:1fr}.chart-donut-grid{grid-template-columns:repeat(4,1fr)}.goat-players-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.chart-donut-grid{grid-template-columns:repeat(3,1fr)}.chart-bar-container{height:150px}.donut-circle{width:50px;height:50px}.donut-circle:before{width:38px;height:38px}.donut-value{font-size:.85rem}}.stadium-options-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.option-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:15px 10px;display:flex}.option-card:hover{border-color:var(--color-accent-alt);background:var(--bg-element)}.option-icon{color:var(--color-accent);font-size:1.4rem}.option-text{color:var(--text-primary);font-size:.85rem;font-weight:600}.stadium-rules-board{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:25px;display:flex}.rules-board-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.rules-board-title i{color:var(--color-accent)}.rules-highlight-box{border:1px solid var(--color-gold);border-radius:var(--radius-md);background:rgba(255,184,0,.05);padding:15px 18px}.rules-highlight-box p{color:var(--color-gold);align-items:flex-start;gap:8px;font-size:.92rem;font-weight:600;line-height:1.5;display:flex}.rules-highlight-box i{margin-top:2px}.rules-content-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rules-group{background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px}.rules-group-sub{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.rules-group-sub i{color:var(--color-accent-alt)}.rules-list{flex-direction:column;gap:10px;list-style:none;display:flex}.rules-list li{color:var(--text-secondary);padding-left:12px;font-size:.88rem;line-height:1.5;position:relative}.rules-list-p{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;max-width:500px;padding-left:12px;font-size:.88rem;line-height:1.5}.rules-list li:before{content:"▪";color:var(--text-muted);position:absolute;left:0}.text-danger-span{color:var(--text-danger);font-weight:700}.text-warning-span{color:var(--color-gold);font-weight:600}.rules-fullwidth{grid-column:1/-1}.grid-two-col{grid-template-columns:1fr;gap:12px;display:grid}@media (max-width:992px){.stadium-options-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.rules-content-grid{grid-template-columns:1fr;gap:15px}.stadium-rules-board{gap:15px;padding:15px}}@media (max-width:480px){.stadium-options-grid{grid-template-columns:repeat(2,1fr);gap:8px}.option-card{padding:12px 6px}.option-icon{font-size:1.2rem}}.notice-details{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-normal);overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.3)}.notice-summary{background:var(--bg-surface);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:22px 25px;list-style:none;display:flex}.notice-summary::-webkit-details-marker{display:none}.summary-title-text{color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.summary-title-text i{color:var(--color-accent)}.toggle-icon-indicator{color:var(--text-muted);transition:transform var(--transition-normal);font-size:1rem}.notice-summary:hover{background:var(--bg-element)}.notice-summary:hover .toggle-icon-indicator{color:var(--color-accent)}.notice-details[open] .toggle-icon-indicator{color:var(--color-accent);transform:rotate(180deg)}.notice-expanded-content{border-top:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-surface),var(--bg-main));padding:0 25px 25px;animation:.4s ease-out fadeAccordion}.notice-content-grid{grid-template-columns:1fr 1.2fr;gap:25px;margin-top:20px;display:grid}.notice-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background:rgba(255,255,255,.01);padding:20px}.notice-block-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:15px;font-size:1rem;font-weight:700;display:flex}.rule-block .notice-block-title i{color:var(--color-danger)}.process-block .notice-block-title i{color:var(--color-accent-alt)}.notice-bullet-list{flex-direction:column;gap:12px;list-style:none;display:flex}.notice-bullet-list li{color:var(--text-secondary);padding-left:15px;font-size:.9rem;line-height:1.6;position:relative}.notice-bullet-list li:before{content:"";background:var(--text-muted);border-radius:1px;width:5px;height:5px;position:absolute;top:9px;left:0}.text-highlight-cyan{color:var(--color-accent);font-weight:600}.text-highlight-red{color:var(--text-danger);font-weight:600}.text-highlight-gold{color:var(--color-gold);font-weight:600}.text-highlight-orange{color:#f90;font-weight:600}@keyframes fadeAccordion{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notice-summary{padding:18px 20px}.summary-title-text{font-size:1rem}.notice-expanded-content{padding:0 20px 20px}.notice-content-grid{grid-template-columns:1fr;gap:15px}.notice-block{padding:15px}}.form-container-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.form-grid-layout{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group-item{flex-direction:column;gap:8px;display:flex}.form-group-item.spacing-top{margin-top:20px}.form-label{color:var(--text-primary);letter-spacing:-.3px;font-size:.9rem;font-weight:700}.required-mark{color:var(--color-danger);margin-left:2px}.form-input-text,.form-input-date,.form-select,.form-textarea{background:var(--bg-element);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:12px 15px;font-family:inherit;font-size:.95rem}.form-input-text:focus,.form-input-date:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);background:var(--bg-hover);outline:none}.form-input-date::-webkit-calendar-picker-indicator{filter:invert(.8)sepia()saturate(5)hue-rotate(130deg);cursor:pointer}.select-wrapper{width:100%;position:relative}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-wrapper:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.radio-checkbox-group{background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-wrap:wrap;gap:20px;padding:14px 18px;display:flex}.control-label-wrapper{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.form-radio,.form-checkbox{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.checkbox-sole-wrapper{border-radius:var(--radius-sm);background:rgba(255,0,85,.03);border:1px dashed rgba(255,0,85,.3);padding:12px 15px}.custom-control-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-action-area{border-top:1px solid var(--border-color);justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.form-btn-primary,.form-btn-secondary{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:700}.form-btn-primary{background:var(--color-accent-alt);color:var(--bg-main);border:none;box-shadow:0 4px 12px rgba(65,234,212,.2)}.form-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 18px rgba(65,234,212,.4)}.form-btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.form-btn-secondary:hover{background:var(--bg-element);color:var(--text-primary);border-color:var(--text-muted)}@media (max-width:768px){.form-container-box{padding:20px}.form-grid-layout{grid-template-columns:1fr;gap:15px}.radio-checkbox-group{flex-direction:column;gap:12px;padding:15px}.form-action-area{flex-direction:column-reverse;gap:10px}.form-btn-primary,.form-btn-secondary{text-align:center;width:100%;padding:14px}}.point-status-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;display:flex;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.3)}.point-info-area{flex-direction:column;gap:6px;display:flex}.point-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.point-label i{color:var(--color-gold)}.point-amount-wrap{align-items:baseline;gap:4px;display:flex}.point-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;font-size:2.2rem;font-weight:900}.point-unit{font-family:var(--font-display);color:var(--color-gold);font-size:1.2rem;font-weight:800}.point-actions-area{align-items:center;gap:12px;display:flex}.point-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.point-btn.btn-refund{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.point-btn.btn-refund:hover{background:var(--bg-element);color:var(--text-primary);border-color:var(--text-muted)}.point-btn.btn-charge-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-alt));color:var(--bg-main);box-shadow:0 0 15px var(--color-accent-glow);border:none;padding:12px 32px;font-size:1rem;font-weight:800}.point-btn.btn-charge-accent:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 25px rgba(65,234,212,.6)}.point-btn.btn-charge-accent:active{transform:translateY(0)}.point-btn.btn-charge-accent i{animation:1.5s infinite pulseIcon}@keyframes pulseIcon{0%{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #fff);transform:scale(1.2)}to{opacity:.9;transform:scale(1)}}@media (max-width:768px){.point-status-box{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.point-value{font-size:1.8rem}.point-actions-area{width:100%}.point-btn{flex:1;justify-content:center;padding:12px 16px}.point-btn.btn-charge-accent{flex:1.5}}.history-filter-bar{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:8px;width:max-content;margin-bottom:20px;padding:6px;display:flex}.filter-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:8px 20px;font-size:.9rem;font-weight:700}.filter-btn:hover{color:var(--text-primary);background:var(--bg-element)}.filter-btn.active{background:var(--color-accent);color:var(--bg-main)}.timeline-year-divider{align-items:center;margin:30px 0 15px;display:flex}.timeline-year-divider:before,.timeline-year-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--border-color),transparent);flex:1;height:1px}.timeline-year-divider span{font-family:var(--font-display);color:var(--color-gold);letter-spacing:1px;padding:0 20px;font-size:1rem;font-weight:800}.history-list-container{flex-direction:column;gap:10px;display:flex}.history-item-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-item-row:hover{background:var(--bg-hover);border-color:var(--color-accent-alt);transform:translate(5px)}.item-left-info{align-items:center;gap:18px;display:flex}.badge{text-align:center;border-radius:4px;min-width:75px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-charge{color:var(--color-accent);background:rgba(0,255,204,.1);border:1px solid rgba(0,255,204,.2)}.badge-use{background:var(--bg-element);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-refund{color:var(--color-danger);background:rgba(255,0,85,.1);border:1px solid rgba(255,0,85,.2)}.title-date-wrap{flex-direction:column;gap:5px;display:flex}.history-item-title{color:var(--text-primary);font-size:.98rem;font-weight:700}.history-item-date{color:var(--text-muted);font-size:.8rem}.item-right-amount{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.amount-plus{color:var(--color-accent)}.amount-minus{color:var(--text-primary)}.change-amount{font-size:1.25rem;font-weight:900}.after-amount{color:var(--color-gold)}.modal-checkbox{display:none}.point-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;background:rgba(11,12,16,.85);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-checkbox:checked~.point-modal-overlay{opacity:1;pointer-events:auto}.point-modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:92%;max-width:420px;transition:transform .3s;overflow:hidden;transform:translateY(-20px);box-shadow:0 20px 45px rgba(0,0,0,.7)}.modal-checkbox:checked~.point-modal-overlay .point-modal-card{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-element);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.modal-title i{color:var(--color-gold)}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:1.2rem}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:14px;padding:22px;display:flex}.modal-detail-row{justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.modal-detail-row .detail-label{color:var(--text-secondary)}.modal-detail-row .detail-value{color:var(--text-primary);font-weight:600}.text-accent-color{color:var(--color-accent)!important}.border-top-dash{border-top:1px dashed var(--border-color);margin-top:4px;padding-top:14px}.modal-footer{padding:10px 22px 22px}.modal-action-btn{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);width:100%;padding:12px 0;font-size:.95rem;font-weight:700;display:block}.modal-action-btn:hover{background:var(--color-accent);color:var(--bg-main);border-color:var(--color-accent)}@media (max-width:768px){.history-filter-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.filter-btn{padding:8px 0;font-size:.8rem}.history-item-row{padding:14px 15px}.item-left-info{gap:12px}.badge{min-width:65px;padding:3px 6px;font-size:.7rem}.history-item-title{font-size:.9rem}.item-right-amount{font-size:1rem}}.lineup-summary-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 22px;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.2)}.lineup-total-title{color:var(--text-primary);letter-spacing:.5px;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.lineup-total-title i{color:var(--color-accent)}.total-player-counter{color:var(--text-secondary);font-size:.95rem;font-weight:700}.total-player-counter .count-highlight{color:var(--color-accent);font-size:1.2rem;font-weight:700}.total-player-counter .count-highlight-white{color:var(--text-primary);font-size:1.2rem;font-weight:700}.squad-teams-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.team-squad-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-normal);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4)}.team-squad-card.team-red{border-top:3px solid var(--team-color-red)}.team-squad-card.team-blue{border-top:3px solid var(--team-color-blue)}.team-squad-card.team-yellow{border-top:3px solid var(--team-color-yellow)}.team-squad-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.5)}.team-squad-header{background:var(--bg-element);border-bottom:1px solid var(--border-color);padding:18px}.team-identity{align-items:center;gap:8px;margin-bottom:8px;display:flex}.team-color-dot{border-radius:50%;width:10px;height:10px}.team-red .team-color-dot{background:var(--team-color-red);box-shadow:0 0 8px var(--team-color-red)}.team-blue .team-color-dot{background:var(--team-color-blue);box-shadow:0 0 8px var(--team-color-blue)}.team-yellow .team-color-dot{background:var(--team-color-yellow);box-shadow:0 0 8px var(--team-color-yellow)}.team-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;font-size:1.1rem;font-weight:900}.team-meta-info{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.team-count i{margin-right:3px}.team-red .team-count i{color:var(--color-danger)}.team-blue .team-count i{color:var(--color-accent-alt)}.team-gold .team-count i{color:var(--color-gold)}.player-squad-list{flex-direction:column;list-style:none;display:flex}.player-row{transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03);align-items:center;padding:14px 18px;display:flex}.player-row:last-child{border-bottom:none}.player-row:hover{background:var(--bg-hover)}.jersey-number{font-family:var(--font-display);color:var(--text-muted);text-align:left;width:25px;font-size:.9rem;font-weight:800}.player-profile-main{flex-grow:1;justify-content:space-between;align-items:center;display:flex}.player-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.player-level-tag{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.badge-pro{color:var(--color-danger);background:rgba(255,0,85,.1)}.badge-semi{color:var(--color-accent-alt);background:rgba(0,229,255,.1)}.badge-ama{color:var(--color-accent);background:rgba(0,255,204,.1)}.badge-beg{background:var(--bg-element);color:var(--text-secondary)}.badge-rook{background:var(--bg-element);color:var(--text-muted)}.level-badge-l{background:var(--bg-element);color:var(--level-l)}.level-badge-a{background:var(--bg-element);color:var(--level-a)}.level-badge-b{background:var(--bg-element);color:var(--level-b)}.level-badge-c{background:var(--bg-element);color:var(--level-c)}.level-badge-d{background:var(--bg-element);color:var(--level-d)}.level-badge-e{background:var(--bg-element);color:var(--level-e)}@media (max-width:992px){.squad-teams-grid{grid-template-columns:1fr;gap:15px}}@media (max-width:768px){.lineup-summary-banner{padding:12px 16px}.lineup-total-title{font-size:1rem}.total-player-counter{font-size:.85rem}.player-row{padding:12px 16px}}.quarter-timeline-wrapper{flex-direction:column;gap:12px;display:flex}.quarter-item-details{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-normal);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}.quarter-item-details.active{background:var(--bg-surface);border:1px solid var(--color-fire);border-radius:var(--radius-md);transition:var(--transition-normal);overflow:hidden;box-shadow:0 4px 15px rgba(255,171,87,.2)}.quarter-item-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 22px;list-style:none;display:flex}.quarter-item-summary::-webkit-details-marker{display:none}.quarter-item-summary:hover{background:var(--bg-hover)}.summary-left-block,.summary-right-block{align-items:center;gap:16px;display:flex}.quarter-index-badge{font-family:var(--font-display);background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:800}.quarter-matchup-title{font-family:var(--font-display);letter-spacing:.5px;align-items:center;gap:10px;font-size:1.05rem;font-weight:900;display:flex}.team-name-red{color:var(--team-color-red)}.team-name-yellow{color:var(--team-color-yellow)}.team-name-blue{color:var(--team-color-blue)}.vs-divider{color:var(--text-muted);font-size:.8rem;font-weight:500}.quarter-timestamp-text{color:var(--text-secondary);font-size:.9rem;font-weight:600}.quarter-timestamp-text i{color:var(--text-muted);margin-right:4px}.quarter-arrow-indicator{color:var(--text-muted);transition:transform var(--transition-normal);font-size:.9rem}.quarter-item-details[open]{border-color:var(--border-color);box-shadow:0 8px 25px rgba(0,0,0,.4)}.quarter-item-details[open].active{border-color:var(--color-fire);box-shadow:0 8px 25px rgba(255,141,59,.4)}.quarter-item-details[open] .quarter-arrow-indicator{color:var(--color-accent);transform:rotate(180deg)}.quarter-expanded-roster{background:linear-gradient(180deg,var(--bg-surface),var(--bg-main));border-top:1px solid rgba(255,255,255,.04);padding:0 22px 22px;animation:.35s ease-out slideDownFade}.roster-side-by-side-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;display:grid}.roster-team-column{border-radius:var(--radius-sm);background:rgba(255,255,255,.01);padding:15px 18px}.side-red-border{border-left:3px solid var(--team-color-red)}.side-yellow-border{border-left:3px solid var(--team-color-yellow)}.side-blue-border{border-left:3px solid var(--team-color-blue)}.roster-column-header{color:var(--text-primary);letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:800;display:flex}.color-dot-red{background:var(--team-color-red);border-radius:50%;width:6px;height:6px}.color-dot-yellow{background:var(--team-color-yellow);border-radius:50%;width:6px;height:6px}.color-dot-blue{background:var(--team-color-blue);border-radius:50%;width:6px;height:6px}.roster-mini-list{flex-direction:column;gap:10px;list-style:none;display:flex}.roster-mini-list li{color:var(--text-secondary);align-items:center;gap:10px;padding:2px 0;font-size:.93rem;font-weight:600;display:flex}.mini-jersey{font-family:var(--font-display);color:var(--text-muted);min-width:14px;font-size:.75rem;font-weight:700}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quarter-item-summary{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.summary-right-block{border-top:1px dashed rgba(255,255,255,.05);justify-content:space-between;gap:0;width:100%;padding-top:10px}.quarter-expanded-roster{padding:0 15px 15px}.roster-side-by-side-grid{grid-template-columns:1fr;gap:12px}.roster-mini-list{grid-template-columns:1fr;gap:6px}}.reservation-grid-container{grid-template-columns:1fr 1.4fr;align-items:start;gap:25px;display:grid}.reservation-calendar-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.calendar-nav-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.calendar-current-date{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;font-size:1.15rem;font-weight:800}.cal-nav-btn{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.cal-nav-btn:hover{background:var(--bg-hover);color:var(--color-accent);border-color:var(--color-accent)}.calendar-grid-matrix{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px 6px;display:grid}.cal-day-label{color:var(--text-muted);padding-bottom:5px;font-size:.8rem;font-weight:700}.cal-day-label.sun{color:var(--color-danger)}.cal-day-label.sat{color:var(--color-accent-alt)}.cal-date-cell{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;height:42px;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:relative}.cal-date-cell.sun{color:var(--color-danger)}.cal-date-cell.sat{color:var(--color-accent-alt)}.cal-date-cell.dimmed{cursor:not-allowed;color:rgba(255,255,255,.15)!important}.cal-date-cell:not(.dimmed):hover{background:var(--bg-element);border-color:var(--border-color);color:var(--text-primary)}.cal-date-cell.selected{box-shadow:0 0 12px var(--color-accent-glow);font-weight:900;background:var(--color-accent)!important;color:var(--bg-main)!important}.cal-check-marker{color:var(--bg-main);font-size:.55rem;position:absolute;bottom:3px}.cal-check-marker.unselected-match{color:var(--color-accent-alt);bottom:3px}.cal-date-cell:not(.selected){padding-top:0}.reservation-matches-wrapper{flex-direction:column;gap:15px;display:flex}.match-category-filter-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:8px;padding:6px;display:flex}.category-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:10px 16px;font-size:.9rem;font-weight:700}.category-tab-btn:hover{color:var(--text-primary);background:var(--bg-element)}.category-tab-btn.active{background:var(--bg-element);color:var(--color-accent-alt);border:1px solid var(--border-color)}.reservation-match-list{flex-direction:column;gap:12px;display:flex}.match-schedule-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:space-between;align-items:center;gap:20px;padding:9px 11px;display:flex}.match-schedule-card:hover{background:var(--bg-hover);border-color:rgba(255,255,255,.15)}.match-meta-main{align-items:center;gap:20px;display:flex}.match-time-badge{font-family:var(--font-display);color:var(--text-primary);background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;min-width:70px;padding:8px 12px;font-size:1.2rem;font-weight:900}.match-location-info{flex-direction:column;gap:6px;display:flex}.stadium-name{color:var(--text-primary);font-size:1rem;font-weight:700}.match-spec-tags{gap:6px;display:flex}.spec-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:rgba(255,255,255,.03);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.match-status-and-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.match-occupancy-counter{color:var(--text-muted);font-size:.85rem;font-weight:600}.match-occupancy-counter .current-fill{font-family:var(--font-display);color:var(--color-accent);font-size:1rem;font-weight:800}.text-danger-color{color:var(--color-danger)!important}.match-card-buttons{gap:8px;display:flex}.match-action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:700}.match-action-btn.btn-details{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.match-action-btn.btn-details:hover{background:var(--bg-element);color:var(--text-primary)}.match-action-btn.btn-submit{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-primary)}.match-action-btn.btn-submit:hover{background:var(--color-accent-alt);border-color:var(--color-accent-alt);color:var(--bg-main)}@media (max-width:992px){.reservation-grid-container{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.match-category-filter-bar{white-space:nowrap;overflow-x:auto}.match-schedule-card{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.match-status-and-actions{border-top:1px dashed var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:12px}.match-card-buttons{flex-grow:1;justify-content:flex-end}}.noti-filter-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:6px;width:max-content;margin-bottom:18px;padding:6px;display:flex}.noti-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:8px 18px;font-size:.88rem;font-weight:700}.noti-tab-btn:hover{color:var(--text-primary);background:var(--bg-element)}.noti-tab-btn.active{background:var(--bg-element);color:var(--color-accent);border:1px solid var(--border-color);box-shadow:inset 0 0 6px rgba(0,255,204,.05)}.noti-list-wrapper{flex-direction:column;gap:12px;display:flex}.noti-item-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:space-between;align-items:center;gap:30px;padding:18px 24px;display:flex;position:relative}.noti-item-card.unread{border-left:3px solid var(--color-accent);background:linear-gradient(90deg,rgba(0,255,204,.01),var(--bg-surface))}.noti-item-card:hover{background:var(--bg-hover);border-color:rgba(255,255,255,.15)}.noti-content-zone{flex-direction:column;flex-grow:1;gap:8px;display:flex}.noti-meta-top{align-items:center;gap:12px;display:flex}.noti-badge{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:800}.badge-match{color:var(--color-accent-alt);background:rgba(0,229,255,.1)}.badge-billing{color:var(--color-gold);background:rgba(255,204,0,.1)}.badge-sys{color:var(--text-secondary);border:1px solid var(--border-color);background:rgba(255,255,255,.05)}.noti-date-text{color:var(--text-muted);font-size:.8rem}.noti-main-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.noti-main-message .text-highlight{color:var(--text-primary);font-weight:700}.noti-main-message .text-highlight-gold{color:var(--color-gold);font-weight:700}.noti-main-message .text-highlight-red{color:var(--color-danger);font-weight:700}.noti-move-btn{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:700;display:flex}.noti-move-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--bg-main);box-shadow:0 0 10px var(--color-accent-glow)}.noti-move-btn:hover i{transition:transform var(--transition-fast);transform:translate(2px)}@media (max-width:768px){.noti-filter-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;padding:4px;display:grid}.noti-tab-btn{text-align:center;padding:8px 0;font-size:.78rem}.noti-item-card{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.noti-move-btn{justify-content:center;width:100%;padding:12px}}.login-container-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:480px;margin:0 auto;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.5)}.login-core-form{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--text-secondary);letter-spacing:-.3px;font-size:.88rem;font-weight:700}.login-field-wrap{width:100%;position:relative}.login-field-wrap .field-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);font-size:.95rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input{background:var(--bg-element);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:14px 15px 14px 45px;font-family:inherit;font-size:.95rem}.login-input:focus{border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);background:var(--bg-hover);outline:none}.login-input:focus~.field-icon{color:var(--color-accent)}.login-utility-row{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.login-remember-lbl{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.login-remember-chk{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.login-find-link{color:var(--text-muted);transition:var(--transition-fast)}.login-find-link:hover{color:var(--text-primary)}.login-submit-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-alt));color:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--color-accent-glow);letter-spacing:1px;transition:var(--transition-fast);border:none;padding:14px 0;font-family:inherit;font-size:1.05rem;font-weight:800}.login-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,255,204,.4)}.social-divider{align-items:center;margin:30px 0 20px;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.social-divider span{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.5px;padding:0 15px;font-size:.75rem;font-weight:700}.social-login-group{flex-direction:column;gap:10px;display:flex}.social-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-family:inherit;font-size:.92rem;font-weight:700;display:flex}.social-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-google{color:#1f1f1f;background:#fff}.btn-google i{color:#ea4335;font-size:1.05rem}.btn-kakao{color:#000;background:#fee500}.social-custom-icon{font-size:1.05rem}.btn-naver{color:#fff;background:#03c75a}.naver-txt-icon{font-family:Arial Black,sans-serif;font-size:1.1rem;font-weight:900;line-height:1}.login-footer-signup{text-align:center;color:var(--text-secondary);margin-top:30px;font-size:.9rem}.signup-trigger{color:var(--color-accent-alt);transition:var(--transition-fast);margin-left:5px;font-weight:700}.signup-trigger:hover{color:var(--color-accent)}@media (max-width:576px){.login-container-box{padding:30px 20px}.social-btn span{font-size:.85rem}}.button-showcase-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:30px;padding:35px;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.4)}.btn-showcase-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.group-sub-title{font-family:var(--font-display);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;border-left:2px solid var(--border-color);padding-left:10px;font-size:.85rem;font-weight:800}.btn-flex-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.custom-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.custom-btn.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-alt));color:var(--bg-main);box-shadow:0 4px 12px var(--color-accent-glow);font-weight:800}.custom-btn.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,255,204,.4)}.custom-btn.btn-primary:active:not(:disabled){transform:translateY(0)}.custom-btn.btn-secondary{background:var(--bg-element);border-color:var(--border-color);color:var(--text-primary)}.custom-btn.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.custom-btn.btn-tertiary{color:var(--text-secondary);background:0 0;border-color:transparent}.custom-btn.btn-tertiary:hover:not(:disabled){color:var(--text-primary);background:rgba(255,255,255,.04)}.custom-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.custom-btn.btn-state-loading{gap:10px}.custom-btn.btn-with-icon i{transition:transform var(--transition-fast);font-size:.85rem}.custom-btn.btn-with-icon:hover i{transform:translate(3px)translateY(-1px)}.custom-btn.btn-semantic-success{color:#0f8;background:rgba(0,255,136,.08);border-color:rgba(0,255,136,.2)}.custom-btn.btn-semantic-success:hover{color:var(--bg-main);background:#0f8;box-shadow:0 4px 15px rgba(0,255,136,.3)}.custom-btn.btn-semantic-danger{color:var(--color-danger);background:rgba(255,0,85,.08);border-color:rgba(255,0,85,.2)}.custom-btn.btn-semantic-danger:hover{background:var(--color-danger);color:var(--text-primary);box-shadow:0 4px 15px rgba(255,0,85,.3)}.custom-btn.btn-semantic-info{color:var(--color-accent-alt);background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.2)}.custom-btn.btn-semantic-info:hover{background:var(--color-accent-alt);color:var(--bg-main);box-shadow:0 4px 15px rgba(0,229,255,.3)}.custom-btn.btn-size-sm{border-radius:4px;padding:8px 14px;font-size:.8rem}.custom-btn.btn-size-lg{border-radius:var(--radius-md);letter-spacing:.3px;padding:15px 32px;font-size:1.05rem}@media (max-width:768px){.button-showcase-box{gap:24px;padding:20px}.btn-flex-wrap{flex-direction:column;align-items:stretch;gap:8px}.custom-btn{justify-content:center;width:100%}}.stadium-grid-container{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.stadium-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.stadium-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5)}.stadium-thumb-box{aspect-ratio:16/10;background:var(--bg-element);width:100%;position:relative;overflow:hidden}.stadium-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.stadium-card:hover .stadium-img{transform:scale(1.05)}.stadium-badge-group{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.city-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.5px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:800}.status-tag{border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.4)}.status-tag.tag-online{color:var(--bg-main);background:rgba(0,255,136,.9)}.status-tag.tag-offline{color:var(--text-muted);border:1px solid var(--border-color);background:rgba(40,40,40,.9)}.stadium-info-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.stadium-name{color:var(--text-primary);letter-spacing:-.3px;text-overflow:ellipsis;margin-bottom:12px;font-size:1.1rem;font-weight:700;line-height:1.4;overflow:hidden}.stadium-address-row{align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.map-marker-icon{color:var(--color-accent-alt);flex-shrink:0;margin-top:3px;font-size:.88rem}.stadium-address-text{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.4;display:-webkit-box;overflow:hidden}.stadium-action-btn{background:var(--bg-element);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.5px;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px 0;font-family:inherit;font-size:.85rem;font-weight:700;display:flex}.stadium-action-btn:hover{border-color:var(--color-accent-alt);color:var(--color-accent-alt);background:0 0;box-shadow:inset 0 0 10px rgba(0,229,255,.1)}.btn-stadium-disabled{border-color:var(--border-color)!important;color:var(--text-muted)!important;cursor:not-allowed!important;box-shadow:none!important;background:rgba(30,30,30,.5)!important}@media (max-width:1024px){.stadium-grid-container{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:680px){.stadium-grid-container{grid-template-columns:1fr;gap:16px}.stadium-info-body{padding:16px}}.blog-grid-container{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.blog-post-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.blog-post-card:hover{border-color:rgba(255,255,255,.15);box-shadow:0 10px 25px rgba(0,0,0,.4)}.blog-thumb-wrap{aspect-ratio:16/9;background:var(--bg-element);width:100%;position:relative;overflow:hidden}.blog-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.blog-post-card:hover .blog-img{transform:scale(1.04)}.blog-category-badge{border:1px solid var(--color-accent);color:var(--color-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,255,204,.15);border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:700;position:absolute;bottom:12px;left:12px}.blog-content-body{flex-direction:column;flex-grow:1;gap:10px;padding:20px;display:flex}.blog-date-text{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.blog-title{font-size:1rem;font-weight:700;line-height:1.4}.blog-title-link{color:var(--text-primary);transition:var(--transition-fast);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.blog-post-card:hover .blog-title-link{color:var(--color-accent-alt)}@media (max-width:1024px){.blog-grid-container{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:680px){.blog-grid-container{grid-template-columns:1fr;gap:16px}.blog-content-body{padding:16px}.blog-title{font-size:.95rem}}.blog-detail-section{flex-direction:column;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex}.blog-detail-nav{align-items:center;display:flex}.back-to-list-btn{color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.back-to-list-btn:hover{color:var(--color-accent)}.blog-detail-article{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.4)}.article-header{flex-direction:column;gap:14px;margin-bottom:30px;display:flex}.article-meta-row{align-items:center;gap:14px;display:flex}.article-cat-badge{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.5px;background:rgba(0,255,204,.1);border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:800}.article-date{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.article-main-title{color:var(--text-primary);letter-spacing:-.5px;font-size:2rem;font-weight:800;line-height:1.3}.article-hero-banner{aspect-ratio:21/9;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);width:100%;margin-bottom:35px;overflow:hidden}.hero-banner-img{object-fit:cover;width:100%;height:100%}.article-content-body{flex-direction:column;display:flex}.article-lead-paragraph{color:var(--text-secondary);border-bottom:1px dashed var(--border-color);margin-bottom:30px;padding-bottom:30px;font-size:1.15rem;font-weight:600;line-height:1.6}.content-sub-section{margin-bottom:32px}.content-sub-title{color:var(--text-primary);letter-spacing:-.2px;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:14px;font-size:1.25rem;font-weight:700}.content-text{color:#b3b9c9;text-align:justify;font-size:.98rem;line-height:1.75}.content-text strong{color:var(--color-accent-alt);font-weight:700}.article-blockquote{background:var(--bg-element);border-left:4px solid var(--color-accent-alt);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-primary);margin:24px 0;padding:16px 20px;font-size:1rem;font-style:italic;font-weight:600}.article-footer{border-top:1px solid var(--border-color);margin-top:20px;padding-top:24px}.article-tags-wrap{flex-wrap:wrap;gap:8px;display:flex}.article-tag{color:var(--text-muted);background:var(--bg-element);transition:var(--transition-fast);cursor:pointer;border:1px solid transparent;border-radius:30px;padding:5px 12px;font-size:.8rem;font-weight:600}.article-tag:hover{color:var(--text-primary);border-color:var(--border-color);background:var(--bg-hover)}@media (max-width:768px){.blog-detail-article{padding:24px 20px}.article-main-title{font-size:1.5rem}.article-hero-banner{aspect-ratio:16/9;margin-bottom:24px}.article-lead-paragraph{margin-bottom:20px;padding-bottom:20px;font-size:1.05rem;line-height:1.5}.content-sub-title{font-size:1.15rem}.content-text{font-size:.94rem;line-height:1.65}}.review-write-section{width:100%}.review-form-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.form-row-top{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:10px;display:flex}.form-field-label{font-family:var(--font-display);color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;font-size:.78rem;font-weight:800}.input-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.field-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);font-size:.9rem;position:absolute;left:16px}.form-input-field{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:14px 16px 14px 44px;font-family:inherit;font-size:.92rem}.form-input-field:focus{border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,255,204,.15)}.form-input-field:focus+.field-icon{color:var(--color-accent)}.textarea-wrapper{align-items:flex-start}.textarea-icon{top:16px}.form-textarea-field{resize:none;line-height:1.6}.star-rating-switcher{flex-direction:row-reverse;justify-content:flex-end;align-items:center;height:48px;display:inline-flex}.star-rating-switcher input[type=radio]{display:none}.star-rating-switcher label{color:var(--bg-element);cursor:pointer;transition:var(--transition-fast);padding:0 4px;font-size:1.5rem}.star-rating-switcher label:hover,.star-rating-switcher label:hover~label,.star-rating-switcher input[type=radio]:checked~label{color:#ffb300;text-shadow:0 0 10px rgba(255,179,0,.4)}.form-action-row{justify-content:flex-end;margin-top:28px;display:flex}.review-submit-btn{background:linear-gradient(135deg,var(--color-accent),#00d2ff);color:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.5px;transition:var(--transition-fast);border:none;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 15px rgba(0,255,204,.2)}.review-submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,204,.4)}.review-submit-btn:active{transform:translateY(0)}@media (max-width:768px){.review-form-container{padding:20px}.form-row-top{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.star-rating-switcher{height:auto;padding:4px 0}.review-submit-btn{justify-content:center;width:100%}}.review-list-section{width:100%}.review-list-container{flex-direction:column;gap:16px;width:100%;display:flex}.review-item-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);font-family:var(--font-display);flex-direction:column;gap:14px;padding:24px;display:flex}.review-item-card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.review-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.review-user-info{align-items:center;gap:12px;display:flex}.user-avatar-mock{background:var(--bg-element);border:2px solid var(--manager-accent);width:50px;height:50px;color:var(--manager-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.review-item-nickname{color:var(--text-primary);font-size:1.2rem;font-weight:700}.review-item-nickname.manager{color:var(--manager-accent)}.review-item-date{color:var(--text-muted);font-size:1rem;font-weight:700}.review-item-start-time{color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:700}.review-item-start-time:hover{color:var(--color-accent);transform:translateY(-1px)}.review-item-stars{color:var(--text-muted);align-items:center;gap:2px;font-size:1.3rem;display:flex}.review-item-stars .fa-star.fill{color:#ffb300;text-shadow:0 0 6px rgba(255,179,0,.2)}.review-item-stars .fa-star.empty{color:var(--bg-element)}.review-item-body{width:100%}.review-item-text{color:var(--text-secondary);text-align:justify;word-break:break-all;background-color:var(--bg-main);border-radius:var(--radius-md);padding:20px;font-size:.92rem;line-height:1.6}@media (max-width:680px){.review-item-card{gap:12px;padding:18px}.review-item-header{flex-direction:column;align-items:flex-start;gap:10px}.review-item-stars{font-size:.92rem}.review-item-text{font-size:.9rem;line-height:1.55}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;opacity:0;pointer-events:none;background:rgba(10,14,23,.75);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-window-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:520px;padding:28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(-20px);box-shadow:0 20px 50px rgba(0,0,0,.6)}.modal-overlay.active .modal-window-box{transform:translateY(0)}.modal-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.modal-title-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.modal-close-x-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;display:flex}.modal-close-x-btn:hover{color:var(--color-danger,#ff4a4a)}.modal-body-content{flex-direction:column;gap:16px;display:flex}.modal-description-paragraph{color:var(--text-secondary);text-align:center;font-size:.88rem;line-height:1.55}.modal-form-group{flex-direction:column;gap:8px;margin-top:14px;display:flex}.modal-field-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.5px;font-size:.72rem;font-weight:800}.modal-input-element{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem}.modal-input-element:focus{border-color:var(--color-accent);box-shadow:0 0 10px rgba(0,255,204,.12)}.modal-textarea-element{resize:none;line-height:1.5}.modal-footer-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding-top:14px;display:flex}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);letter-spacing:.5px;padding:11px 22px;font-family:inherit;font-size:.85rem;font-weight:700}.modal-btn.btn-cancel{background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;display:inline-block}.modal-btn.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary);border-color:rgba(255,255,255,.15)}.modal-btn.btn-confirm{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--bg-main);text-align:center;display:inline-block}.modal-btn.btn-confirm:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(0,255,204,.3)}.modal-btn.btn-danger{background:var(--color-danger);border:1px solid var(--color-danger);color:var(--text-primary);text-align:center;display:inline-block}.modal-btn.btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(255,0,0,.3)}.modal-trigger-test-btn{border:1px solid var(--border-color);color:var(--color-accent);font-family:var(--font-display);cursor:pointer;z-index:999;transition:var(--transition-fast);background:#1a1f2c;border-radius:30px;align-items:center;gap:8px;padding:12px 18px;font-size:.78rem;font-weight:800;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px rgba(0,0,0,.3)}.modal-trigger-test-btn:hover{border-color:var(--color-accent);background:var(--bg-surface);transform:translateY(-2px)}@media (max-width:576px){.modal-window-box{width:calc(100% - 32px);margin:16px;padding:20px}.modal-btn{text-align:center;flex:1}}.global-loading{z-index:9999;background:rgba(0,0,0,.3);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dot-spinner{width:80px;height:80px;animation:1.2s linear infinite spin;position:relative}.dot-spinner span{background:var(--color-accent);opacity:.2;transform-origin:0 0;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%}.dot-spinner span:first-child{opacity:1;transform:rotate(0)translate(30px)}.dot-spinner span:nth-child(2){opacity:.9;transform:rotate(30deg)translate(30px)}.dot-spinner span:nth-child(3){opacity:.8;transform:rotate(60deg)translate(30px)}.dot-spinner span:nth-child(4){opacity:.7;transform:rotate(90deg)translate(30px)}.dot-spinner span:nth-child(5){opacity:.6;transform:rotate(120deg)translate(30px)}.dot-spinner span:nth-child(6){opacity:.5;transform:rotate(150deg)translate(30px)}.dot-spinner span:nth-child(7){opacity:.4;transform:rotate(180deg)translate(30px)}.dot-spinner span:nth-child(8){opacity:.3;transform:rotate(210deg)translate(30px)}.dot-spinner span:nth-child(9){opacity:.25;transform:rotate(240deg)translate(30px)}.dot-spinner span:nth-child(10){opacity:.2;transform:rotate(270deg)translate(30px)}.dot-spinner span:nth-child(11){opacity:.15;transform:rotate(300deg)translate(30px)}.dot-spinner span:nth-child(12){opacity:.1;transform:rotate(330deg)translate(30px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-search-dropdown-group{margin-top:20px;margin-bottom:20px;position:relative}.hud-search-placeholder{color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);font-size:.92rem;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.search-trigger-input:focus~.hud-search-placeholder,.search-trigger-input:not(:placeholder-shown)~.hud-search-placeholder{opacity:0;transform:translateY(-50%)translate(10px)}.search-result-dropdown.active{display:block}.search-result-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;opacity:0;visibility:hidden;width:100%;max-height:0;transition:max-height .25s,opacity .2s,transform .25s cubic-bezier(.4,0,.2,1),visibility .2s;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 12px 35px rgba(0,0,0,.6)}.search-trigger-input:not(:placeholder-shown)~.search-result-dropdown,.search-trigger-input:focus:not(:placeholder-shown)~.search-result-dropdown{opacity:1;visibility:visible;border-color:rgba(0,255,204,.25);max-height:320px;transform:translateY(0)}.dropdown-header{background:var(--bg-element);border-bottom:1px solid var(--border-color);font-family:var(--font-display);color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.72rem;font-weight:800;display:flex}.dropdown-header .result-count{color:var(--color-accent)}.dropdown-result-list{max-height:250px;margin:0;padding:0;list-style:none;overflow-y:auto}.dropdown-result-list::-webkit-scrollbar{width:6px}.dropdown-result-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dropdown-result-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.result-item{cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--bg-hover)}.result-meta{flex-direction:column;gap:4px;display:flex;overflow:hidden}.result-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.result-title strong{color:var(--color-accent);font-weight:700}.result-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.result-badge{border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:800}.result-badge.badge-avail{color:#0f8;background:rgba(0,255,136,.1)}.result-badge.badge-full{color:var(--color-danger);background:rgba(255,74,74,.1)}.cute-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px;width:100%;padding:10px 0;display:grid}.cute-fut-card{-webkit-user-select:none;-moz-user-select:none;user-select:none;clip-path:polygon(0% 6%,50% 0%,100% 6%,100% 90%,50% 100%,0% 90%);background:#141b29;border-radius:18px;flex-direction:column;align-items:center;width:210px;height:290px;margin:0 auto;padding:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.4)}.cute-fut-card:hover{transform:translateY(-8px)scale(1.04)}.cute-fut-card.tier-w{border:2px solid #6f6f6f;box-shadow:0 0 15px rgba(255,230,109,.2)}.cute-fut-card.tier-w:hover{box-shadow:0 15px 35px rgba(255,230,109,.4)}.cute-fut-card.tier-l{border:2px solid #ffe66d;box-shadow:0 0 15px rgba(255,230,109,.2)}.cute-fut-card.tier-l:hover{box-shadow:0 15px 35px rgba(255,230,109,.4)}.cute-fut-card.tier-a{border:2px solid #ffa96b;box-shadow:0 0 15px rgba(255,169,107,.2)}.cute-fut-card.tier-a:hover{box-shadow:0 15px 35px rgba(255,169,107,.4)}.cute-fut-card.tier-b{border:2px solid #ff7eb3;box-shadow:0 0 15px rgba(255,126,179,.2)}.cute-fut-card.tier-b:hover{box-shadow:0 15px 35px rgba(255,126,179,.4)}.cute-fut-card.tier-c{border:2px solid #7dffb3;box-shadow:0 0 15px rgba(125,255,179,.2)}.cute-fut-card.tier-c:hover{box-shadow:0 15px 35px rgba(125,255,179,.4)}.cute-fut-card.tier-d{border:2px solid #00f2fe;box-shadow:0 0 15px rgba(0,242,254,.2)}.cute-fut-card.tier-d:hover{box-shadow:0 15px 35px rgba(0,242,254,.4)}.cute-fut-card.tier-e{border:2px solid #7b8cff;box-shadow:0 0 15px rgba(123,140,255,.2)}.cute-fut-card.tier-e:hover{box-shadow:0 15px 35px rgba(123,140,255,.4)}.card-top-bar{z-index:5;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.stat-group{align-items:initial;flex-direction:column;line-height:1;display:flex}.stat-rating{font-family:var(--font-display);color:var(--text-primary);font-size:1.2rem;font-weight:900}.stat-pos{font-family:var(--font-display);color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:700}.card-edit-trigger{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);padding:4px;font-size:1rem}.card-edit-trigger:hover{color:#fff;transform:scale(1.15)rotate(15deg)}.card-icon-avatar{z-index:5;border:3px solid rgba(255,255,255,.15);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-top:5px;transition:transform .3s;display:flex;position:relative}.bg-gradient-pink{background:linear-gradient(135deg,#ff7eb3,#ff758c)}.bg-gradient-cyan{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bg-gradient-w{background:linear-gradient(135deg,#303030,#b4b4b4)}.bg-gradient-l{background:linear-gradient(135deg,#ff946d,#ffe66d)}.bg-gradient-a{background:linear-gradient(135deg,#ff6b6b,#ffa96b)}.bg-gradient-b{background:linear-gradient(135deg,#ed4040,#ff7eb3)}.bg-gradient-c{background:linear-gradient(135deg,#2aadff,#7dffb3)}.bg-gradient-d{background:linear-gradient(135deg,#3e56fa,#00f2fe)}.bg-gradient-e{background:linear-gradient(135deg,#28069d,#7b8cff)}.avatar-shape{color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));font-size:2.8rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cute-fut-card:hover .card-icon-avatar{border-color:rgba(255,255,255,.4);transform:translateY(-5px)}.cute-fut-card:hover .avatar-shape{transform:scale(1.1)}.card-bottom-info{text-align:center;z-index:5;width:100%;margin-top:auto;margin-bottom:15px}.player-name{color:var(--text-primary);border-bottom:1px dashed rgba(255,255,255,.15);margin-bottom:12px;padding-bottom:8px;font-size:1.05rem;font-weight:800}.recent-match-date{background:rgba(0,0,0,.2);border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex}.date-label{font-family:var(--font-display);color:var(--color-accent-alt);letter-spacing:.5px;font-size:.6rem;font-weight:800}.date-value{color:var(--text-secondary);justify-content:center;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:flex}.card-glare-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.cute-fut-card:hover .card-glare-effect{left:150%}.pure-css-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:rgba(10,14,23,.8);justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}#cute-card-modal-switch{display:none}#cute-card-modal-switch:checked~.pure-css-modal-overlay{opacity:1;visibility:visible}.pure-css-modal-overlay .modal-window-box{transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(30px)scale(.95)}#cute-card-modal-switch:checked~.pure-css-modal-overlay .modal-window-box{transform:translateY(0)scale(1)}.ratio-graph-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:30px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.ratio-container{flex-direction:column;gap:16px;margin-top:10px;display:flex}.ratio-bar-track{background:var(--bg-element);border-radius:20px;width:100%;height:18px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}.ratio-segment{cursor:crosshair;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1),filter .3s}.ratio-segment:hover{filter:brightness(1.3)contrast(1.2)}.segment-attack{background:linear-gradient(90deg,#ff477e,#ff7eb3);box-shadow:0 0 10px rgba(255,71,126,.4)}.segment-balance{background:linear-gradient(90deg,#a55eea,#8854d0);box-shadow:0 0 10px rgba(165,94,234,.4)}.segment-defense{background:linear-gradient(90deg,#00f2fe,#4facfe);box-shadow:0 0 10px rgba(0,242,254,.4)}.ratio-legend-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:8px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.legend-color-box{border-radius:3px;width:12px;height:12px;display:inline-block}.legend-color-box.dot-attack{background:#ff477e}.legend-color-box.dot-balance{background:#a55eea}.legend-color-box.dot-defense{background:#00f2fe}.legend-text{font-family:var(--font-display);letter-spacing:.5px}.legend-percent{color:var(--text-primary);margin-left:4px;font-weight:900}@media (max-width:640px){.ratio-legend-area{justify-content:flex-start;gap:16px}}.interview-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:30px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.25)}@media (max-width:640px){.interview-section{padding:12px}}.istep-input{display:none}.interview-progress-bar{background:var(--bg-main);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;margin-bottom:24px;padding:12px 16px;display:flex;overflow-x:auto}.progress-node{cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;display:flex}.progress-node:hover{background:var(--bg-element);border-color:rgba(255,255,255,.1)}.node-num{font-family:var(--font-display);color:var(--text-muted);font-size:.7rem;font-weight:900}.node-title{color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:700}.progress-line{background:var(--border-color);flex-grow:1;min-width:10px;height:2px}#istep-1:checked~.interview-progress-bar .node-1,#istep-2:checked~.interview-progress-bar .node-2,#istep-3:checked~.interview-progress-bar .node-3,#istep-4:checked~.interview-progress-bar .node-4,#istep-5:checked~.interview-progress-bar .node-5,#istep-6:checked~.interview-progress-bar .node-6,#istep-7:checked~.interview-progress-bar .node-7,#istep-8:checked~.interview-progress-bar .node-8{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,255,204,.3)}#istep-1:checked~.interview-progress-bar .node-1 .node-num,#istep-1:checked~.interview-progress-bar .node-1 .node-title,#istep-2:checked~.interview-progress-bar .node-2 .node-num,#istep-2:checked~.interview-progress-bar .node-2 .node-title,#istep-3:checked~.interview-progress-bar .node-3 .node-num,#istep-3:checked~.interview-progress-bar .node-3 .node-title,#istep-4:checked~.interview-progress-bar .node-4 .node-num,#istep-4:checked~.interview-progress-bar .node-4 .node-title,#istep-5:checked~.interview-progress-bar .node-5 .node-num,#istep-5:checked~.interview-progress-bar .node-5 .node-title,#istep-6:checked~.interview-progress-bar .node-6 .node-num,#istep-6:checked~.interview-progress-bar .node-6 .node-title,#istep-7:checked~.interview-progress-bar .node-7 .node-num,#istep-7:checked~.interview-progress-bar .node-7 .node-title,#istep-8:checked~.interview-progress-bar .node-8 .node-num,#istep-8:checked~.interview-progress-bar .node-8 .node-title{color:#0a0e17}.interview-panel{background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:24px;animation:.3s fadeInPanel;display:none}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#istep-1:checked~.interview-panels-container .panel-step-1,#istep-2:checked~.interview-panels-container .panel-step-2,#istep-3:checked~.interview-panels-container .panel-step-3,#istep-4:checked~.interview-panels-container .panel-step-4,#istep-5:checked~.interview-panels-container .panel-step-5,#istep-6:checked~.interview-panels-container .panel-step-6,#istep-7:checked~.interview-panels-container .panel-step-7,#istep-8:checked~.interview-panels-container .panel-step-8{display:block}.panel-header{margin-bottom:20px}.panel-badge{font-family:var(--font-display);color:var(--color-accent);letter-spacing:.5px;background:rgba(0,255,204,.1);border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:900}.panel-topic-title{color:var(--text-primary);margin-top:6px;margin-bottom:4px;font-size:1.2rem;font-weight:800}.panel-desc{color:var(--text-muted);font-size:.85rem}.team-picker-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.team-picker-column{background:var(--bg-main);border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:14px}.team-column-title{font-family:var(--font-display);align-items:center;gap:6px;margin-bottom:12px;font-size:.75rem;font-weight:800;display:flex}.team-column-title.team-red{color:var(--team-color-red)}.team-column-title.team-yellow{color:var(--team-color-yellow)}.team-column-title.team-blue{color:var(--team-color-blue)}.player-select-list{flex-direction:column;gap:8px;display:flex}.player-select-item input{display:none}.player-pill{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.rookie-pill-short{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;align-items:center;margin-left:10px;padding:8px 12px;font-size:.85rem}.player-select-item:hover .player-pill{color:var(--text-primary);border-color:rgba(255,255,255,.2)}.player-select-item input:checked+.player-pill{border-color:var(--color-accent);color:var(--color-accent);background:rgba(0,255,204,.12);font-weight:700;box-shadow:0 0 10px rgba(0,255,204,.2)}.sub-option-box{background:var(--bg-main);border-radius:8px;margin-bottom:20px;padding:14px}.sub-option-label{font-family:var(--font-display);color:var(--text-muted);margin-bottom:10px;font-size:.72rem;font-weight:800;display:block}.tier-chip-group{flex-wrap:wrap;gap:10px;display:flex}.tier-chip-item:hover{transform:translateY(-2px)}.tier-chip-item input{display:none}.chip-box{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:800;display:inline-block}.tier-chip-item input:checked+.chip-box{background:var(--color-accent);border-color:var(--color-accent);color:#0a0e17}.chip-box.status-good{color:#0f8}.chip-box.status-bad{color:var(--color-danger)}.hud-textarea-element{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;transition:var(--transition-fast);border-radius:8px;outline:none;margin-bottom:20px;padding:14px;font-size:.9rem}.hud-textarea-element:focus{border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,255,204,.2)}.panel-action-footer{border-top:1px solid rgba(255,255,255,.05);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.step-nav-btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;font-weight:800;display:inline-flex}.step-nav-btn.next-btn{background:var(--color-accent);color:var(--bg-surface)}.step-nav-btn.next-btn:hover{background:var(--color-accent-alt);transform:translateY(-2px)}.step-nav-btn.prev-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted)}.step-nav-btn.prev-btn:hover{color:var(--text-primary)}.step-submit-btn{color:#0a0e17;font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#0f8,#0fc);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 0 15px rgba(0,255,136,.3)}.step-submit-btn:hover{transform:translateY(-2px)}@media (max-width:868px){.team-picker-grid{grid-template-columns:1fr}}.splash-body{z-index:9999;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;position:fixed;top:0;left:0;overflow:hidden}.splash{width:100%;height:100vh;color:#fff;background-color:#917f0b;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;justify-content:center;align-items:center;height:100dvh;animation:3s ease-out both blueprintIn;display:flex;position:relative;overflow:hidden}.splash:before{content:"";pointer-events:none;background:radial-gradient(circle,transparent 20%,rgba(0,20,60,.18) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.logo-area{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.splash-logo{white-space:nowrap;letter-spacing:-.07em;text-transform:uppercase;color:#fff;text-shadow:0 4px rgba(0,0,0,.12),0 0 30px rgba(255,255,255,.12);transform-origin:50%;font-size:max(58px,min(13vw,150px));font-weight:900;line-height:.9;display:flex}.splash-logo span{opacity:0;animation:.55s cubic-bezier(.2,1.5,.4,1) forwards letterPop;display:inline-block;transform:translateY(40px)scale(.65)rotate(-8deg)}.splash-logo span:first-child{animation-delay:.45s}.splash-logo span:nth-child(2){animation-delay:.52s}.splash-logo span:nth-child(3){animation-delay:.59s}.splash-logo span:nth-child(4){animation-delay:.66s}.splash-logo span:nth-child(5){animation-delay:.73s}.splash-logo span:nth-child(6){animation-delay:.8s}.logo-subtitle{letter-spacing:.35em;opacity:0;margin-top:18px;font-size:11px;font-weight:700;animation:.6s ease-out 1.25s forwards subtitleIn}.ball-track{pointer-events:none;width:230px;height:230px;position:absolute;top:-75px;left:-115px}.ball{filter:drop-shadow(0 7px 5px rgba(0,0,0,.2));opacity:0;font-size:38px;animation:1.8s cubic-bezier(.2,.8,.2,1) .15s forwards ballMove;position:absolute;top:0;left:0}.dimension{opacity:0;color:rgba(255,255,255,.6);letter-spacing:.15em;align-items:center;gap:8px;font-size:9px;animation:.5s ease-out 1.1s forwards dimensionIn;display:flex;position:absolute}.dimension i{background:rgba(255,255,255,.5);width:32px;height:1px;display:block;position:relative}.dimension i:before,.dimension i:after{content:"";border-top:1px solid #fff;border-bottom:1px solid #fff;width:5px;height:5px;position:absolute;top:-2px}.dimension i:before{left:0}.dimension i:after{right:0}.dimension-left{top:50%;left:-110px}.dimension-right{top:50%;right:-115px}.drawing-line{transform-origin:0;background:rgba(255,255,255,.22);height:1px;animation:1s ease-out .3s both drawLine;position:absolute}.line-1{width:240px;top:28%;left:0;transform:rotate(-18deg)}.line-2{transform-origin:100%;width:220px;animation-delay:.45s;bottom:23%;right:0;transform:rotate(-18deg)}.blueprint{opacity:0;gap:10px;animation:.5s ease-out 1s forwards detailIn;display:flex;position:absolute}.blueprint span{border:1px solid rgba(255,255,255,.6);width:7px;height:7px;display:block}.blueprint-top{top:35px;left:40px}.blueprint-left{bottom:45px;left:40px}.blueprint-right{top:35px;right:40px}.blueprint-info{letter-spacing:.18em;color:rgba(255,255,255,.55);opacity:0;justify-content:space-between;font-size:8px;animation:.6s ease-out 1.2s forwards detailIn;display:flex;position:absolute;bottom:28px;left:35px;right:35px}.loading{opacity:0;background:rgba(255,255,255,.15);width:120px;height:2px;animation:.3s ease-out 1s forwards detailIn;position:absolute;bottom:55px;overflow:hidden}.loading-line{background:#fff;width:0;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) 1s forwards loading}@keyframes blueprintIn{0%{opacity:0;background-size:70px 70px,70px 70px,14px 14px,14px 14px}20%{opacity:1;background-size:50px 50px,50px 50px,10px 10px,10px 10px}80%{opacity:1;background-size:50px 50px,50px 50px,10px 10px,10px 10px}to{opacity:0;background-size:70px 70px,70px 70px,14px 14px,14px 14px}}@keyframes letterPop{0%{opacity:0;transform:translateY(40px)scale(.65)rotate(-8deg)}65%{opacity:1;transform:translateY(-7px)scale(1.08)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes ballMove{0%{opacity:0;transform:translate(-50px,100px)rotate(-180deg)scale(.6)}20%{opacity:1}48%{transform:translate(70px,10px)rotate(180deg)scale(1)}68%{transform:translate(180px,70px)rotate(400deg)scale(.9)}82%{transform:translate(110px,120px)rotate(560deg)scale(.85)}to{opacity:0;transform:translate(250px,-40px)rotate(720deg)scale(.4)}}@keyframes subtitleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dimensionIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes detailIn{0%{opacity:0}to{opacity:1}}@keyframes drawLine{0%{transform:scaleX(0)rotate(-18deg)}to{transform:scaleX(1)rotate(-18deg)}}@keyframes loading{0%{width:0}to{width:100%}}@media (max-width:600px){.splash-logo{letter-spacing:-.075em;font-size:max(48px,min(17vw,82px))}.logo-subtitle{letter-spacing:.28em;margin-top:14px;font-size:8px}.dimension-left{left:-75px}.dimension-right{right:-75px}.dimension i{width:20px}.blueprint-top{top:22px;left:22px}.blueprint-right{top:22px;right:22px}.blueprint-left{bottom:30px;left:22px}.blueprint-info{letter-spacing:.12em;font-size:6px;bottom:20px;left:20px;right:20px}.loading{bottom:45px}.line-1{width:140px;top:25%}.line-2{width:130px;bottom:25%}.ball-track{width:170px;height:170px;top:-50px;left:-85px}.ball{font-size:27px}}@media (max-width:360px){.logo{font-size:46px}.dimension-left{left:-55px}.dimension-right{right:-55px}.dimension i{width:14px}.dimension{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.custom-i-logo{color:var(--color-accent);font-size:2rem}.custom-warning-color{color:var(--text-danger)}.custom-profile-area{text-align:center;justify-content:center;align-items:center}.custom-profile-area-svg{color:var(--color-accent);filter:drop-shadow(0 0 5px var(--color-accent));font-size:10rem}.custom-candidate-area{text-align:center}.custom-profile-btn{border:1px solid var(--text-muted);cursor:pointer;background-color:transparent;border-radius:5px;margin-left:1px;margin-right:1px}.custom-profile-btn:hover{border:1px solid var(--color-accent)}.custom-profile-btn:hover svg{color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent))}.custom-profile-btn.active{border:1px solid var(--color-accent)}.custom-profile-btn.active svg{color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent))}.custom-profile-svg{color:var(--text-muted);padding:5px;font-size:2.5rem}.custom-margin-top-10{margin-top:10px}.custom-margin-top-30{margin-top:30px}.custom-padding-20{padding:20px}.custom-match-time-span{color:var(--text-secondary);font-size:1rem}.custom-match-list-price{font-family:var(--font-display);color:var(--text-primary);text-align:right;margin-bottom:6px;font-size:1.5rem;font-weight:700}@media (max-width:768px){.custom-match-list-price{text-align:center}}.fire-icon{color:#ff6b00;transform-origin:bottom;filter:drop-shadow(0 0 4px #ff6b00);font-size:1.5rem;animation:.8s ease-in-out infinite flame;display:inline-block}@keyframes flame{0%{filter:brightness()drop-shadow(0 0 4px #ff6b00);transform:rotate(-2deg)scale(1)}50%{filter:brightness(1.4)drop-shadow(0 0 10px #ff9500);transform:rotate(2deg)scale(1.12)}to{filter:brightness()drop-shadow(0 0 4px #ff6b00);transform:rotate(-2deg)scale(1)}}.hand-icon{color:#ffb700;transform-origin:bottom;filter:drop-shadow(0 0 4px #fd0);font-size:1.5rem;animation:.8s ease-in-out infinite flame;display:inline-block}@keyframes hand{0%{filter:brightness()drop-shadow(0 0 4px #fd0);transform:rotate(-2deg)scale(1)}50%{filter:brightness(1.4)drop-shadow(0 0 10px #fd0);transform:rotate(2deg)scale(1.12)}to{filter:brightness()drop-shadow(0 0 4px #fd0);transform:rotate(-2deg)scale(1)}}.custom-explain{margin-top:10px;padding-left:10px}.custom-explain h4{font-size:1.3rem}.custom-explain p{padding-top:10px;padding-left:10px;font-size:1.2rem}.custom-text-line-through{text-decoration:line-through}.custom-text-gray{color:var(--text-muted)}.custom-rating{text-shadow:0 0 10px rgba(255,179,0,.4);align-items:center;gap:3px;font-size:1.2rem;display:flex}.custom-rating-total-cnt{color:var(--text-muted)}.custom-flex-end{justify-content:flex-end;display:flex}.custom-border-top{border-top:1px solid var(--border-color);padding-top:20px}