@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--wood-dark: #4a3728;--wood-medium: #6b4c35;--wood-light: #8b6914;--cream: #f5e6c8;--cream-light: #fdf6e3;--maple-orange: #e07020;--maple-red: #c44536;--maple-gold: #daa520;--leaf-green: #5a7247;--text-dark: #2c2416;--text-medium: #5c4a3a}body{font-family:Noto Sans KR,sans-serif;background:#2a1f14;color:var(--text-dark);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(218,165,32,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(224,112,32,.06) 0%,transparent 50%),linear-gradient(180deg,#3a2a1a,#2a1f14,#1a140e);pointer-events:none;z-index:0}.main-header{background:linear-gradient(180deg,var(--wood-dark) 0%,#3a2a1a 100%);border-bottom:4px solid var(--wood-medium);box-shadow:0 4px 20px #00000080;position:sticky;top:0;z-index:100}.header-inner{max-width:1400px;margin:0 auto;padding:0 15px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.logo-icon{font-size:28px;animation:float 3s ease-in-out infinite}.logo-img{width:36px;height:36px;border-radius:8px;object-fit:cover}.logo-text{font-size:17px;font-weight:900;color:var(--cream);text-shadow:2px 2px 0 var(--wood-dark)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.main-nav{display:flex;gap:2px;flex-shrink:0;align-items:center}.main-nav>button{background:transparent;border:none;color:var(--cream);padding:7px 10px;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.main-nav>button:hover{background:#ffffff1a;color:var(--maple-gold)}.main-nav>button.active{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%)}.nav-dropdown{position:relative}.nav-dropdown-btn{background:transparent;border:none;color:var(--cream);padding:7px 10px;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:3px}.nav-dropdown-btn:hover{background:#ffffff1a;color:var(--maple-gold)}.nav-dropdown-btn.active{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%)}.nav-arrow{font-size:10px;opacity:.7;transition:transform .2s}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-new-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff2d55;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;padding:0 4px;border-radius:8px;margin-left:4px;letter-spacing:.5px;line-height:1;animation:new-badge-pulse 2s ease-in-out infinite;box-shadow:0 0 6px #ff2d5580;vertical-align:middle;position:relative;top:-1px}@keyframes new-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ff2d5580}50%{transform:scale(1.1);box-shadow:0 0 12px #ff2d55cc}}.nav-dropdown-menu .nav-new-badge{font-size:8px;min-width:14px;height:14px}.mobile-nav-label .nav-new-badge{font-size:8px;min-width:15px;height:15px}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:120px;background:var(--wood-dark);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #0006;padding:6px 0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:150}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu button{display:block;width:100%;background:none;border:none;color:var(--cream);padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s}.nav-dropdown-menu button:hover{background:#ffffff1a;color:var(--maple-gold)}.nav-dropdown-menu button.active{color:var(--maple-gold);background:#e0702033}.mobile-nav-group{border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav-group-header{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;background:none;border:none;color:var(--cream);font-size:15px;cursor:pointer;transition:background .2s;text-align:left}.mobile-nav-group-header:hover{background:#ffffff14}.mobile-nav-group-header.active{color:var(--maple-gold)}.mobile-nav-arrow{margin-left:auto;font-size:12px;opacity:.6;transition:transform .25s}.mobile-nav-arrow.open{transform:rotate(180deg)}.mobile-nav-group-items{max-height:0;overflow:hidden;transition:max-height .25s ease}.mobile-nav-group-items.open{max-height:200px}.mobile-nav-child{padding-left:44px!important;font-size:14px!important}.header-profile-hover{position:relative;cursor:pointer}.header-profile-popup{position:absolute;top:100%;right:0;min-width:200px;background:var(--wood-dark);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 12px 36px #00000080;padding:20px 16px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.header-profile-hover:hover .header-profile-popup{opacity:1;visibility:visible}.profile-popup-avatar{display:flex;justify-content:center}.profile-popup-img{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--wood-medium);display:flex;align-items:center;justify-content:center}.profile-popup-img img{width:100%;height:100%;object-fit:cover}.profile-popup-icon{font-size:28px}.profile-popup-name{font-size:15px;font-weight:600;text-align:center}.profile-popup-name .user-title-badge{display:block;margin-bottom:4px}.profile-popup-info{display:flex;gap:8px;font-size:12px;color:#fff9}.profile-popup-role{color:var(--maple-gold)}.profile-popup-btn{margin-top:6px;padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--cream);border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.profile-popup-btn:hover{background:#fff3}.board-item.recommended{border:1px solid rgba(218,165,32,.4);background:#daa5200d}.recommended-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--maple-gold),var(--maple-orange));color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;z-index:2}.board-item{position:relative}.point-rank-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--wood-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.point-rank-avatar img{width:100%;height:100%;object-fit:cover}.point-rank-avatar span{font-size:18px}.point-ranking-item{display:flex;align-items:center;gap:10px}.audit-log-details{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.audit-detail{font-size:12px;color:var(--cream);background:#ffffff14;padding:2px 8px;border-radius:4px}.audit-detail.muted{opacity:.5}.info-board-notice{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#daa52026,#e070201a);border:1px solid rgba(218,165,32,.3);border-radius:10px;padding:12px 16px;margin-bottom:20px;color:var(--cream);font-size:13px;line-height:1.5}.info-notice-icon{font-size:20px;flex-shrink:0}.info-notice-highlight{color:var(--maple-gold)}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.login-link,.register-link{background:none;border:2px solid var(--wood-light);color:var(--cream);padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;border-radius:20px;white-space:nowrap}.login-link:hover{background:#ffffff1a;border-color:var(--maple-gold);color:var(--maple-gold)}.register-link{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none}.register-link:hover{filter:brightness(1.1)}.user-menu{display:flex;align-items:center;gap:8px}.user-name{color:var(--cream);font-size:14px;font-weight:500}.user-btn,.settings-btn{background:none;border:none;color:var(--cream);padding:6px 10px;cursor:pointer;opacity:.8;font-size:13px}.user-btn:hover,.settings-btn:hover{opacity:1}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hamburger-line{display:block;width:22px;height:2px;background:var(--cream);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.mobile-menu-overlay.open{display:block}.mobile-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,var(--wood-dark) 0%,#2a1e12 100%);z-index:200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-sidebar-logo{display:flex;align-items:center;gap:8px;color:var(--cream);font-size:17px;font-weight:700}.mobile-sidebar-close{background:none;border:none;color:var(--cream);font-size:20px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.8}.mobile-sidebar-close:hover{opacity:1}.mobile-user-section{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-auth-buttons{display:flex;gap:8px}.mobile-login-btn,.mobile-signup-btn{flex:1;padding:10px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer}.mobile-login-btn{background:#ffffff1a;color:var(--cream)}.mobile-signup-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);color:#fff}.mobile-user-info{display:flex;align-items:center;gap:12px}.mobile-user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--wood-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-default{color:var(--cream);font-size:18px}.mobile-user-details{display:flex;flex-direction:column;gap:2px}.mobile-user-name{color:var(--cream);font-size:15px;font-weight:600}.mobile-user-role{color:#ffffff80;font-size:12px}.mobile-nav{padding:8px 0;flex:1}.mobile-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;background:none;border:none;color:var(--cream);font-size:15px;cursor:pointer;transition:background .2s;text-align:left}.mobile-nav-item:hover{background:#ffffff14}.mobile-nav-item.active{background:#e0702033;color:var(--maple-gold)}.mobile-nav-icon{font-size:10px;color:var(--maple-orange)}.mobile-nav-label{font-weight:500}.mobile-sidebar-footer{padding:16px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px}.mobile-settings-btn,.mobile-logout-btn{flex:1;padding:10px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer}.mobile-settings-btn{background:#ffffff1a;color:var(--cream)}.mobile-logout-btn{background:#c445364d;color:#ffb3b3}.main-content{flex:1;position:relative;z-index:1}.page-content{max-width:1200px;margin:0 auto;padding:30px 20px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.page-header h1{font-size:26px;color:var(--cream);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.write-btn{margin-left:auto;background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer}.hero-section.premium{background:linear-gradient(165deg,#fdfbf7,#f8f4ed,#f5efe5);border:1px solid rgba(139,105,20,.1);border-radius:28px;padding:70px 40px 60px;margin-bottom:40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 40px #4a372814,inset 0 1px #fffc}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(224,112,32,.06) 0%,transparent 35%),radial-gradient(circle at 85% 80%,rgba(218,165,32,.08) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(139,105,20,.03) 0%,transparent 60%);pointer-events:none}.hero-corner{position:absolute;width:80px;height:80px;pointer-events:none}.hero-corner.top-left{top:0;left:0;border-top:3px solid rgba(224,112,32,.15);border-left:3px solid rgba(224,112,32,.15);border-radius:28px 0 0}.hero-corner.top-right{top:0;right:0;border-top:3px solid rgba(224,112,32,.15);border-right:3px solid rgba(224,112,32,.15);border-radius:0 28px 0 0}.hero-corner.bottom-left{bottom:0;left:0;border-bottom:3px solid rgba(224,112,32,.15);border-left:3px solid rgba(224,112,32,.15);border-radius:0 0 0 28px}.hero-corner.bottom-right{bottom:0;right:0;border-bottom:3px solid rgba(224,112,32,.15);border-right:3px solid rgba(224,112,32,.15);border-radius:0 0 28px}.hero-section.premium .hero-inner{position:relative;z-index:1}.guild-emblem.premium{width:130px;height:130px;margin:0 auto 20px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff8f0,#ffeddb);border-radius:36px;box-shadow:0 8px 32px #e0702033,inset 0 2px 10px #ffffffe6}.emblem-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px dashed rgba(224,112,32,.25);border-radius:44px;animation:spin-slow 30s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guild-emblem.premium .emblem-img{width:85px;height:85px;border-radius:22px;object-fit:cover;border:none;box-shadow:0 4px 16px #0000001f;position:relative;z-index:1}.emblem-maple{width:65px;height:65px;position:relative;z-index:1}.emblem-maple:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#e07020,#c45a18);clip-path:polygon(50% 0%,61% 15%,98% 15%,70% 40%,80% 90%,50% 70%,20% 90%,30% 40%,2% 15%,39% 15%);filter:drop-shadow(0 4px 8px rgba(224,112,32,.3))}.guild-badge{display:inline-block;background:linear-gradient(135deg,#e07020,#d35400);color:#fff;font-size:11px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:16px;letter-spacing:.05em;box-shadow:0 4px 12px #e070204d}.guild-title.premium{font-size:38px;font-weight:800;color:#1a1a1a;text-shadow:none;margin-bottom:10px;letter-spacing:-.02em}.guild-slogan.premium{color:#777;font-size:15px;font-weight:500;margin-bottom:40px}.hero-stats.premium{display:flex;align-items:stretch;justify-content:center;gap:0;background:#ffffffb3;padding:0;border-radius:20px;overflow:hidden;max-width:540px;margin:0 auto;border:1px solid rgba(139,105,20,.08)}.hero-stats.premium .stat-box{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 16px;position:relative;transition:background .2s}.hero-stats.premium .stat-box:hover{background:#e070200a}.hero-stats.premium .stat-box:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:50px;background:#0000000f}.stat-icon-mini{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.stat-icon-mini.members-icon{background:linear-gradient(135deg,#fff4eb,#ffe8d5);flex-direction:column;gap:1px}.stat-icon-mini.members-icon:before{content:"";width:12px;height:12px;border:2.5px solid #e07020;border-radius:50%;box-sizing:border-box}.stat-icon-mini.members-icon:after{content:"";width:18px;height:9px;border:2.5px solid #e07020;border-radius:0 0 12px 12px;border-top:none;box-sizing:border-box}.stat-icon-mini.alliance-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.stat-icon-mini.alliance-icon:before{content:"";width:12px;height:12px;border:2.5px solid #ef4444;border-radius:50%;margin-right:-3px;box-sizing:border-box}.stat-icon-mini.alliance-icon:after{content:"";width:12px;height:12px;border:2.5px solid #ef4444;border-radius:50%;margin-left:-3px;box-sizing:border-box}.stat-icon-mini.level-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stat-icon-mini.level-icon:before{content:"";width:18px;height:18px;background:linear-gradient(135deg,#f59e0b,#d97706);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hero-stats.premium .stat-content{display:flex;flex-direction:column;align-items:flex-start}.hero-stats.premium .stat-num{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1}.hero-stats.premium .stat-label{font-size:11px;color:#999;font-weight:500;margin-top:2px}.section-header.premium{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.section-header.premium .header-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#ddd 50%,transparent 100%);max-width:80px}.section-header.premium h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap}.notice-section.premium{background:linear-gradient(165deg,#fdfbf7,#faf7f2);border:1px solid rgba(139,105,20,.08);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 4px 24px #4a37280f}.notice-board.premium{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.notice-item.premium{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff9;border:1px solid rgba(139,105,20,.06);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.notice-item.premium:hover{background:#ffffffe6;transform:translate(6px);border-color:#e0702033}.notice-item.premium.hot{background:linear-gradient(90deg,#fff5f0,#fafafa);border-left:3px solid #e07020}.notice-item.premium .notice-tag{font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;background:#e8e8e8;color:#666;flex-shrink:0}.notice-item.premium .notice-tag.important{background:linear-gradient(135deg,#e07020,#d35400);color:#fff}.notice-item.premium .notice-title{flex:1;font-size:14px;color:#333;font-weight:500}.notice-item.premium .notice-date{font-size:12px;color:#aaa;flex-shrink:0}.view-all-btn{display:block;width:100%;padding:14px;background:#ffffff80;border:1px solid rgba(139,105,20,.1);border-radius:12px;font-size:14px;font-weight:600;color:#6b5a48;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#fffc;border-color:#e070204d;color:#e07020}.quick-menu.premium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.menu-card.premium{background:linear-gradient(165deg,#fdfbf7,#faf7f2);border:1px solid rgba(139,105,20,.08);border-radius:20px;padding:28px 24px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #4a37280f;position:relative;overflow:hidden}.menu-card.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s}.menu-card.premium:hover:before{opacity:1}.menu-card.premium:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.menu-notice:before{background:linear-gradient(90deg,#e07020,#ff9a3e)}.menu-board:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.menu-gallery:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.menu-schedule:before{background:linear-gradient(90deg,#10b981,#34d399)}.menu-members:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.menu-alliance:before{background:linear-gradient(90deg,#ef4444,#f87171)}.menu-card.premium .card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.icon-notice{background:linear-gradient(135deg,#fff4eb,#ffe8d5)}.icon-notice:before{content:"";width:22px;height:26px;border:3px solid #e07020;border-radius:3px}.icon-notice:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;background:repeating-linear-gradient(to bottom,#e07020 0px,#e07020 2px,transparent 2px,transparent 5px);margin-top:2px}.icon-board{background:linear-gradient(135deg,#eff6ff,#dbeafe);flex-direction:column;gap:3px}.icon-board:before{content:"";width:22px;height:3px;background:#3b82f6;border-radius:2px}.icon-board:after{content:"";width:22px;height:12px;background:repeating-linear-gradient(to bottom,#3b82f6 0px,#3b82f6 3px,transparent 3px,transparent 6px);border-radius:1px}.icon-gallery{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.icon-gallery:before{content:"";width:24px;height:20px;border:3px solid #8b5cf6;border-radius:4px;position:relative}.icon-gallery:after{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #8b5cf6;bottom:18px;left:50%;transform:translate(-50%)}.icon-schedule{background:linear-gradient(135deg,#ecfdf5,#d1fae5);flex-direction:column}.icon-schedule:before{content:"";width:24px;height:6px;background:#10b981;border-radius:3px 3px 0 0}.icon-schedule:after{content:"";width:24px;height:18px;border:3px solid #10b981;border-top:none;border-radius:0 0 4px 4px;background:linear-gradient(to right,#10b981 2px,transparent 2px) 4px 4px / 6px 6px no-repeat,linear-gradient(to right,#10b981 2px,transparent 2px) 12px 4px / 6px 6px no-repeat,linear-gradient(to right,#10b981 2px,transparent 2px) 4px 10px / 6px 6px no-repeat}.icon-members{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.icon-members:before{content:"";width:12px;height:12px;border:3px solid #f59e0b;border-radius:50%;margin-bottom:8px}.icon-members:after{content:"";position:absolute;bottom:12px;width:20px;height:10px;border:3px solid #f59e0b;border-radius:0 0 12px 12px;border-top:none}.icon-alliance{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.icon-alliance:before{content:"";width:12px;height:16px;border:3px solid #ef4444;border-radius:3px 3px 8px 8px;border-bottom-width:4px;transform:rotate(-20deg);margin-right:-4px}.icon-alliance:after{content:"";width:12px;height:16px;border:3px solid #ef4444;border-radius:3px 3px 8px 8px;border-bottom-width:4px;transform:rotate(20deg);margin-left:-4px}.menu-card.premium .card-info h3{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.menu-card.premium .card-info p{font-size:13px;color:#888;font-weight:400}.menu-card.premium .card-arrow{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#f5f5f5;position:relative;transition:all .3s;flex-shrink:0}.menu-card.premium .card-arrow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-60%,-50%) rotate(45deg);width:6px;height:6px;border-top:2px solid #888;border-right:2px solid #888}.menu-card.premium:hover .card-arrow{background:#e07020}.menu-card.premium:hover .card-arrow:before{border-color:#fff}.members-preview.premium{background:linear-gradient(165deg,#fdfbf7,#faf7f2);border:1px solid rgba(139,105,20,.08);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 4px 24px #4a37280f}.member-grid.premium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.member-card.premium{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff9;border:1px solid rgba(139,105,20,.06);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.member-card.premium:hover{background:#fffffff2;border-color:#e07020;transform:translateY(-3px);box-shadow:0 8px 24px #e070201f}.member-avatar.premium{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#f0e8e0,#d8c8b8);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 2px 8px #00000014}.member-avatar.premium img{width:100%;border-radius:50%;height:100%;object-fit:cover}.member-avatar.premium span{font-size:24px}.member-avatar.premium .online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#d4d4d4;border-radius:50%;border:2.5px solid #faf7f2;z-index:2}.member-avatar.premium .online-indicator.online{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 8px #22c55e80}50%{box-shadow:0 0 14px #22c55ecc}}.member-card.premium .member-info{display:flex;flex-direction:column;gap:4px;min-width:0}.member-card.premium .member-name{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card.premium .member-detail{display:flex;align-items:center;gap:6px;font-size:12px}.member-card.premium .level-badge{background:linear-gradient(135deg,#e07020,#d35400);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.member-card.premium .job-text{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#ffffff80;border:1px solid rgba(139,105,20,.1);border-radius:14px;font-size:14px;font-weight:600;color:#6b5a48;cursor:pointer;transition:all .25s}.view-more-btn:hover{background:#fffc;border-color:#e070204d;color:#e07020}.view-more-btn .arrow-icon{width:20px;height:20px;border-radius:50%;background:#8b69141a;position:relative;transition:all .25s}.view-more-btn .arrow-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-60%,-50%) rotate(45deg);width:5px;height:5px;border-top:2px solid #888;border-right:2px solid #888}.view-more-btn:hover .arrow-icon{background:#e07020}.view-more-btn:hover .arrow-icon:before{border-color:#fff}.upcoming-events.premium{background:linear-gradient(165deg,#fdfbf7,#faf7f2);border:1px solid rgba(139,105,20,.08);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 4px 24px #4a37280f}.event-cards.premium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.event-card.premium{display:flex;gap:16px;padding:20px;background:#fff9;border-radius:18px;position:relative;border:1px solid rgba(139,105,20,.06);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.event-card.premium:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:#ddd;opacity:0;transition:opacity .25s}.event-card.premium:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 12px 32px #4a37281a}.event-card.premium:hover:before{opacity:1;background:#e07020}.event-card.premium.upcoming{background:linear-gradient(135deg,#fff9f5,#fff5f0);border-color:#e07020}.event-card.premium.upcoming:before{opacity:1;background:linear-gradient(180deg,#e07020,#d35400)}.event-card.premium .event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;background:#fff;border-radius:16px;padding:14px 10px;box-shadow:0 4px 12px #0000000f;flex-shrink:0}.event-card.premium.upcoming .event-date{background:linear-gradient(135deg,#e07020,#d35400)}.event-card.premium.upcoming .date-month,.event-card.premium.upcoming .date-day,.event-card.premium.upcoming .date-weekday{color:#fff}.event-card.premium .date-month{font-size:11px;color:#999;font-weight:600;text-transform:uppercase}.event-card.premium .date-day{font-size:30px;font-weight:800;color:#333;line-height:1.1}.event-card.premium .date-weekday{font-size:12px;color:#aaa;font-weight:500}.event-card.premium .event-info{flex:1;min-width:0;padding-right:50px}.event-card.premium .event-info h4{font-size:15px;color:#1a1a1a;margin-bottom:6px;font-weight:600;line-height:1.3}.event-card.premium .event-info p{font-size:13px;color:#888;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card.premium .event-meta{display:flex;align-items:center;gap:6px}.event-card.premium .time-icon{width:16px;height:16px;border:2px solid #888;border-radius:50%;position:relative}.event-card.premium .time-icon:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:2px;background:#888;transform-origin:left center;transform:translateY(-50%) rotate(-45deg)}.event-card.premium .time-icon:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:2px;background:#888;transform-origin:left center;transform:translateY(-50%) rotate(-135deg)}.event-card.premium .event-time{font-size:13px;color:#666;font-weight:600}.event-dday{position:absolute;top:18px;right:18px;background:#e8e8e8;color:#666;font-size:11px;font-weight:700;padding:6px 12px;border-radius:20px;letter-spacing:.02em}.event-dday.soon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:pulse-dday 2s ease-in-out infinite}@keyframes pulse-dday{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notice-section,.members-preview,.upcoming-events{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 6px 20px #0000004d}.section-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.section-header h2{font-size:20px;color:var(--wood-dark);font-weight:700}.header-deco{height:2px;width:60px;background:linear-gradient(90deg,transparent,var(--wood-medium),transparent)}.notice-board{display:flex;flex-direction:column;gap:8px}.notice-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--cream-light);border:1px solid rgba(74,55,40,.15);border-radius:8px;cursor:pointer;transition:all .2s}.notice-item:hover{background:#fff;border-color:var(--maple-orange);transform:translate(5px)}.notice-item.hot{background:linear-gradient(90deg,rgba(224,112,32,.08) 0%,var(--cream-light) 100%);border-color:var(--maple-orange)}.notice-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;background:var(--wood-medium);color:var(--cream)}.notice-tag.new{background:var(--maple-red)}.notice-title{flex:1;font-size:14px;color:var(--text-dark);font-weight:500}.notice-date{font-size:12px;color:var(--text-medium);opacity:.7}.quick-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.menu-card{background:linear-gradient(180deg,var(--cream) 0%,var(--cream-light) 100%);border:3px solid var(--wood-medium);border-radius:12px;padding:25px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .25s;box-shadow:0 4px 15px #0003}.menu-card:hover{transform:translateY(-5px);border-color:var(--maple-orange);box-shadow:0 8px 25px #0000004d}.card-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--wood-dark);border-radius:12px}.card-info h3{font-size:16px;font-weight:700;color:var(--wood-dark);margin-bottom:4px}.card-info p{font-size:13px;color:var(--text-medium)}.card-arrow{margin-left:auto;font-size:20px;color:var(--wood-medium);transition:transform .2s}.menu-card:hover .card-arrow{transform:translate(5px);color:var(--maple-orange)}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.member-card{display:flex;align-items:center;gap:12px;padding:15px;background:var(--cream-light);border:1px solid rgba(74,55,40,.15);border-radius:10px;transition:all .2s}.member-card:hover{background:#fff;border-color:var(--maple-gold)}.member-avatar{width:48px;height:48px;position:relative;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;width:100%;height:100%;border:2px solid var(--wood-medium);border-radius:50%;background:var(--wood-dark)}.avatar-icon{position:relative;z-index:1;font-size:22px}.member-info{display:flex;flex-direction:column;gap:3px}.member-name{font-size:14px;font-weight:700;color:var(--wood-dark)}.member-detail{font-size:12px;color:var(--text-medium)}.online-status{width:10px;height:10px;border-radius:50%;background:#888;margin-left:auto}.online-status.online{background:#4ade80;box-shadow:0 0 8px #4ade80}.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{display:flex;gap:15px;padding:20px;background:var(--cream-light);border-radius:12px;position:relative;border:2px solid transparent}.event-card.upcoming{background:linear-gradient(135deg,rgba(224,112,32,.1) 0%,var(--cream-light) 100%);border-color:var(--maple-orange)}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;background:var(--wood-dark);border-radius:10px;color:var(--cream);padding:10px}.date-month{font-size:11px;opacity:.8}.date-day{font-size:24px;font-weight:900}.date-weekday{font-size:12px;opacity:.8}.event-info{flex:1}.event-info h4{font-size:15px;color:var(--wood-dark);margin-bottom:4px}.event-info p{font-size:13px;color:var(--text-medium);margin-bottom:8px}.event-time{font-size:12px;color:var(--text-medium)}.event-badge{position:absolute;top:10px;right:10px;background:var(--maple-red);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:10px}.event-badge.secondary{background:var(--wood-medium)}.alliance-banner{background:linear-gradient(135deg,var(--wood-dark) 0%,var(--maple-red) 100%);border:3px solid var(--maple-gold);border-radius:12px;padding:30px;text-align:center;margin-bottom:25px}.banner-title{display:block;font-size:28px;font-weight:900;color:var(--cream);margin-bottom:8px}.banner-sub{font-size:15px;color:var(--maple-gold)}.alliance-list{display:flex;flex-direction:column;gap:20px}.alliance-card{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:25px;position:relative}.alliance-card.main-guild{border-color:var(--maple-gold);border-width:4px;background:linear-gradient(135deg,#fffef5,#fff8e7,#fff3d6);box-shadow:0 4px 20px #daa52040,inset 0 0 30px #daa5200d}.alliance-card.main-guild .guild-title-area h3{color:#8b6914}.alliance-card.main-guild .guild-master{color:var(--wood-dark);font-weight:500}.alliance-card.main-guild .guild-desc{color:var(--text-dark)}.alliance-card.main-guild .guild-stat{color:var(--wood-dark);font-weight:600}.alliance-card.main-guild .guild-emblem-small{background:linear-gradient(135deg,var(--maple-gold) 0%,#c49520 100%);box-shadow:0 3px 10px #daa52066}.main-badge{position:absolute;top:-12px;left:20px;background:linear-gradient(180deg,var(--maple-gold) 0%,#c49520 100%);color:var(--wood-dark);font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;box-shadow:0 2px 8px #daa52066}.guild-header{display:flex;align-items:center;gap:15px;margin-bottom:12px}.guild-emblem-small{font-size:36px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--wood-dark);border-radius:12px}.guild-title-area h3{font-size:20px;font-weight:700;color:var(--wood-dark);margin-bottom:4px}.guild-master{font-size:13px;color:var(--text-medium)}.guild-level-badge{margin-left:auto;background:var(--maple-gold);color:var(--wood-dark);font-size:14px;font-weight:700;padding:8px 16px;border-radius:20px}.guild-desc{font-size:14px;color:var(--text-medium);line-height:1.6;margin-bottom:15px;padding-left:71px}.guild-footer{display:flex;align-items:center;justify-content:space-between;padding-left:71px}.guild-stat{font-size:14px;color:var(--text-medium)}.view-btn{background:var(--wood-dark);border:none;color:var(--cream);padding:10px 20px;font-size:13px;border-radius:8px;cursor:pointer}.view-btn:hover{background:var(--maple-orange)}.schedule-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.schedule-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px}.schedule-date{display:flex;flex-direction:column;align-items:center;width:70px}.sch-date{font-size:18px;font-weight:900;color:var(--wood-dark)}.sch-day{font-size:13px;color:var(--text-medium)}.schedule-content{flex:1}.schedule-main{display:flex;align-items:center;gap:10px;margin-bottom:6px}.schedule-type{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;color:#fff}.schedule-content h4{font-size:16px;color:var(--wood-dark)}.schedule-content p{font-size:13px;color:var(--text-medium);margin-bottom:6px}.schedule-time{font-size:13px;color:var(--text-medium)}.join-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer}.schedule-info-box{background:#4a3728e6;border:2px solid var(--wood-medium);border-radius:12px;padding:25px;color:var(--cream)}.schedule-info-box h4{font-size:16px;color:var(--maple-gold);margin-bottom:15px}.schedule-info-box ul{list-style:none}.schedule-info-box li{font-size:14px;padding:6px 0 6px 20px;position:relative}.schedule-info-box li:before{content:"•";position:absolute;left:0;color:var(--maple-orange)}.post-list{display:flex;flex-direction:column;gap:12px}.post-card{background:var(--cream);border:2px solid var(--wood-medium);border-radius:10px;padding:16px}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.post-author{display:flex;align-items:center;gap:10px}.author-avatar{width:36px;height:36px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;overflow:hidden;color:var(--cream)}.author-avatar.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.author-info{display:flex;flex-direction:column}.author-name{font-size:14px;font-weight:600;color:var(--wood-dark)}.author-job,.post-time{font-size:11px;color:var(--text-medium)}.post-body h4{font-size:15px;color:var(--wood-dark);margin-bottom:6px}.post-body p{font-size:13px;color:var(--text-medium);line-height:1.5}.post-footer{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.like-btn,.comment-btn{background:none;border:none;font-size:13px;color:var(--text-medium);cursor:pointer;padding:4px 8px;border-radius:4px}.like-btn:hover,.comment-btn:hover{color:var(--maple-orange);background:#e070201a}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery-item{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.gallery-image{height:150px;background:var(--wood-dark);display:flex;align-items:center;justify-content:center;font-size:48px}.gallery-info{padding:15px}.gallery-title{display:block;font-size:14px;font-weight:600;color:var(--wood-dark);margin-bottom:4px}.gallery-meta{font-size:12px;color:var(--text-medium)}.members-stats{display:flex;gap:20px;margin-bottom:20px}.stat-item{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:20px 30px;display:flex;flex-direction:column;align-items:center}.stat-item.online{border-color:#4ade80}.stat-item .stat-value{font-size:28px;font-weight:900;color:var(--maple-gold)}.stat-item.online .stat-value{color:#22c55e}.stat-item .stat-name{font-size:13px;color:var(--text-medium)}.members-filter{display:flex;gap:8px;margin-bottom:20px}.members-filter button{background:var(--cream);border:2px solid var(--wood-medium);padding:10px 18px;font-size:14px;border-radius:8px;cursor:pointer}.members-filter button:hover{border-color:var(--maple-orange)}.members-filter button.active{background:var(--wood-dark);color:var(--cream);border-color:var(--wood-dark)}.members-list{display:flex;flex-direction:column;gap:10px}.member-row{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--cream);border:2px solid var(--wood-medium);border-radius:10px;min-width:0}.member-row.online{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#4ade80}.member-row.online .member-name{color:#fff}.member-row.online .member-job{color:#ffffffe6}.member-row.online .member-level{color:#bbf7d0}.member-row.online .member-role.role-member{background:#ffffff40}.member-row.online .avatar-placeholder{background:#fff3}.member-row.online .online-dot.on{background:#fff;box-shadow:0 0 8px #fff}.member-avatar-box{position:relative}.avatar-placeholder{width:44px;height:44px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--cream)}.avatar-placeholder.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#888;border:2px solid var(--cream)}.online-dot.on{background:#4ade80}.member-main{flex:1;display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.member-row .member-name{font-size:15px;font-weight:700;color:var(--wood-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.member-role{font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;color:#fff;flex-shrink:0;white-space:nowrap}.member-sub{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;min-width:80px}.member-job{font-size:13px;color:var(--text-medium);white-space:nowrap}.member-level{font-size:14px;font-weight:700;color:var(--maple-gold);white-space:nowrap}.members-page.premium .page-header h1{color:#fff}.members-stats.premium{display:flex;gap:16px;margin-bottom:28px}.members-stats.premium .stat-card{flex:1;background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000000f;transition:all .25s}.members-stats.premium .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.members-stats.premium .stat-card.online{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.members-stats.premium .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.members-stats.premium .total-icon{background:linear-gradient(135deg,#fff4eb,#ffe8d5)}.members-stats.premium .total-icon:before{content:"";width:12px;height:12px;border:3px solid #e07020;border-radius:50%;margin-bottom:6px}.members-stats.premium .total-icon:after{content:"";position:absolute;bottom:10px;width:18px;height:10px;border:3px solid #e07020;border-radius:0 0 12px 12px;border-top:none}.members-stats.premium .online-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.members-stats.premium .online-icon:before{content:"";width:16px;height:16px;background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55e80}.members-stats.premium .stat-content{display:flex;flex-direction:column}.members-stats.premium .stat-value{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1}.members-stats.premium .stat-card.online .stat-value{color:#16a34a}.members-stats.premium .stat-name{font-size:13px;color:#888;margin-top:4px;font-weight:500}.members-filter.premium{display:flex;gap:8px;margin-bottom:24px;padding:6px;background:#fff;border-radius:14px;width:fit-content;box-shadow:0 2px 12px #0000000a}.members-filter.premium button{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;color:#888;transition:all .2s}.members-filter.premium button:hover{color:#333;background:#f5f5f5}.members-filter.premium button.active{background:#1a1a1a;color:#fff}.members-list.premium{display:flex;flex-direction:column;gap:10px}.member-row.premium{display:flex;align-items:center;gap:19px;padding:12px 24px;background:#fff;border:none;border-radius:22px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000a}.member-row.premium:hover{transform:translate(6px);box-shadow:0 6px 24px #00000014}.member-row.premium.online{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.member-row.premium.role-master{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #d4a000}.member-row.premium.role-submaster{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left:4px solid #e07020}.member-row.premium .avatar-placeholder{width:68px;height:68px;background:linear-gradient(135deg,#e0d0c0,#c8b8a8);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.member-row.premium .avatar-placeholder img{width:100%;height:100%;object-fit:cover}.member-row.premium .avatar-placeholder span{font-size:31px}.member-row.premium .online-indicator{position:absolute;bottom:0;right:0;width:20px;height:20px;background:#ccc;border-radius:50%;border:3px solid #fff}.member-row.premium .online-indicator.on{background:#22c55e;box-shadow:0 0 8px #22c55e80}.member-row.premium .avatar-placeholder.game-avatar{width:144px;height:144px;background:linear-gradient(135deg,#e0d0c0,#c8b8a8);border-radius:50%}.member-row.premium .avatar-placeholder .ranking-avatar{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2);display:block}.member-row.premium.online .online-indicator.on{border-color:#ecfdf5}.member-row.premium .member-main{flex:1;display:flex;align-items:center;gap:17px;min-width:0}.member-row.premium .member-name{font-size:20px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row.premium .member-role{font-size:16px;font-weight:700;padding:6px 17px;border-radius:20px;flex-shrink:0}.member-row.premium .member-role.role-master{background:linear-gradient(135deg,#d4a000,#b8860b);color:#fff}.member-row.premium .member-role.role-submaster{background:linear-gradient(135deg,#e07020,#d35400);color:#fff}.member-row.premium .member-role.role-member{background:#e8e8e8;color:#666}.member-row.premium .member-role.role-honorary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.member-row.premium .member-sub{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.member-row.premium .member-job{font-size:17px;color:#888}.member-row.premium .member-level{font-size:18px;font-weight:700;color:#e07020}.member-info-col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.member-alts{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.alt-tag{font-size:13px;font-weight:500;color:#0e7490;background:#ecfeff;padding:2px 10px;border-radius:10px;white-space:nowrap;line-height:1.4}.alt-tag .alt-detail{color:#22a3b3;font-size:12px}.alt-tag.more{color:#999;background:#f0f0f0}.member-detail-alts{margin-top:16px;background:#f8f5ff;border-radius:16px;padding:16px 20px}.alts-section-label{display:block;font-size:11px;color:#8b5cf6;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.alts-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.alts-list::-webkit-scrollbar{width:4px}.alts-list::-webkit-scrollbar-track{background:transparent}.alts-list::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:4px}.alt-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:10px;border:1px solid #ede9fe}.alt-item.clickable{cursor:pointer;transition:all .15s}.alt-item.clickable:hover{background:#f5f3ff;border-color:#c4b5fd;transform:translate(2px)}.alt-item.clickable.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6}.alt-item-avatar{width:36px;height:36px;border-radius:6px;object-fit:contain;object-position:center bottom;flex-shrink:0;background:#f0f0f0;image-rendering:pixelated}.alt-item-info-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.alt-item-name{font-size:14px;font-weight:600;color:#5b21b6}.alt-item-info{font-size:12px;color:#7c3aed;font-weight:500}.alt-back-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;margin-bottom:12px;transition:all .15s}.alt-back-btn:hover{background:#e5e7eb;color:#374151}.modal-overlay.premium{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.member-detail-modal.premium{max-width:820px;width:95vw;background:#fff;border-radius:28px;padding:0;position:relative;overflow:hidden;zoom:.95}.modal-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#0000000d;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:all .2s}.modal-close-btn:hover{background:#0000001a}.modal-close-btn:before,.modal-close-btn:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#666;border-radius:1px}.modal-close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.member-detail-body.premium{display:flex;flex-direction:row;align-items:flex-start;padding:0;zoom:.85}.member-detail-left{width:320px;flex-shrink:0;padding:40px 32px 32px}.member-detail-right{flex:1;min-width:0;padding:40px 32px 32px 0;display:flex;flex-direction:column}.level-chart-section{flex:1;display:flex;flex-direction:column}.level-chart-title{font-size:13px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.level-chart-container{flex:1;min-height:560px}.level-chart-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:13px;min-height:560px;background:#fafafa;border-radius:12px}@media (max-width: 640px){.member-detail-modal.premium{max-width:100%;width:100%;border-radius:28px 28px 0 0;margin-top:auto}.member-detail-body.premium{flex-direction:column}.member-detail-left{width:100%;padding:40px 24px 20px}.member-detail-right{padding:0 24px 24px}}.member-detail-avatar.premium{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.member-detail-avatar.premium .avatar-large{width:160px;height:160px;border-radius:20px;background:linear-gradient(135deg,#e8f4f8,#d1ecf1);display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;box-shadow:0 8px 30px #0000001a}.member-detail-avatar.premium .avatar-large.game-avatar{width:225px;height:225px;background:#fff;border-radius:0;box-shadow:none}.member-detail-avatar.premium .avatar-large img{width:100%;height:100%;object-fit:cover}.member-detail-avatar.premium .avatar-large .ranking-avatar{width:100%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;transform:scale(1.45) translateY(15%);mix-blend-mode:multiply;transform-origin:center bottom}.member-detail-avatar.premium .avatar-large span{font-size:72px}.online-badge{display:flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;background:#f5f5f5;border-radius:20px;font-size:13px;font-weight:500;color:#888}.online-badge.online{background:#ecfdf5;color:#16a34a}.online-badge .badge-dot{width:8px;height:8px;background:#ccc;border-radius:50%}.online-badge.online .badge-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.member-detail-name{text-align:center;margin-bottom:24px}.member-detail-name h2{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.member-detail-name .role-tag{display:inline-block;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px}.role-tag.role-master{background:linear-gradient(135deg,#d4a000,#b8860b);color:#fff}.role-tag.role-submaster{background:linear-gradient(135deg,#e07020,#d35400);color:#fff}.role-tag.role-member{background:#e8e8e8;color:#666}.member-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fafafa;border-radius:16px;padding:20px}.member-detail-stats .detail-stat{display:flex;flex-direction:column;gap:4px}.member-detail-stats .detail-stat.full{grid-column:span 2}.member-detail-stats .stat-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.05em}.member-detail-stats .stat-value{font-size:15px;font-weight:600;color:#333}.role-edit-section.premium{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.role-edit-section.premium .section-label{display:block;font-size:12px;font-weight:600;color:#999;margin-bottom:12px}.role-edit-section.premium .role-buttons{display:flex;gap:10px}.role-edit-section.premium .role-btn{flex:1;padding:12px;background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.role-edit-section.premium .role-btn:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.role-edit-section.premium .role-btn.active{background:#e07020;border-color:#e07020;color:#fff}.role-edit-section.premium .role-btn:disabled{opacity:.5;cursor:not-allowed}.register-page .register-container{display:grid;grid-template-columns:300px 1fr;gap:30px}.register-info{display:flex;flex-direction:column;gap:20px}.info-box{background:#4a3728e6;border:2px solid var(--wood-medium);border-radius:12px;padding:25px;color:var(--cream)}.info-box h3{font-size:16px;color:var(--maple-gold);margin-bottom:15px}.info-box ul{list-style:none}.info-box li{font-size:14px;padding:6px 0 6px 20px;position:relative}.info-box li:before{content:"•";position:absolute;left:0;color:var(--maple-orange)}.info-box.benefits{background:linear-gradient(135deg,#5a7247e6,#4a3728e6)}.register-form{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:35px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--wood-dark);margin-bottom:8px}.form-group .required{color:var(--maple-red)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;font-size:14px;font-family:inherit;border:2px solid rgba(74,55,40,.2);border-radius:8px;background:var(--cream-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--maple-orange);background:#fff}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a3728' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.job-select{min-width:140px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.avatar-upload-box{width:150px;height:150px;background:var(--wood-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.avatar-preview{width:100%;height:100%;object-fit:cover}.avatar-placeholder-upload{text-align:center;color:var(--cream)}.avatar-placeholder-upload span{font-size:36px;display:block;margin-bottom:8px}.avatar-placeholder-upload p{font-size:12px;opacity:.8}.submit-btn{width:100%;padding:16px;font-size:16px;font-weight:700;font-family:inherit;background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover{filter:brightness(1.1)}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.login-container{width:100%;max-width:400px;background:var(--cream);border:3px solid var(--wood-medium);border-radius:16px;padding:40px}.login-container.signup{max-width:450px}.login-header{text-align:center;margin-bottom:30px}.login-emblem{font-size:56px;margin-bottom:15px}.login-header h1{font-size:26px;color:var(--wood-dark);margin-bottom:5px}.login-header p{font-size:14px;color:var(--text-medium)}.login-form{margin-bottom:20px}.login-btn{width:100%;padding:14px;font-size:15px;font-weight:700;font-family:inherit;background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer}.login-links{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.login-links button{background:none;border:none;color:var(--text-medium);font-size:13px;cursor:pointer}.login-links button:hover{color:var(--maple-orange)}.login-links span{color:var(--wood-medium);opacity:.5}.guest-btn{width:100%;padding:12px;font-size:14px;font-family:inherit;background:transparent;border:2px solid var(--wood-medium);border-radius:8px;color:var(--wood-dark);cursor:pointer}.guest-btn:hover{background:var(--cream-light)}.settings-section{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:25px;max-width:600px;margin:0 auto}.settings-section h3{font-size:17px;color:var(--wood-dark);margin-bottom:20px}.logo-upload-area{display:flex;gap:25px;align-items:flex-start}.current-logo{width:150px;height:150px;background:var(--wood-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.current-logo img{width:100%;height:100%;object-fit:cover}.no-logo{text-align:center;color:var(--cream)}.no-logo span{font-size:48px;display:block;margin-bottom:8px}.no-logo p{font-size:13px;opacity:.7}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.current-logo:hover .logo-overlay{opacity:1}.logo-info p{font-size:13px;color:var(--text-medium);margin-bottom:5px}.remove-logo{margin-top:10px;background:var(--maple-red);border:none;color:#fff;padding:8px 16px;font-size:13px;border-radius:6px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--cream);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content.write-modal{max-width:1000px;max-height:92vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:2px solid rgba(0,0,0,.1)}.modal-header h3{font-size:18px;color:var(--wood-dark)}.close-btn{background:var(--cream-light);border:none;width:36px;height:36px;border-radius:10px;font-size:24px;color:var(--text-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#dc35451a;color:#dc3545}.write-form{padding:28px 32px}.image-upload{border:2px dashed var(--wood-medium);border-radius:12px;padding:30px;text-align:center;cursor:pointer;position:relative}.image-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.image-upload.large{padding:50px}.form-actions{display:flex;gap:10px;margin-top:10px}.form-actions button{flex:1;padding:14px;font-size:15px;border-radius:8px;cursor:pointer;font-family:inherit}.form-actions button:first-child{background:var(--cream-light);border:2px solid var(--wood-medium)}.form-actions button.primary{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;font-weight:600;transition:opacity .15s}.form-actions button.primary:disabled{opacity:.75;cursor:not-allowed}.form-actions button.primary:disabled:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:btn-spin .65s linear infinite;margin-right:7px;vertical-align:middle}@keyframes btn-spin{to{transform:rotate(360deg)}}.member-detail-modal{max-width:400px}.member-detail-body{padding:25px}.member-detail-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.avatar-large{width:100px;height:100px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--maple-gold);overflow:hidden}.avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-icon-large{font-size:48px}.status-badge{margin-top:10px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.online{background:#4caf50;color:#fff}.status-badge.offline{background:#9e9e9e;color:#fff}.member-detail-info{background:var(--cream-light);border-radius:12px;padding:20px}.info-row.main-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1)}.character-name{font-size:20px;font-weight:700;color:var(--wood-dark)}.role-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:var(--text-medium);text-transform:uppercase}.info-value{font-size:14px;font-weight:500;color:var(--wood-dark)}.role-edit-section{margin-top:20px;padding-top:15px;border-top:2px solid rgba(0,0,0,.1)}.section-label{display:block;font-size:12px;font-weight:600;color:var(--text-medium);margin-bottom:10px}.role-buttons{display:flex;gap:10px}.role-btn{flex:1;padding:10px;background:var(--cream);border:2px solid var(--wood-medium);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.role-btn:hover:not(:disabled){background:var(--wood-medium);color:#fff}.role-btn.active{background:var(--maple-orange);border-color:var(--maple-orange);color:#fff}.role-btn:disabled{opacity:.5;cursor:not-allowed}.floating-widget{position:fixed;bottom:30px;right:30px;z-index:50}.attendance-widget{background:var(--cream);border:3px solid var(--wood-medium);border-radius:16px;padding:20px;width:180px;box-shadow:0 8px 30px #0000004d}.attendance-header{display:flex;justify-content:space-between;margin-bottom:15px;font-size:14px;font-weight:600;color:var(--wood-dark)}.attendance-date{color:var(--maple-orange)}.attendance-btn{width:100%;padding:12px;background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.attendance-done{text-align:center}.attendance-done span{font-size:32px;display:block;margin-bottom:5px}.attendance-done p{font-size:13px;color:var(--text-medium)}.main-footer{background:var(--wood-dark);border-top:3px solid var(--wood-medium);padding:25px 20px;margin-top:auto;position:relative;z-index:1}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.footer-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.footer-logo{font-size:16px;font-weight:700;color:var(--cream);white-space:nowrap}.footer-copy{font-size:13px;color:var(--cream);opacity:.6}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a{color:var(--cream);font-size:13px;text-decoration:none;opacity:.8;white-space:nowrap}.footer-links a:hover{opacity:1;color:var(--maple-gold)}@media (max-width: 600px){.main-footer{padding:20px 15px}.footer-inner{flex-direction:column;text-align:center;gap:12px}.footer-info{flex-direction:column;gap:5px;justify-content:center}.footer-logo{font-size:15px}.footer-copy{font-size:11px;margin-left:0}.footer-links{justify-content:center;gap:20px}.footer-links a{font-size:12px}}@media (max-width: 1000px){.event-cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.quick-menu,.member-grid{grid-template-columns:repeat(2,1fr)}.register-page .register-container{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-nav{display:none}.mobile-menu-btn,.header-actions{display:flex}.header-actions .user-menu .user-name,.header-actions .user-menu .settings-btn,.header-actions .user-menu .user-btn,.header-actions .login-link,.header-actions .register-link{display:none}.header-actions .user-menu{gap:0}.header-point-badge{font-size:11px;padding:4px 10px}.hero-section.premium{padding:50px 24px 40px;margin-bottom:24px;border-radius:24px}.hero-corner{width:50px;height:50px}.guild-emblem.premium{width:100px;height:100px;margin-bottom:16px;border-radius:28px}.emblem-ring{top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:36px}.emblem-maple{width:48px;height:48px}.guild-badge{font-size:10px;padding:5px 12px;margin-bottom:12px}.guild-title.premium{font-size:28px}.guild-slogan.premium{font-size:13px;margin-bottom:28px}.hero-stats.premium{flex-direction:column;gap:0;max-width:100%;border-radius:16px}.hero-stats.premium .stat-box{width:100%;padding:16px 20px;flex-direction:row;justify-content:flex-start;gap:14px}.hero-stats.premium .stat-box:not(:last-child):after{width:100%;height:1px;top:auto;bottom:0;left:0;right:0;transform:none}.hero-stats.premium .stat-content{align-items:flex-start}.stat-icon-mini{width:32px;height:32px;border-radius:8px}.notice-section.premium,.members-preview.premium,.upcoming-events.premium{padding:24px 20px;margin-bottom:24px;border-radius:20px}.quick-menu.premium{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.menu-card.premium{padding:18px 14px;gap:12px;border-radius:16px}.menu-card.premium .card-icon{width:44px;height:44px;border-radius:12px}.menu-card.premium .card-info h3{font-size:14px}.menu-card.premium .card-info p,.menu-card.premium .card-arrow{display:none}.member-grid.premium{grid-template-columns:1fr 1fr;gap:10px}.member-card.premium{padding:14px 12px;gap:10px}.member-avatar.premium{width:42px;height:42px}.member-avatar.premium span{font-size:18px}.member-card.premium .level-badge{font-size:9px;padding:2px 5px}.view-more-btn{padding:12px 16px;font-size:13px}.event-cards.premium{grid-template-columns:1fr;gap:12px}.event-card.premium{padding:16px;gap:14px}.event-card.premium .event-date{width:60px;padding:12px 8px;border-radius:14px}.event-card.premium .date-day{font-size:26px}.event-card.premium .event-info{padding-right:40px}.event-dday{top:14px;right:14px;font-size:10px;padding:5px 10px}.attendance-summary{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:18px 14px;gap:12px}.summary-card .card-icon{width:44px;height:44px}.summary-card .card-value{font-size:26px}.calendar-section,.benefits-section{padding:24px 16px}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:10px}.benefit-card{padding:20px 10px 18px}.benefit-progress{width:60px;height:60px;margin-bottom:12px}.benefit-card .benefit-days{font-size:20px}.benefit-card .benefit-reward{font-size:12px}.ranking-section{padding:24px 16px}.members-stats.premium{flex-direction:column;gap:12px}.members-stats.premium .stat-card{padding:20px}.members-filter.premium{width:100%;overflow-x:auto}.members-filter.premium button{padding:10px 16px;white-space:nowrap}.guild-desc,.guild-footer{padding-left:0}.floating-widget{bottom:20px;right:20px}.default-icons-grid{grid-template-columns:repeat(6,1fr);gap:8px}.icon-option{font-size:18px;border-radius:8px}.gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-section.premium{padding:40px 20px 32px;border-radius:20px}.hero-corner{display:none}.guild-emblem.premium{width:90px;height:90px}.emblem-maple{width:42px;height:42px}.guild-title.premium{font-size:24px}.guild-slogan.premium{font-size:12px}.quick-menu.premium{gap:10px}.menu-card.premium{padding:16px 12px;gap:10px}.menu-card.premium .card-icon{width:38px;height:38px;border-radius:10px}.menu-card.premium .card-info h3{font-size:13px}.member-grid.premium{grid-template-columns:1fr}.member-card.premium{padding:14px;gap:12px}.member-avatar.premium{width:44px;height:44px}.attendance-summary{grid-template-columns:1fr 1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{padding:16px 8px 14px}.benefit-progress{width:50px;height:50px}.benefit-card .benefit-days{font-size:18px}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--cream)}.loading-emblem{font-size:64px;animation:float 2s ease-in-out infinite;margin-bottom:20px}.loading{text-align:center;padding:40px;color:var(--cream);font-size:16px}.empty-message{text-align:center;padding:40px;color:var(--text-medium);font-size:14px;background:var(--cream);border-radius:12px}.error-message{background:#c445361a;border:1px solid var(--maple-red);color:var(--maple-red);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.post-images{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.post-images img{max-width:200px;max-height:200px;object-fit:cover;border-radius:8px;cursor:pointer}.selected-files{margin-top:10px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--cream-light);border-radius:6px;margin-bottom:5px;font-size:13px}.file-item button{background:none;border:none;color:var(--maple-red);cursor:pointer;font-size:18px}.gallery-image img{width:100%;height:150px;object-fit:cover}.gallery-likes{display:block;font-size:12px;color:var(--maple-orange);margin-top:4px}.settings-section{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;padding:20px;max-width:600px;margin:0 auto 20px}.settings-section h3{font-size:16px;color:var(--wood-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--wood-medium)}.profile-settings{display:flex;flex-direction:column;gap:20px}.profile-image-area{display:flex;flex-direction:column;align-items:center}.current-profile{width:100px;height:100px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;border:4px solid var(--wood-medium);box-shadow:0 4px 15px #0003}.current-profile img{width:100%;height:100%;object-fit:cover}.no-profile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--wood-dark) 0%,#5a4535 100%)}.no-profile span{font-size:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.profile-form{width:100%}.profile-form .form-group{margin-bottom:12px}.profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;width:30%;margin-top:10px}.save-btn:hover{filter:brightness(1.1)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-zoom-settings{margin-top:15px;text-align:center}.profile-zoom-settings label{display:block;font-weight:600;color:var(--wood-dark);margin-bottom:8px;font-size:13px}.zoom-buttons{display:flex;gap:8px;justify-content:center}.zoom-btn{padding:8px 14px;background:#f5f5f5;border:2px solid #ddd;border-radius:8px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.zoom-btn:hover{background:#eee;border-color:#ccc}.zoom-btn.active{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border-color:var(--maple-orange);color:#fff}.schedule-participants{display:block;font-size:12px;color:var(--text-medium);margin-top:4px}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.author-avatar img,.avatar-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--wood-dark)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-emoji{color:var(--cream)}.user-avatar.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.user-avatar.avatar-sm{width:32px;height:32px;font-size:16px}.user-avatar.avatar-md{width:40px;height:40px;font-size:20px}.user-avatar.avatar-lg{width:56px;height:56px;font-size:28px}@media (max-width: 768px){.profile-settings{flex-direction:column;align-items:center}.profile-form .form-row{grid-template-columns:1fr}}.image-upload-zone{border:2px dashed var(--wood-medium);border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--cream-light)}.image-upload-zone:hover{border-color:var(--maple-orange);background:#fff}.image-upload-zone.has-files{border-color:var(--maple-orange);border-style:solid}.image-upload-zone.large{padding:50px 30px;min-height:200px}.image-upload-zone.has-preview{padding:15px;cursor:default}.upload-icon{font-size:36px}.upload-text{font-size:14px;color:var(--text-medium)}.upload-hint{font-size:12px;color:var(--text-medium);opacity:.7}.upload-preview-large{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px}.clear-image-btn{margin-top:10px;background:var(--cream-light);border:2px solid var(--wood-medium);color:var(--wood-dark);padding:10px 20px;font-size:14px;border-radius:8px;cursor:pointer;font-family:inherit}.clear-image-btn:hover{border-color:var(--maple-red);color:var(--maple-red)}.image-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--wood-medium)}.preview-item img{width:100%;height:100%;object-fit:cover}.remove-preview{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#c44536e6;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.remove-preview:hover{background:var(--maple-red);transform:scale(1.1)}.post-images-grid{display:grid;gap:6px;margin-top:10px;border-radius:8px;overflow:hidden;max-width:400px}.post-images-grid.count-1{grid-template-columns:1fr;max-width:300px}.post-images-grid.count-2{grid-template-columns:1fr 1fr}.post-images-grid.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-images-grid.count-3 .post-image-item:first-child{grid-row:span 2}.post-images-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-image-item{position:relative;cursor:pointer;overflow:hidden;background:var(--wood-dark);min-height:80px;max-height:150px}.post-image-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.post-image-item:hover img{transform:scale(1.05)}.more-images{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.post-content-text{white-space:pre-wrap;word-break:break-word}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.lightbox-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:1001}.lightbox-close:hover{opacity:1}.lightbox-content{position:relative;max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:48px;width:60px;height:80px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:-80px;border-radius:8px 0 0 8px}.lightbox-nav.next{right:-80px;border-radius:0 8px 8px 0}.lightbox-counter{color:#fff;font-size:16px;margin-top:15px;opacity:.8}.lightbox-hint{color:#fff;font-size:13px;opacity:.5;margin-top:10px}.lightbox-info{text-align:center;color:#fff;margin-top:20px;max-width:600px}.lightbox-info h3{font-size:20px;margin-bottom:8px}.lightbox-info p{font-size:14px;opacity:.8;margin-bottom:10px}.lightbox-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;opacity:.7}.lightbox-like-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:12px 28px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;transition:all .2s}.lightbox-like-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.lightbox-like-btn:active{transform:scale(.98)}.gallery-grid-improved{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery-card{background:var(--cream);border:3px solid var(--wood-medium);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.gallery-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d;border-color:var(--maple-orange)}.gallery-card-image{height:180px;background:var(--wood-dark);overflow:hidden}.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-card:hover .gallery-card-image img{transform:scale(1.1)}.gallery-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.gallery-card-info{padding:15px}.gallery-card-title{display:block;font-size:15px;font-weight:600;color:var(--wood-dark);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-medium);margin-bottom:10px}.gallery-card-actions{display:flex;gap:6px;flex-wrap:wrap}.gallery-like-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;flex:1}.gallery-like-btn:hover{filter:brightness(1.1)}.gallery-edit-btn,.gallery-delete-btn{border:none;padding:8px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s}.gallery-edit-btn{background:var(--wood-medium);color:#fff}.gallery-edit-btn:hover{background:var(--wood-dark)}.gallery-delete-btn{background:#dc3545;color:#fff}.gallery-delete-btn:hover{background:#c82333}.lightbox-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}.lightbox-like-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:10px 24px;border-radius:25px;font-size:14px;cursor:pointer}.lightbox-like-btn:hover{filter:brightness(1.1)}.lightbox-edit-btn,.lightbox-delete-btn{border:none;padding:10px 20px;border-radius:25px;font-size:13px;cursor:pointer;transition:all .2s}.lightbox-edit-btn{background:var(--wood-medium);color:#fff}.lightbox-edit-btn:hover{background:var(--wood-dark)}.lightbox-delete-btn{background:#dc3545;color:#fff}.lightbox-delete-btn:hover{background:#c82333}.gallery-comments-section{margin-top:16px;text-align:left;width:100%;max-width:600px}.gallery-comments-section h4{color:#fff;font-size:14px;margin-bottom:10px;opacity:.9}.gallery-comments-list{max-height:200px;overflow-y:auto;margin-bottom:10px}.comment-item.gallery-comment-item{display:flex;gap:8px;padding:6px 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}.comment-item.gallery-comment-item .comment-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-size:14px;color:#fff}.comment-item.gallery-comment-item .comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-item.gallery-comment-item .comment-body{flex:1;min-width:0}.comment-item.gallery-comment-item .comment-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.comment-item.gallery-comment-item .comment-author{font-size:12px;font-weight:600;color:#fff}.comment-item.gallery-comment-item .comment-time{font-size:11px;color:#fff6}.comment-item.gallery-comment-item .comment-text{font-size:13px;color:#ffffffd9;margin:2px 0 0;word-break:break-word}.comment-item.gallery-comment-item .comment-delete-btn{font-size:10px;color:#fff6;background:none;border:none;cursor:pointer;padding:0 4px}.comment-item.gallery-comment-item .comment-delete-btn:hover{color:#ff6b6b}.comment-form.gallery-comment-form{display:flex;gap:8px;padding-top:0;border-top:none}.comment-form.gallery-comment-form input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 14px;color:#fff;font-size:13px;outline:none}.comment-form.gallery-comment-form input::placeholder{color:#fff6}.comment-form.gallery-comment-form input:focus{border-color:var(--maple-orange)}.comment-form.gallery-comment-form button{background:var(--maple-orange);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;white-space:nowrap}.comment-form.gallery-comment-form button:hover{filter:brightness(1.1)}.gallery-comment-count{font-size:12px;color:#ffffff80;display:flex;align-items:center}.gallery-comments-list .no-comments,.gallery-comments-list .comments-loading{font-size:13px;color:#fff6;padding:8px 0}@media (max-width: 1000px){.gallery-grid-improved{grid-template-columns:repeat(3,1fr)}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}}@media (max-width: 768px){.gallery-grid-improved{grid-template-columns:repeat(2,1fr)}.image-preview-grid{grid-template-columns:repeat(3,1fr)}.lightbox-nav{width:40px;height:60px;font-size:32px}}@media (max-width: 480px){.gallery-grid-improved{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.quick-menu{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.menu-card{padding:12px 10px;gap:8px;border-width:2px;border-radius:10px}.menu-card .card-icon{font-size:20px}.menu-card .card-info h3{font-size:12px;margin-bottom:2px}.menu-card .card-info p{display:none}.hero-section{padding:30px 20px;margin-bottom:20px}.guild-emblem{width:70px;height:70px;margin-bottom:15px}.emblem-icon{font-size:44px}.guild-title{font-size:24px;gap:8px}.title-deco{font-size:16px}.guild-slogan{font-size:14px;margin-bottom:20px}.hero-stats{padding:15px 20px;gap:12px}.stat-num{font-size:22px}.stat-label{font-size:11px}.default-icons-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-height:150px}.icon-option{font-size:16px}.notice-section,.members-preview,.upcoming-events{padding:18px;margin-bottom:20px}.section-header h2{font-size:16px}}.notice-list{display:flex;flex-direction:column;gap:10px}.notice-list-item{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--cream);border:2px solid var(--wood-medium);border-radius:10px;cursor:pointer;transition:all .2s}.notice-list-item:hover{border-color:var(--maple-orange);transform:translate(5px)}.notice-list-item.important{background:#fff5eb;border-color:var(--maple-orange);border-width:3px;box-shadow:0 2px 8px #e0702033}.notice-list-item.important .notice-title{color:var(--maple-red);font-weight:700}.notice-list-item.important .notice-list-meta{color:var(--wood-dark)}.notice-list-item.important .notice-author{color:var(--maple-orange);font-weight:600}.notice-list-item.important .notice-time{color:var(--text-dark)}.notice-list-header{display:flex;align-items:center;gap:10px}.notice-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;color:#fff;background:var(--wood-medium)}.notice-tag.important{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%)}.notice-tag.new{background:#22c55e}.notice-title{font-size:15px;font-weight:600;color:var(--wood-dark);flex:1}.notice-list-meta{display:flex;gap:15px;font-size:13px;color:var(--text-medium)}.notice-author{font-weight:500}.notice-detail-modal{max-width:1000px;max-height:80vh}.notice-detail-header{display:flex;align-items:center;gap:10px;flex:1}.notice-detail-header h3{font-size:18px;color:var(--wood-dark);margin:0}.notice-detail-body{padding:25px;background:#fff}.notice-detail-meta{display:flex;gap:15px;font-size:14px;color:var(--text-medium);margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1)}.notice-detail-content{font-size:15px;line-height:1.8;color:var(--text-dark);white-space:pre-wrap;word-break:break-word;min-height:150px;background:var(--cream-light);padding:20px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.notice-detail-actions{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.notice-detail-actions button{padding:10px 20px;font-size:14px;border-radius:8px;cursor:pointer;font-family:inherit}.edit-btn{background:var(--wood-dark);border:none;color:var(--cream)}.edit-btn:hover{background:var(--maple-orange)}.delete-btn{background:transparent;border:2px solid var(--maple-red);color:var(--maple-red)}.delete-btn:hover{background:var(--maple-red);color:#fff}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-dark)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.profile-hint{font-size:12px;color:var(--text-medium);margin-top:10px;text-align:center}.default-icons-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.default-icons-section label{display:block;font-size:13px;font-weight:600;color:var(--wood-dark);margin-bottom:10px}.default-icons-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:180px;overflow-y:auto;padding:4px;background:var(--cream-light);border-radius:8px}.icon-option{aspect-ratio:1;min-width:0;border:2px solid rgba(107,76,53,.2);border-radius:10px;background:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.icon-option:hover{border-color:var(--maple-orange);transform:scale(1.1);box-shadow:0 2px 8px #0000001f}.icon-option.selected{border-color:var(--maple-orange);background:linear-gradient(135deg,#fff5eb,#ffe4cc);box-shadow:0 0 0 2px #e070204d}.no-profile.selected-icon{background:linear-gradient(145deg,#ffecd2,#fcb69f,#ff9a56)}.no-profile.selected-icon span{font-size:50px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.board-list{display:flex;flex-direction:column;gap:16px}.board-item{background:var(--cream);border:2px solid var(--wood-medium);border-radius:12px;overflow:hidden;transition:border-color .2s}.board-item:hover{border-color:var(--maple-orange)}.board-item-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);background:#00000005}.board-author{display:flex;align-items:center;gap:12px}.board-avatar{width:42px;height:42px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--cream);overflow:hidden}.board-avatar.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.board-avatar img{width:100%;height:100%;object-fit:cover}.board-author-info{display:flex;flex-direction:column;gap:2px}.board-author-info .author-name{font-size:15px;font-weight:600;color:var(--wood-dark)}.board-author-info .post-meta{font-size:12px;color:var(--text-medium)}.board-item-content{padding:20px}.board-title{font-size:17px;font-weight:700;color:var(--wood-dark);margin-bottom:12px;line-height:1.4}.board-text{font-size:14px;color:var(--text-medium);line-height:1.7;white-space:pre-wrap;word-break:break-word}.board-images{display:grid;gap:8px;margin-top:16px;border-radius:10px;overflow:hidden}.board-images.count-1{grid-template-columns:1fr;max-width:450px}.board-images.count-2{grid-template-columns:1fr 1fr;max-width:500px}.board-images.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;max-width:550px}.board-images.count-3 .board-image-item:first-child{grid-row:span 2}.board-images.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-width:500px}.board-image-item{position:relative;cursor:pointer;overflow:hidden;background:var(--wood-dark);border-radius:8px;aspect-ratio:4/3}.board-image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.board-image-item:hover img{transform:scale(1.08)}.board-images .more-images{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.board-item-footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.06);background:#00000005}.board-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 14px;border-radius:20px;cursor:pointer;font-size:14px;color:var(--text-medium);transition:all .2s}.action-btn:hover{background:#0000000d}.action-btn.like:hover{color:#e74c3c;background:#e74c3c1a}.action-btn.comment:hover{color:var(--maple-orange);background:#e070201a}.action-btn.liking{opacity:.6;cursor:not-allowed;animation:likePulse .6s ease-in-out infinite}.action-btn:disabled{pointer-events:none}.action-btn.like.liked{color:#c0392b}.gallery-like-btn.liking,.lightbox-like-btn.liking{opacity:.6;cursor:not-allowed;animation:likePulse .6s ease-in-out infinite}.gallery-like-btn:disabled,.lightbox-like-btn:disabled{pointer-events:none}.gallery-like-btn .like-heart,.lightbox-like-btn .like-heart{font-size:13px;line-height:1;transition:color .2s}@keyframes likePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.action-icon{font-size:13px;line-height:1}.action-count{font-weight:600}.youtube-embed{width:100%;margin:12px 0;border-radius:10px;overflow:hidden;aspect-ratio:16/9}.youtube-embed iframe{width:100%;height:100%;border:none;display:block}.board-comments{border-top:1px solid rgba(0,0,0,.08);background:var(--cream-light);padding:16px 20px}.comments-loading,.no-comments{text-align:center;padding:20px;color:var(--text-medium);font-size:14px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.comment-item{display:flex;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.comment-avatar{width:36px;height:36px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--cream);overflow:hidden;flex-shrink:0}.comment-avatar.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.comment-author{font-size:14px;font-weight:600;color:var(--wood-dark)}.comment-time{font-size:12px;color:var(--text-medium)}.comment-text{font-size:14px;color:var(--text-dark);line-height:1.5;word-break:break-word}.comment-form{display:flex;gap:10px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.comment-form input{flex:1;padding:12px 16px;font-size:14px;font-family:inherit;border:2px solid rgba(0,0,0,.1);border-radius:24px;background:#fff;outline:none;transition:border-color .2s}.comment-form input:focus{border-color:var(--maple-orange)}.comment-form input::placeholder{color:var(--text-medium)}.comment-form button{padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;border-radius:24px;color:#fff;cursor:pointer;transition:filter .2s}.comment-form button:hover{filter:brightness(1.1)}@media (max-width: 768px){.board-item-header{padding:12px 16px}.board-avatar{width:38px;height:38px;font-size:16px}.board-author-info .author-name{font-size:14px}.board-item-content{padding:16px}.board-title{font-size:15px;margin-bottom:10px}.board-text{font-size:13px}.board-images{margin-top:12px}.board-images.count-2,.board-images.count-3,.board-images.count-4{max-width:100%}.board-item-footer{padding:10px 16px}.action-btn{padding:6px 12px;font-size:13px}.board-comments{padding:12px 16px}.comment-item{padding:10px 12px}.comment-avatar{width:32px;height:32px;font-size:14px}.comment-author,.comment-text{font-size:13px}.comment-form input{padding:10px 14px;font-size:13px}.comment-form button{padding:10px 18px;font-size:13px}}@media (max-width: 480px){.board-images.count-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.board-images.count-3 .board-image-item:first-child{grid-row:span 1}}.admin-btns{display:flex;gap:6px;margin-left:auto}.post-manage-btns{display:flex;gap:6px;align-items:center}.edit-btn-small,.delete-btn-small{padding:6px 12px;font-size:12px;font-weight:600;font-family:inherit;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.edit-btn-small{background:var(--wood-dark);color:var(--cream)}.edit-btn-small:hover{background:var(--maple-orange)}.delete-btn-small{background:transparent;border:1px solid var(--maple-red);color:var(--maple-red)}.delete-btn-small:hover{background:var(--maple-red);color:#fff}.comment-delete-btn{background:none;border:none;color:var(--text-medium);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:4px;margin-left:auto}.comment-delete-btn:hover{color:var(--maple-red);background:#c445361a}.schedule-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px}.schedule-participants{font-size:13px;color:var(--text-medium)}.schedule-participants.full{color:var(--maple-red);font-weight:600}.view-participants-btn{background:none;border:1px solid var(--wood-medium);color:var(--wood-dark);padding:5px 12px;font-size:12px;font-family:inherit;border-radius:15px;cursor:pointer;transition:all .2s}.view-participants-btn:hover{border-color:var(--maple-orange);color:var(--maple-orange)}.participants-list{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.participants-list h5{font-size:14px;color:var(--wood-dark);margin-bottom:12px}.no-participants{font-size:13px;color:var(--text-medium);text-align:center;padding:15px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.participant-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cream-light);border-radius:8px;border:1px solid rgba(0,0,0,.06)}.participant-avatar{width:36px;height:36px;background:var(--wood-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--cream);overflow:hidden;flex-shrink:0}.participant-avatar.has-icon{background:linear-gradient(135deg,#ff9a56,#ff6b35)}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-info{display:flex;flex-direction:column;gap:2px;min-width:0}.participant-name{font-size:14px;font-weight:600;color:var(--wood-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-detail{font-size:12px;color:var(--text-medium)}.join-btn.disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.admin-btns{gap:4px}.edit-btn-small,.delete-btn-small{padding:5px 10px;font-size:11px}.participants-grid{grid-template-columns:1fr}.schedule-meta{gap:8px}}.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.summary-card{background:#fff;border-radius:20px;padding:24px 20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--wood-medium);opacity:.3}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.summary-card.main-card:before{background:linear-gradient(90deg,#e07020,#ff9a3e);opacity:1}.summary-card.streak-card:before{background:linear-gradient(90deg,#f5543c,#ff8a65);opacity:1}.summary-card.record-card:before{background:linear-gradient(90deg,#ffc107,#ffca28);opacity:1}.summary-card.total-card:before{background:linear-gradient(90deg,#6b4423,#8b6914);opacity:1}.summary-card .card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.icon-calendar{background:linear-gradient(135deg,#fff4eb,#ffe8d5)}.icon-calendar:before{content:"";width:28px;height:28px;border:3px solid #e07020;border-radius:4px;position:relative}.icon-calendar:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:repeating-linear-gradient(to bottom,#e07020 0px,#e07020 2px,transparent 2px,transparent 6px);margin-top:4px}.icon-streak{background:linear-gradient(135deg,#fff5f4,#ffe5e0)}.icon-streak:before{content:"";width:24px;height:28px;background:linear-gradient(180deg,#f5543c,#ff8a65);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.icon-trophy{background:linear-gradient(135deg,#fffbeb,#fff3c4)}.icon-trophy:before{content:"";width:26px;height:24px;border:3px solid #d4a000;border-radius:4px 4px 12px 12px;border-top:none;position:relative}.icon-trophy:after{content:"";position:absolute;bottom:12px;width:10px;height:8px;background:#d4a000;border-radius:0 0 4px 4px}.icon-total{background:linear-gradient(135deg,#f8f4f0,#e8dcd0)}.icon-total:before{content:"";width:24px;height:24px;border:3px solid #6b4423;border-radius:50%}.icon-total:after{content:"";position:absolute;width:12px;height:3px;background:#6b4423}.summary-card .card-content{display:flex;flex-direction:column;min-width:0}.summary-card .card-value{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1;letter-spacing:-.02em}.summary-card .card-value .unit{font-size:16px;font-weight:600;color:#666;margin-left:2px}.summary-card .card-label{font-size:13px;color:#888;margin-top:6px;font-weight:500}.check-section{text-align:center;margin-bottom:40px;padding:30px 0}.check-btn{background:linear-gradient(135deg,#e07020,#d35400);border:none;color:#fff;font-size:18px;font-weight:700;padding:18px 56px;border-radius:50px;cursor:pointer;box-shadow:0 8px 32px #e0702059;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.05em;position:relative;overflow:hidden}.check-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.check-btn:hover:before{left:100%}.check-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #e0702073}.check-btn:active{transform:translateY(-1px)}.check-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.check-btn.login-required{background:linear-gradient(135deg,#5a4a3a,#3d2d1d);box-shadow:0 8px 32px #00000040}.checked-stamp{display:inline-block;position:relative}.stamp-inner{width:140px;height:140px;border:4px solid #2d8a4e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);position:relative;box-shadow:inset 0 2px 10px #2d8a4e1a,0 4px 20px #2d8a4e26;animation:stampAppear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes stampAppear{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.stamp-inner:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px dashed rgba(45,138,78,.3);border-radius:50%}.stamp-check{width:36px;height:20px;border-left:4px solid #2d8a4e;border-bottom:4px solid #2d8a4e;transform:rotate(-45deg);margin-bottom:8px;margin-top:-4px}.stamp-text{font-size:16px;font-weight:800;color:#2d8a4e;letter-spacing:.1em}.stamp-date{font-size:13px;font-weight:600;color:#5a9a6e;margin-top:2px}.calendar-section{background:#fff;border-radius:24px;padding:32px;margin-bottom:40px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.calendar-header .nav-btn{background:transparent;border:2px solid #e5e5e5;color:#666;width:44px;height:44px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-header .nav-btn:hover{background:#f5f5f5;border-color:#ccc;color:#333}.month-display{display:flex;align-items:baseline;gap:8px}.month-display .year{font-size:15px;color:#999;font-weight:500}.month-display .month{font-size:28px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em}.today-btn{background:#f5f5f5;border:1px solid #e5e5e5;color:#666;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-left:12px;transition:all .2s}.today-btn:hover{background:#e07020;border-color:#e07020;color:#fff}.calendar-grid{width:100%}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.weekday{text-align:center;font-size:12px;font-weight:600;color:#aaa;padding:10px 0;text-transform:uppercase;letter-spacing:.05em}.weekday.sun{color:#e57373}.weekday.sat{color:#64b5f6}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;position:relative;background:#fafafa;border:2px solid transparent;transition:all .2s;min-height:54px;cursor:default}.day-cell.empty{background:transparent}.day-cell .day-number{font-size:15px;font-weight:600;color:#444}.day-cell.today{background:#fff;border-color:#e07020;box-shadow:0 2px 12px #e0702026}.day-cell.today .day-number{color:#e07020;font-weight:800}.day-cell.checked{background:linear-gradient(135deg,#e8f5e9,#d0f0d8);border-color:#66bb6a}.day-cell.checked .day-number{color:#388e3c;font-weight:700}.day-cell .check-mark{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#388e3c;line-height:1}.day-cell.missed{background:#f8f8f8}.day-cell.missed .day-number{color:#d0d0d0}.benefits-section{background:#fff;border-radius:24px;padding:32px;margin-bottom:40px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04)}.section-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.section-header .header-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#ddd 50%,transparent 100%);max-width:120px}.section-header h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap;letter-spacing:-.01em}.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.benefit-card{background:#fafafa;border-radius:20px;padding:28px 16px 24px;text-align:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.benefit-card.achieved{background:linear-gradient(135deg,#fff9f5,#fff0e8);border-color:#e07020}.benefit-card.full{background:linear-gradient(135deg,#fffbf0,#fff5e0);border-color:#d4a000}.benefit-card.full.achieved{background:linear-gradient(135deg,#fff9e6,#fff3cc);border-color:#d4a000;box-shadow:0 4px 20px #d4a00033}.benefit-progress{width:80px;height:80px;margin:0 auto 16px;position:relative;display:flex;align-items:center;justify-content:center}.circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress .circle-bg{fill:none;stroke:#e5e5e5;stroke-width:3}.circular-progress .circle-fill{fill:none;stroke:#e07020;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.benefit-card.achieved .circular-progress .circle-fill{stroke:#2d8a4e}.benefit-card.full .circular-progress .circle-fill{stroke:#d4a000}.benefit-card .benefit-days{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:800;color:#1a1a1a;line-height:1}.benefit-card .benefit-days.full-text{font-size:18px;letter-spacing:.05em}.benefit-card .benefit-info{display:flex;flex-direction:column;align-items:center;gap:8px}.benefit-card .benefit-reward{font-size:14px;color:#555;line-height:1.5;font-weight:500}.benefit-card .achieved-mark{width:24px;height:24px;background:#2d8a4e;border-radius:50%;position:relative}.benefit-card .achieved-mark:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-60%) rotate(-45deg)}.ranking-section{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04)}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:16px;background:#fafafa;padding:16px 20px;border-radius:16px;border:2px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.ranking-item:hover{transform:translate(6px);background:#f5f5f5}.ranking-item.rank-1{background:linear-gradient(135deg,#fffdf5,#fff8e1);border-color:#ffd54f;box-shadow:0 4px 16px #ffd54f33}.ranking-item.rank-2{background:linear-gradient(135deg,#fafafa,#f0f0f0);border-color:#bdbdbd}.ranking-item.rank-3{background:linear-gradient(135deg,#fff8f0,#ffedd5);border-color:#ffb74d}.rank-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#888;background:#e8e8e8;flex-shrink:0}.rank-badge-1{background:linear-gradient(135deg,gold,#ffb800);color:#fff;box-shadow:0 2px 8px #ffd70066}.rank-badge-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff;box-shadow:0 2px 8px #c0c0c066}.rank-badge-3{background:linear-gradient(135deg,#cd7f32,#b5651d);color:#fff;box-shadow:0 2px 8px #cd7f3266}.rank-badge-1:before{content:"1"}.rank-badge-2:before{content:"2"}.rank-badge-3:before{content:"3"}.rank-user{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.rank-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e0d0c0,#c8b8a8);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.rank-avatar img{width:100%;height:100%;object-fit:cover}.rank-avatar span{font-size:20px}.rank-name{font-size:15px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.rank-stats .total{font-size:18px;font-weight:800;color:#e07020}.rank-stats .total small{font-size:13px;font-weight:600;color:#999;margin-left:1px}.rank-stats .streak{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#888}.streak-icon{width:14px;height:14px;background:linear-gradient(180deg,#ff6b35,#f5543c);clip-path:polygon(50% 0%,100% 30%,80% 100%,50% 80%,20% 100%,0% 30%)}.admin-panel{background:var(--cream);border:3px solid var(--maple-orange);border-radius:16px;padding:25px;margin-bottom:30px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1)}.admin-header h2{font-size:20px;color:var(--wood-dark);margin:0}.benefit-btn{background:linear-gradient(180deg,var(--maple-orange) 0%,var(--maple-red) 100%);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.users-attendance-list{background:#fff;border-radius:12px;overflow:hidden}.list-header{display:grid;grid-template-columns:1fr 80px 80px 100px;gap:10px;padding:15px 20px;background:var(--wood-dark);color:var(--cream);font-size:13px;font-weight:600}.user-attendance-row{display:grid;grid-template-columns:1fr 80px 80px 100px;gap:10px;padding:15px 20px;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;transition:background .2s}.user-attendance-row:hover{background:#f8f8f8}.user-attendance-row .col-name{display:flex;align-items:center;gap:10px}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--wood-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-avatar-small span{font-size:16px}.col-count,.col-streak,.col-last{font-size:14px;text-align:center}.user-detail-modal{max-width:450px}.user-attendance-detail{padding:20px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.detail-stats .stat-item{text-align:center;padding:15px;background:var(--cream-light);border-radius:12px}.detail-stats .stat-value{font-size:24px;font-weight:900;color:var(--maple-orange);display:block}.detail-stats .stat-label{font-size:12px;color:var(--text-medium)}.detail-dates h4{font-size:14px;color:var(--wood-dark);margin-bottom:12px}.dates-list{display:flex;flex-wrap:wrap;gap:8px}.date-chip{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.no-dates{color:var(--text-medium);font-size:14px}.benefit-form{padding:20px}.benefit-form .form-group{margin-bottom:15px}.benefit-form label{display:block;font-size:13px;font-weight:600;color:var(--wood-dark);margin-bottom:6px}.benefit-form input{width:100%;padding:12px 15px;border:2px solid var(--wood-medium);border-radius:8px;font-size:14px;background:#fff}.benefit-form input:focus{border-color:var(--maple-orange);outline:none}@media (max-width: 1000px){.attendance-summary{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.attendance-summary{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:15px;gap:10px}.summary-card .card-icon{font-size:24px;width:40px;height:40px}.summary-card .card-value{font-size:22px}.summary-card .card-label{font-size:11px}.check-btn{font-size:16px;padding:16px 40px}.calendar-section{padding:15px}.calendar-header .nav-btn{width:36px;height:36px;font-size:14px}.month-display .month{font-size:20px}.day-cell{min-height:40px;border-radius:8px}.day-cell .day-number{font-size:13px}.day-cell .check-mark{font-size:11px;bottom:2px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{padding:15px 10px}.benefit-card .benefit-days{font-size:18px}.benefit-card .benefit-reward{font-size:11px}.ranking-item{padding:12px 15px;gap:10px}.rank-badge{font-size:20px;width:30px}.rank-avatar{width:35px;height:35px}.rank-name{font-size:14px}.rank-stats{flex-direction:column;gap:2px;align-items:flex-end}.rank-stats .total{font-size:14px}.rank-stats .streak{font-size:12px}.list-header{grid-template-columns:1fr 60px 60px 70px;padding:12px 15px;font-size:11px}.user-attendance-row{grid-template-columns:1fr 60px 60px 70px;padding:12px 15px}.user-avatar-small{width:28px;height:28px}.col-count,.col-streak,.col-last{font-size:12px}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stats .stat-value{font-size:20px}}@media (max-width: 480px){.attendance-summary{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card{flex-direction:column;text-align:center;padding:12px;gap:8px}.summary-card .card-value{font-size:20px}.benefits-grid{grid-template-columns:1fr 1fr;gap:8px}.benefit-card.full{grid-column:span 2}.checked-message{padding:15px 25px;font-size:15px}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.benefit-btn{width:100%}}.member-type-group{margin-top:10px}.member-type-toggle{display:flex;gap:12px;margin-top:8px}.member-type-toggle .type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:var(--cream-light);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.member-type-toggle .type-btn:hover{background:#fff;border-color:var(--wood-light)}.member-type-toggle .type-btn.active{background:linear-gradient(135deg,#fff9f5,#fff5f0);border-color:var(--maple-orange);box-shadow:0 4px 16px #e0702026}.member-type-toggle .type-btn.alliance.active{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626}.member-type-toggle .type-icon{font-size:28px}.member-type-toggle .type-label{font-size:14px;font-weight:700;color:var(--text-dark)}.member-type-toggle .type-desc{font-size:11px;color:var(--text-medium)}.member-type-toggle .type-btn.active .type-label{color:var(--maple-orange)}.member-type-toggle .type-btn.alliance.active .type-label{color:#7c3aed}.selected-guild-info{margin-top:16px;margin-bottom:8px}.selected-guild-info .guild-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#fff9f5,#fff5f0);border:2px solid var(--maple-orange);border-radius:14px}.selected-guild-info .guild-emblem{font-size:32px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#e070201a;border-radius:12px}.selected-guild-info .guild-details{display:flex;flex-direction:column;gap:4px}.selected-guild-info .guild-name{font-size:16px;font-weight:700;color:var(--text-dark)}.selected-guild-info .guild-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:linear-gradient(135deg,#e07020,#d35400);color:#fff;width:fit-content}.alliance-select-group{margin-top:10px}.alliance-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.alliance-option{display:flex;align-items:center;padding:16px 18px;background:var(--cream-light);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.alliance-option:hover{background:#fff;border-color:var(--wood-light)}.alliance-option.selected{background:#fff;border-color:var(--maple-orange);box-shadow:0 4px 16px #e0702026}.alliance-option.main-guild{background:linear-gradient(135deg,#fff9f5,#fff5f0)}.alliance-option.main-guild.selected{background:linear-gradient(135deg,#fff5f0,#ffefe5)}.alliance-option input[type=radio]{display:none}.alliance-option-content{display:flex;align-items:center;gap:14px;flex:1}.alliance-emblem{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000000a;border-radius:12px}.alliance-option.selected .alliance-emblem{background:#e070201a}.alliance-info{display:flex;flex-direction:column;gap:4px}.alliance-name{font-size:15px;font-weight:600;color:var(--text-dark)}.alliance-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;width:fit-content}.alliance-badge.main{background:linear-gradient(135deg,#e07020,#d35400);color:#fff}.alliance-badge.alliance{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.alliance-hint{font-size:12px;color:var(--text-medium);margin-top:10px;padding-left:4px}.members-filter-section{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}.alliance-filter{margin-left:auto}.alliance-filter .alliance-select{padding:10px 36px 10px 14px;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-dark);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:160px}.alliance-filter .alliance-select:focus{outline:none;border-color:var(--maple-orange)}.member-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-guild{font-size:13px;padding:2px 10px;border-radius:6px;font-weight:500}.member-guild.main{background:linear-gradient(135deg,#e070201a,#e0702026);color:#d35400;align-self:flex-start}.member-guild.alliance{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#7c3aed;align-self:flex-start}.member-role.role-honorary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.member-detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.guild-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:16px}.guild-tag.main{background:linear-gradient(135deg,#e0702026,#e0702033);color:#d35400}.guild-tag.alliance{background:linear-gradient(135deg,#8b5cf626,#8b5cf633);color:#7c3aed}.role-tag.role-honorary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card.honorary{border-left:4px solid #8b5cf6}.stat-card.honorary .stat-icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.stat-icon.honorary-icon:before{content:"";width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.author-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.user-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px}.user-badge.honorary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.user-badge.small{font-size:9px;padding:1px 6px}.user-guild-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#7c3aed}.user-guild-badge.small{font-size:9px;padding:1px 6px}.comment-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.members-filter-section{flex-direction:column;align-items:stretch;gap:12px}.alliance-filter{margin-left:0}.alliance-filter .alliance-select{width:100%}.members-stats.premium{grid-template-columns:repeat(3,1fr);gap:10px}.alliance-option{padding:14px}.alliance-emblem{width:40px;height:40px;font-size:22px}.alliance-name{font-size:14px}.member-name-row{flex-direction:column;align-items:flex-start;gap:4px}.member-type-toggle{flex-direction:column;gap:10px}.member-type-toggle .type-btn{padding:16px 14px}.member-type-toggle .type-icon{font-size:24px}.selected-guild-info .guild-card{padding:14px 16px}.selected-guild-info .guild-emblem{width:44px;height:44px;font-size:26px}}.discord-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;font-size:14px;font-weight:600;border-radius:12px;text-decoration:none;transition:all .25s;box-shadow:0 4px 12px #5865f24d}.discord-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.discord-link .discord-icon{width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.discord-link.register-discord{width:100%;justify-content:center;margin-top:16px}.member-type-toggle.compact{display:flex;gap:8px}.member-type-toggle.compact .type-btn{flex:1;padding:12px 14px;background:var(--cream-light);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.member-type-toggle.compact .type-btn:hover{background:#fff;border-color:var(--wood-light)}.member-type-toggle.compact .type-btn.active{background:linear-gradient(135deg,#fff9f5,#fff5f0);border-color:var(--maple-orange)}.member-type-toggle.compact .type-btn.alliance.active{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6}.member-type-toggle.compact .type-label{font-size:13px;font-weight:600;color:var(--text-dark)}.member-type-toggle.compact .type-btn.active .type-label{color:var(--maple-orange)}.member-type-toggle.compact .type-btn.alliance.active .type-label{color:#7c3aed}.alliance-dropdown{width:100%;padding:12px 14px;background:var(--cream-light);border:2px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;color:var(--text-dark);cursor:pointer}.alliance-dropdown:focus{outline:none;border-color:var(--maple-orange)}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(0,0,0,.06);padding-bottom:12px}.settings-tab{padding:12px 24px;background:transparent;border:none;border-radius:10px 10px 0 0;font-size:14px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:all .2s;position:relative}.settings-tab:hover{color:var(--text-dark);background:#00000008}.settings-tab.active{color:var(--maple-orange);background:#e0702014}.settings-tab.active:after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:3px;background:var(--maple-orange);border-radius:3px 3px 0 0}.settings-content{min-height:400px}.sub-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.sub-tab{padding:10px 18px;background:var(--cream-light);border:2px solid transparent;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:all .2s}.sub-tab:hover{background:#fff;border-color:var(--wood-light)}.sub-tab.active{background:linear-gradient(135deg,var(--maple-orange) 0%,#d35400 100%);color:#fff;border-color:transparent}.activity-tab{padding:0}.activity-content{background:var(--cream-light);border-radius:16px;padding:16px}.my-posts-list,.my-comments-list,.my-events-list{display:flex;flex-direction:column;gap:12px}.my-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:all .2s}.my-item:hover{box-shadow:0 4px 12px #00000014}.my-item-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.my-item-category{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;background:var(--maple-orange);color:#fff;border-radius:6px;width:fit-content}.my-item-title{font-size:15px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-item-content{font-size:14px;color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-item-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-medium);text-align:right;flex-shrink:0}.my-item-stats{font-size:11px}.my-item-post{font-size:11px;color:var(--text-light);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-item-actions{display:flex;gap:8px;flex-shrink:0}.btn-small{padding:8px 14px;background:var(--cream-light);border:none;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--wood-light);color:#fff}.btn-small.btn-danger{background:#dc35451a;color:#dc3545}.btn-small.btn-danger:hover{background:#dc3545;color:#fff}.my-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.my-gallery-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:all .2s}.my-gallery-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.my-gallery-thumb{aspect-ratio:16/10;overflow:hidden}.my-gallery-thumb img{width:100%;height:100%;object-fit:cover}.my-gallery-info{padding:12px;display:flex;flex-direction:column;gap:4px}.my-gallery-title{font-size:14px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-gallery-date,.my-gallery-stats{font-size:11px;color:var(--text-medium)}.my-gallery-item .my-item-actions{padding:0 12px 12px}.my-event-item{align-items:flex-start}.my-event-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--maple-orange) 0%,#d35400 100%);border-radius:12px;color:#fff;flex-shrink:0}.my-event-date-box .event-month{font-size:11px;font-weight:500;opacity:.9}.my-event-date-box .event-day{font-size:22px;font-weight:700;line-height:1}.my-item-desc{font-size:12px;color:var(--text-medium);margin-top:2px}.my-item-time{font-size:12px}.participation-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.participation-status.confirmed{background:#28a74526;color:#28a745}.participation-status.pending{background:#ffc10726;color:#d39e00}.admin-tab{padding:0}.admin-content{background:var(--cream-light);border-radius:16px;padding:16px}.pending-list{display:flex;flex-direction:column;gap:12px}.pending-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.pending-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--cream-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pending-avatar img{width:100%;height:100%;object-fit:cover}.pending-avatar span{font-size:28px}.pending-info{flex:1;display:flex;flex-direction:column;gap:4px}.pending-name{font-size:16px;font-weight:700;color:var(--text-dark)}.pending-detail{font-size:13px;color:var(--text-medium)}.pending-discord{font-size:12px;color:var(--text-light)}.pending-actions{display:flex;gap:8px;flex-shrink:0}.btn-approve{padding:10px 20px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-reject{padding:10px 20px;background:#dc35451a;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#dc3545;cursor:pointer;transition:all .2s}.btn-reject:hover{background:#dc3545;color:#fff}.members-manage-list{display:flex;flex-direction:column;gap:10px}.member-manage-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.member-manage-avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--cream-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-manage-avatar img{width:100%;height:100%;object-fit:cover}.member-manage-avatar span{font-size:22px}.member-manage-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.member-manage-name{font-size:14px;font-weight:600;color:var(--text-dark)}.member-manage-detail{font-size:12px;color:var(--text-medium)}.member-manage-role{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;flex-shrink:0}.member-manage-role.role-master{background:linear-gradient(135deg,gold,#ffb700);color:#5c4200}.member-manage-role.role-submaster{background:linear-gradient(135deg,#e07020,#d35400);color:#fff}.member-manage-role.role-member{background:#0000000f;color:var(--text-medium)}.member-manage-role.role-honorary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.member-manage-actions{flex-shrink:0}.admin-shortcuts{padding:10px 0}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.shortcut-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#fff;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .25s;box-shadow:0 2px 8px #0000000a}.shortcut-btn:hover{border-color:var(--maple-orange);transform:translateY(-3px);box-shadow:0 6px 20px #e0702026}.shortcut-icon{font-size:32px}.shortcut-btn span:last-child{font-size:13px;font-weight:600;color:var(--text-dark);text-align:center}.role-change-modal{padding:20px 24px}.role-change-modal p{margin-bottom:20px;font-size:15px;color:var(--text-dark);text-align:center;line-height:1.5}.role-change-modal p strong{color:var(--maple-orange);font-weight:700}.role-options{display:flex;flex-direction:column;gap:10px}.role-option{padding:16px 20px;background:var(--cream-light);border:2px solid transparent;border-radius:12px;font-size:15px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s;text-align:center;position:relative}.role-option:hover{background:#fff;border-color:var(--maple-orange);transform:translateY(-1px);box-shadow:0 4px 12px #e0702026}.role-option.current{background:linear-gradient(135deg,#fff5f0,#ffefe5);border-color:var(--maple-orange);color:var(--maple-orange)}.role-option.current:after{content:"현재";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;padding:4px 10px;background:var(--maple-orange);color:#fff;border-radius:12px}.role-option:nth-child(1){border-left:4px solid #ffd700}.role-option:nth-child(2){border-left:4px solid var(--maple-orange)}.role-option:nth-child(3){border-left:4px solid #6c757d}.role-option:nth-child(4){border-left:4px solid #8b5cf6}.incubator-admin{display:flex;flex-direction:column;gap:16px}.incubator-admin-header h4{font-size:16px;color:var(--text-dark);margin-bottom:8px}.incubator-users-list{display:flex;flex-direction:column;gap:10px}.incubator-user-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.incubator-user-info{display:flex;flex-direction:column;gap:4px;min-width:100px}.incubator-user-name{font-size:15px;font-weight:700;color:var(--text-dark)}.incubator-user-role{font-size:11px;padding:2px 8px;border-radius:8px;width:fit-content}.incubator-user-role.role-master{background:#ffd70033;color:#b8860b}.incubator-user-role.role-submaster{background:#e0702026;color:var(--maple-orange)}.incubator-user-role.role-member{background:#6c757d26;color:#6c757d}.incubator-user-stats{flex:1;display:flex;gap:16px;flex-wrap:wrap}.incubator-user-stats .stat-item{font-size:13px;color:var(--text-medium)}.incubator-user-stats .stat-item strong{color:var(--text-dark);font-weight:700}.incubator-user-stats .stat-item.legendary strong{color:gold}.incubator-user-stats .stat-item.bonus strong{color:#28a745}.incubator-user-actions{display:flex;gap:8px;flex-shrink:0}.btn-bonus{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important}.btn-bonus:hover{box-shadow:0 4px 12px #28a7454d}.btn-reset-user{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}.btn-reset-user:hover{box-shadow:0 4px 12px #dc354566;background:linear-gradient(135deg,#c82333,#bd2130)!important}.rankings-admin{display:flex;flex-direction:column;gap:16px}.rankings-admin-header h4{font-size:16px;color:var(--text-dark);margin-bottom:8px}.rankings-admin-header .admin-warning{font-size:13px;color:#dc3545;margin:0}.rankings-reset-list{display:flex;flex-direction:column;gap:12px}.ranking-reset-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.ranking-reset-info{display:flex;flex-direction:column;gap:4px}.ranking-reset-info .ranking-name{font-size:15px;font-weight:700;color:var(--text-dark)}.ranking-reset-info .ranking-desc{font-size:13px;color:var(--text-light)}.btn-reset-ranking{padding:10px 18px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset-ranking:hover{box-shadow:0 4px 12px #dc354566;background:linear-gradient(135deg,#c82333,#bd2130)}.btn-reset-ranking:disabled{opacity:.6;cursor:not-allowed}.inventory-modal{padding:16px}.inventory-stats{display:flex;gap:16px;margin-bottom:20px}.inventory-stats .stat-box{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--cream-light);border-radius:10px;text-align:center}.inventory-stats .stat-box .label{font-size:12px;color:var(--text-light)}.inventory-stats .stat-box .value{font-size:20px;font-weight:700;color:var(--text-dark)}.inventory-stats .stat-box .value.bonus{color:#28a745}.inventory-grid-modal{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.inventory-item-modal{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-radius:8px;border-left:3px solid #6c757d}.inventory-item-modal.rate-legendary{border-left-color:gold;background:linear-gradient(90deg,#ffd7001a,#fff 30%)}.inventory-item-modal.rate-rare{border-left-color:#9b59b6;background:linear-gradient(90deg,#9b59b614,#fff 30%)}.inventory-item-modal .item-name{font-size:13px;color:var(--text-dark)}.inventory-item-modal .item-count{font-size:14px;font-weight:700;color:var(--maple-orange)}.bonus-modal{padding:20px 24px}.bonus-modal p{margin-bottom:12px;font-size:15px;color:var(--text-dark);text-align:center}.bonus-modal p strong{color:var(--maple-orange)}.bonus-modal .current-bonus{font-size:13px;color:var(--text-medium);margin-bottom:20px}.bonus-input-group{margin-bottom:16px}.bonus-input-group label{display:block;font-size:13px;color:var(--text-medium);margin-bottom:8px}.bonus-input-group input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--cream-dark);border-radius:10px;text-align:center}.bonus-input-group input:focus{outline:none;border-color:var(--maple-orange)}.bonus-presets{display:flex;gap:8px;margin-bottom:20px}.bonus-presets button{flex:1;padding:10px;background:var(--cream-light);border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s}.bonus-presets button:hover{background:var(--cream-dark)}.btn-grant-bonus{width:100%;padding:14px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.btn-grant-bonus:hover{transform:translateY(-1px);box-shadow:0 6px 20px #28a7454d}@media (max-width: 768px){.settings-tabs{flex-wrap:wrap}.settings-tab{padding:10px 16px;font-size:13px}.sub-tabs{gap:6px}.sub-tab{padding:8px 14px;font-size:12px}.my-item{flex-direction:column;align-items:flex-start;gap:12px}.my-item-meta{text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px}.my-item-actions{width:100%}.my-item-actions .btn-small{flex:1}.pending-item{flex-direction:column;align-items:flex-start;gap:12px}.pending-actions{width:100%}.pending-actions button{flex:1}.member-manage-item{flex-wrap:wrap;gap:10px}.member-manage-actions,.member-manage-actions .btn-small{width:100%}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.my-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.load-more-container{display:flex;justify-content:center;padding:24px 0;margin-top:20px}.load-more-btn{background:linear-gradient(135deg,#e07020,#d35400);border:none;color:#fff;font-size:15px;font-weight:600;padding:14px 40px;border-radius:30px;cursor:pointer;box-shadow:0 4px 16px #e0702040;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.load-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.load-more-btn:hover:before{left:100%}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #e0702059}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.pagination-info{text-align:center;color:#888;font-size:13px;padding:12px 0 24px;border-top:1px solid rgba(139,105,20,.1);margin-top:12px}.activity-tab .load-more-container{margin-top:16px;padding:20px 0}.activity-tab .pagination-info{margin-top:8px;padding-bottom:16px}.gallery-grid-improved+.load-more-container,.posts-list+.load-more-container{margin-top:24px}@media (max-width: 768px){.load-more-btn{padding:12px 32px;font-size:14px;width:100%;max-width:280px}.pagination-info{font-size:12px;padding:10px 0 20px}}.login-required-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.login-required-message .lock-icon{font-size:64px;margin-bottom:24px;color:#e07020}.login-required-message h2{font-size:24px;color:#fff;margin-bottom:12px}.login-required-message p{color:#ffffffb3;margin-bottom:24px}.login-required-message .login-btn{background:linear-gradient(135deg,#e07020,#d35400);color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.login-required-message .login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0702059}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.games-hero-v2{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;padding:48px 40px;margin-bottom:40px;overflow:hidden}.games-hero-v2 .hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(78,205,196,.15) 0%,transparent 30%);opacity:1}.games-hero-v2 .hero-bg-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.games-hero-v2 .hero-content{position:relative;z-index:1;text-align:center}.games-hero-v2 .hero-badge{display:inline-block;background:linear-gradient(135deg,#ffd70033,#ffc1071a);border:1px solid rgba(255,215,0,.3);color:gold;font-size:11px;font-weight:800;letter-spacing:.2em;padding:8px 20px;border-radius:100px;margin-bottom:20px}.games-hero-v2 .hero-title{margin-bottom:32px}.games-hero-v2 .hero-title .title-line{display:block;font-size:16px;font-weight:500;color:#ffffffb3;margin-bottom:8px;letter-spacing:.05em}.games-hero-v2 .hero-title .title-highlight{display:block;font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff,#e0e0e0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.games-hero-v2 .hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;padding:24px 40px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:500px;margin:0 auto}.games-hero-v2 .stat-box{text-align:center}.games-hero-v2 .stat-box .stat-num{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.games-hero-v2 .stat-box .stat-label{font-size:12px;color:#ffffff80;font-weight:500;letter-spacing:.05em}.games-hero-v2 .stat-divider{width:1px;height:40px;background:linear-gradient(transparent,rgba(255,255,255,.2),transparent)}.section-title-v2{display:flex;align-items:center;gap:16px;margin-bottom:28px}.section-title-v2 .title-icon{width:48px;height:48px;background:linear-gradient(135deg,#c9956c26,#c9956c0d);border:1px solid rgba(201,149,108,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.section-title-v2 .title-text h3{font-size:20px;font-weight:700;color:var(--cream);margin-bottom:4px}.section-title-v2 .title-text p{font-size:13px;color:#f5e6c899}.games-section-v2{margin-bottom:48px}.games-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-card-v2{position:relative;background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:.4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column}.game-card-v2 .card-glow{position:absolute;top:0;left:0;right:0;height:4px;transition:height .3s}.game-card-v2:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.game-card-v2:hover .card-glow{height:6px}.game-card-reaction .card-glow{background:linear-gradient(90deg,#ff6b6b,#ee5a5a)}.game-card-memory .card-glow{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.game-card-typing .card-glow{background:linear-gradient(90deg,#667eea,#764ba2)}.game-card-number .card-glow{background:linear-gradient(90deg,#f093fb,#f5576c)}.game-card-game2048 .card-glow{background:linear-gradient(90deg,#f5a623,#d97706)}.game-card-aimtrainer .card-glow{background:linear-gradient(90deg,#ef4444,#dc2626)}.game-card-colortest .card-glow{background:linear-gradient(90deg,#6366f1,#4f46e5)}.game-card-snake .card-glow{background:linear-gradient(90deg,#10b981,#059669)}.game-card-flappy .card-glow{background:linear-gradient(90deg,#06b6d4,#0891b2)}.game-card-pattern .card-glow{background:linear-gradient(90deg,#ec4899,#db2777)}.game-card-reaction .game-icon-v2{background:linear-gradient(135deg,#fff5f5,#fed7d7)}.game-card-memory .game-icon-v2{background:linear-gradient(135deg,#e6fffa,#b2f5ea)}.game-card-typing .game-icon-v2{background:linear-gradient(135deg,#ebf4ff,#c3dafe)}.game-card-number .game-icon-v2{background:linear-gradient(135deg,#faf5ff,#e9d8fd)}.game-card-game2048 .game-icon-v2{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.game-card-aimtrainer .game-icon-v2{background:linear-gradient(135deg,#fee2e2,#fca5a5)}.game-card-colortest .game-icon-v2{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.game-card-snake .game-icon-v2{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}.game-card-flappy .game-icon-v2{background:linear-gradient(135deg,#cffafe,#67e8f9)}.game-card-pattern .game-icon-v2{background:linear-gradient(135deg,#fce7f3,#f9a8d4)}.game-card-reaction .icon-shape{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:50%;transform:none;animation:pulse-icon 2s ease-in-out infinite}.game-card-memory .icon-shape{background:transparent!important;border-radius:4px;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:3px}.game-card-memory .icon-shape:before,.game-card-memory .icon-shape:after{content:"";width:10px;height:10px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:3px}.game-card-typing .icon-shape{background:linear-gradient(135deg,#667eea,#764ba2);width:28px;height:20px;border-radius:4px;transform:none}.game-card-number .icon-shape{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;transform:none;position:relative}.game-card-number .icon-shape:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}.game-card-game2048 .icon-shape{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;transform:none;position:relative}.game-card-game2048 .icon-shape:after{content:"2";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}.game-card-aimtrainer .icon-shape{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;transform:none;position:relative}.game-card-aimtrainer .icon-shape:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.game-card-colortest .icon-shape{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:4px;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px}.game-card-colortest .icon-shape:before,.game-card-colortest .icon-shape:after{content:"";width:8px;height:8px;background:#ffffffb3;border-radius:2px}.game-card-snake .icon-shape{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;transform:none;width:28px;height:8px}.game-card-flappy .icon-shape{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:50%;transform:none}.game-card-pattern .icon-shape{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:4px;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px}.game-card-pattern .icon-shape:before,.game-card-pattern .icon-shape:after{content:"";width:8px;height:8px;background:#fff9;border-radius:2px}.game-card-v2 .card-content{padding:24px;display:flex;flex-direction:column;flex:1}.game-card-v2 .card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-shrink:0}.game-card-v2 .game-icon-v2{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-card-v2 .icon-shape{width:24px;height:24px;border-radius:6px;transform:rotate(45deg)}.game-card-v2 .game-meta h4{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.game-card-v2 .game-meta p{font-size:13px;color:#6b7280;line-height:1.4}.game-card-v2 .my-record-v2{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;margin-bottom:16px}.game-card-v2 .my-record-v2 .record-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.game-card-v2 .my-record-v2 .record-value{font-size:18px;font-weight:800;color:#1e293b;flex:1}.game-card-v2 .my-record-v2 .record-value span{font-size:12px;font-weight:600;color:#64748b;margin-left:2px}.game-card-v2 .my-record-v2 .record-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.game-card-v2 .card-footer{padding:14px 16px;background:linear-gradient(135deg,#fffce8,#fff9c3);border-radius:12px;margin-top:auto}.game-card-v2 .top-player{display:flex;align-items:center;gap:10px}.game-card-v2 .crown-badge{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.game-card-v2 .player-name{flex:1;font-size:14px;font-weight:600;color:#78350f}.game-card-v2 .player-score{font-size:14px;font-weight:700;color:#92400e}.game-card-v2 .no-record{font-size:13px;color:#a16207;text-align:center}.game-card-v2 .card-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#64748b;transition:.3s}.game-card-v2:hover .card-action{background:#1e293b;color:#fff}.game-card-v2 .card-action svg{transition:transform .3s}.game-card-v2:hover .card-action svg{transform:translate(4px)}.utility-section-v2{margin-bottom:32px}.utility-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.utility-card-v2{position:relative;background:linear-gradient(145deg,#fff,#fafafa);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;cursor:pointer;transition:.3s;border:2px solid transparent;overflow:hidden}.utility-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);opacity:0;transition:opacity .3s}.utility-card-v2:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 12px 40px #0000001a}.utility-card-v2:hover:before{opacity:1}.utility-card-v2 .utility-icon-v2{width:52px;height:52px;background:linear-gradient(135deg,var(--card-accent) 0%,color-mix(in srgb,var(--card-accent) 70%,#000) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px color-mix(in srgb,var(--card-accent) 30%,transparent);flex-shrink:0}.utility-ladder .utility-icon-v2 .icon-inner{width:20px;height:24px;position:relative;background:transparent}.utility-ladder .utility-icon-v2 .icon-inner:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#fff;border-radius:1px;box-shadow:17px 0 #fff}.utility-ladder .utility-icon-v2 .icon-inner:after{content:"";position:absolute;left:0;top:4px;width:20px;height:2px;background:#fff;border-radius:1px;box-shadow:0 7px #fff,0 14px #fff}.utility-roulette .utility-icon-v2 .icon-inner{width:22px;height:22px;border:3px solid #fff;border-radius:50%;position:relative;background:transparent}.utility-roulette .utility-icon-v2 .icon-inner:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:100%;background:#fff;transform:translate(-50%,-50%)}.utility-roulette .utility-icon-v2 .icon-inner:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:#fff;transform:translate(-50%,-50%)}.utility-teammaker .utility-icon-v2 .icon-inner{display:flex;gap:5px;align-items:flex-end;background:transparent;width:auto;height:auto;border-radius:0}.utility-teammaker .utility-icon-v2 .icon-inner:before,.utility-teammaker .utility-icon-v2 .icon-inner:after{content:"";width:8px;height:12px;background:#fff;border-radius:2px}.utility-teammaker .utility-icon-v2 .icon-inner:after{height:16px}.utility-card-v2 .utility-info-v2 h4{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.utility-card-v2 .utility-info-v2 p{font-size:12px;color:#6b7280;line-height:1.4}.utility-card-v2 .utility-arrow-v2{position:absolute;top:16px;right:16px;width:28px;height:28px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.3s}.utility-card-v2:hover .utility-arrow-v2{background:var(--card-accent);color:#fff;transform:translate(2px)}@media (max-width: 768px){.games-hero-v2{padding:36px 20px 32px;border-radius:18px;margin-bottom:24px}.games-hero-v2 .hero-title .title-highlight{font-size:24px}.games-hero-v2 .hero-title .title-line{font-size:14px}.games-grid-v2,.utility-grid-v2{grid-template-columns:1fr}.utility-card-v2{flex-direction:row;text-align:left;padding:16px;gap:16px}}@media (max-width: 480px){.games-hero-v2{padding:28px 16px 24px}.games-hero-v2 .hero-stats{gap:16px;padding:18px 20px}.games-hero-v2 .stat-box .stat-num{font-size:22px}}.ranking-toggle-btn{background:linear-gradient(135deg,gold,#ffb700);color:#5a4a00;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.ranking-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.games-intro{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;border-radius:16px;padding:20px 24px;margin-bottom:24px;text-align:center}.intro-text{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;color:#5d4037}.intro-text .intro-emoji{font-size:32px}.intro-text strong{color:#e65100}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 0}.game-card{background:#fff;border-radius:24px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;opacity:1}.game-card:nth-child(1):before{background:linear-gradient(90deg,#ff9500,#ffb347)}.game-card:nth-child(2):before{background:linear-gradient(90deg,#34c759,#7ed56f)}.game-card:nth-child(3):before{background:linear-gradient(90deg,#007aff,#5ac8fa)}.game-card:nth-child(4):before{background:linear-gradient(90deg,#af52de,orchid)}.game-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000026}.game-card-content{padding:28px;display:flex;align-items:flex-start;gap:20px}.game-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;position:relative}.game-card:nth-child(1) .game-icon{background:linear-gradient(145deg,#fff9f0,#fff0e0);box-shadow:inset 0 2px 8px #ff950026}.game-card:nth-child(2) .game-icon{background:linear-gradient(145deg,#f0fff4,#dcfce7);box-shadow:inset 0 2px 8px #34c75926}.game-card:nth-child(3) .game-icon{background:linear-gradient(145deg,#f0f7ff,#e3f2fd);box-shadow:inset 0 2px 8px #007aff26}.game-card:nth-child(4) .game-icon{background:linear-gradient(145deg,#fdf0ff,#f8e3fb);box-shadow:inset 0 2px 8px #af52de26}.game-icon:after{content:"";position:absolute;width:32px;height:32px}.game-card:nth-child(1) .game-icon:after{background:linear-gradient(135deg,#ff9500,#ffb347);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.game-card:nth-child(2) .game-icon:after{width:28px;height:28px;background:linear-gradient(135deg,#34c759,#7ed56f);border-radius:50%;box-shadow:0 0 0 4px #34c75933}.game-card:nth-child(3) .game-icon:after{background:linear-gradient(135deg,#007aff,#5ac8fa);clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%)}.game-card:nth-child(4) .game-icon:after{width:26px;height:26px;border:4px solid #af52de;background:transparent;border-radius:6px}.game-info{flex:1}.game-info h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.02em}.game-info p{font-size:14px;color:#6b7280;margin-bottom:0;line-height:1.4}.game-my-record{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.game-my-record .my-best{font-size:14px;color:#374151;font-weight:700}.game-my-record .my-rank{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #ff98004d}.game-top1-banner{margin:0;padding:20px 24px;background:linear-gradient(135deg,#fefce8,#fef3c7,#fde68a);border-top:1px solid rgba(217,161,38,.15);display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.game-top1-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:goldShine 4s ease-in-out infinite}@keyframes goldShine{0%{left:-100%}50%{left:100%}to{left:100%}}.top1-crown{width:48px;height:48px;background:linear-gradient(145deg,#fbbf24,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 16px #d977064d;flex-shrink:0}.top1-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.top1-label{font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.08em}.top1-name{font-size:16px;font-weight:700;color:#78350f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top1-score{font-size:18px;font-weight:800;color:#b45309;background:linear-gradient(135deg,#fff,#fffbeb);padding:6px 14px;border-radius:20px;box-shadow:0 2px 8px #b4530926;display:inline-flex;align-items:center;flex-shrink:0}.game-no-record{margin:0;padding:18px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.game-no-record span{font-size:16px}.rankings-view{padding:20px 0}.ranking-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:16px;background:#f5f5f5;border-radius:16px}.ranking-tab{background:#fff;border:2px solid #e0e0e0;color:#424242;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0000000d}.ranking-tab:hover{border-color:#ff6b35;color:#ff6b35}.ranking-tab.active{background:linear-gradient(135deg,#ff6b35,#f7c331);color:#fff;border-color:transparent;box-shadow:0 4px 12px #ff6b354d}.rankings-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:18px 20px;transition:all .2s}.ranking-item:hover{border-color:#ff6b35;transform:translate(4px)}.ranking-item.top-1{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:3px solid #ffc107;box-shadow:0 4px 12px #ffc1074d}.ranking-item.top-2{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:3px solid #9e9e9e}.ranking-item.top-3{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:3px solid #ff9800}.ranking-position{font-size:22px;font-weight:800;width:50px;text-align:center;color:#ff6b35}.ranking-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#eee);border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-avatar span{font-size:24px}.ranking-info{flex:1;min-width:0}.ranking-name{font-size:16px;font-weight:700;color:#212121}.ranking-score{font-size:20px;font-weight:800;color:#ff6b35;background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:6px 14px;border-radius:20px}.game-container{max-width:600px;margin:0 auto;padding:20px 0}.game-stats-bar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px;padding:18px 24px;background:linear-gradient(135deg,#f5f5f5,#eee);border:1px solid #e0e0e0;border-radius:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.stat-item.best{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107}.stat-item.time .stat-value{color:#e53935}.stat-label{font-size:12px;color:#757575;font-weight:500}.stat-value{font-size:22px;font-weight:800;color:#212121}.stat-rank{font-size:12px;font-weight:700;color:#ff6f00;background:linear-gradient(135deg,#fff8e1,#ffe082);padding:3px 10px;border-radius:10px}.aim-trainer-game{display:flex;flex-direction:column;align-items:center}.aim-ready,.aim-result{text-align:center;padding:40px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff}.aim-icon{font-size:64px;margin-bottom:16px}.aim-area{width:100%;max-width:500px;height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;position:relative;overflow:hidden;cursor:crosshair}.aim-target{position:absolute;border-radius:50%;background:radial-gradient(circle,#ff6b6b,#ee5a5a,#c44);cursor:pointer;animation:targetPop .2s ease;box-shadow:0 0 20px #ff6b6b80}.aim-target .target-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background:#fff;border-radius:50%}.aim-result .result-score{font-size:48px;font-weight:700;color:var(--maple-orange);margin:16px 0}@keyframes targetPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.color-test-game{display:flex;flex-direction:column;align-items:center}.color-ready,.color-result{text-align:center;padding:40px;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border-radius:12px;color:#fff}.color-icon{font-size:64px;margin-bottom:16px}.color-ready .sub-text{color:#aaa;font-size:13px;margin-top:8px}.color-grid{display:grid;gap:8px;max-width:400px;width:100%;aspect-ratio:1 / 1}.color-tile{border-radius:8px;cursor:pointer;transition:transform .1s}.color-tile:hover{transform:scale(.95)}.color-result .result-score{font-size:36px;font-weight:700;color:var(--maple-orange);margin:16px 0}@keyframes recordPulse{0%{opacity:.7}to{opacity:1}}.pattern-game{display:flex;flex-direction:column;align-items:center}.pattern-ready,.pattern-result{text-align:center;padding:40px;background:linear-gradient(135deg,#2e1a3a,#1a1a2e);border-radius:12px;color:#fff}.pattern-icon{font-size:64px;margin-bottom:16px}.pattern-status{font-size:16px;color:#666;margin-bottom:20px;height:24px}.pattern-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:280px}.pattern-btn{width:120px;height:120px;border:none;border-radius:16px;cursor:pointer;transition:.1s;opacity:.6}.pattern-btn.active{opacity:1;transform:scale(1.05);box-shadow:currentcolor 0 0 30px}.pattern-btn:disabled{cursor:not-allowed}.pattern-btn.red{background:#ef4444}.pattern-btn.blue{background:#3b82f6}.pattern-btn.green{background:#22c55e}.pattern-btn.yellow{background:#eab308}.pattern-result .result-score{font-size:36px;font-weight:700;color:var(--maple-orange);margin:16px 0}.reaction-game{text-align:center}.reaction-box{width:100%;height:300px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.reaction-box.waiting{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.reaction-box.ready{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reaction-box.go{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.reaction-box.early{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reaction-box.result{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.reaction-icon{font-size:64px;margin-bottom:16px}.reaction-text{font-size:28px;font-weight:700}.reaction-sub{font-size:14px;opacity:.9;margin-top:8px}.game-result-msg{margin-top:8px;padding:4px 14px;border-radius:12px;font-size:13px;font-weight:700;display:inline-block;animation:gameResultPop .4s ease-out}.game-result-msg.record{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#5d4037;box-shadow:0 2px 8px #ffb30066}.game-result-msg.point{background:linear-gradient(135deg,#81c784,#4caf50);color:#fff;box-shadow:0 2px 8px #4caf5066}.game-result-msg.info{background:#ffffff26;color:#fffc;font-weight:500;font-size:12px}@keyframes gameResultPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.reaction-time{font-size:64px;font-weight:800}.reaction-rating{font-size:24px;margin-top:8px}.attempts-history{margin-top:24px;padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:16px}.attempts-history h4{font-size:15px;color:#616161;margin-bottom:16px;font-weight:600}.attempts-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.attempt{background:#f5f5f5;padding:8px 14px;border-radius:20px;font-size:14px;color:#424242;font-weight:600;border:2px solid #e0e0e0}.attempt.best{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;font-weight:700;border-color:transparent;box-shadow:0 3px 8px #ff980059}.memory-game{text-align:center}.difficulty-select{padding:40px 20px;background:#fff;border-radius:16px;border:2px solid #e0e0e0}.difficulty-select h3{font-size:24px;color:#333;margin-bottom:32px}.difficulty-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;border-radius:16px;border:2px solid;cursor:pointer;transition:all .3s;background:#fff}.diff-btn.easy{border-color:#2ecc71}.diff-btn.easy:hover{background:#e8f8f0;transform:translateY(-4px)}.diff-btn.medium{border-color:#f39c12}.diff-btn.medium:hover{background:#fef5e7;transform:translateY(-4px)}.diff-btn.hard{border-color:#e74c3c}.diff-btn.hard:hover{background:#fdedec;transform:translateY(-4px)}.diff-icon{font-size:40px}.diff-name{font-size:18px;font-weight:600;color:#fff}.diff-desc{font-size:13px;color:#888}.memory-grid{display:grid;gap:10px;margin:20px 0}.memory-grid.easy,.memory-grid.medium{grid-template-columns:repeat(4,1fr)}.memory-grid.hard{grid-template-columns:repeat(6,1fr)}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.card-front{background:linear-gradient(135deg,#e07020,#d35400);color:#fff;font-weight:700}.card-back{background:#fff;border:2px solid rgba(139,105,20,.2);transform:rotateY(180deg)}.memory-card.matched .card-back{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.game-complete-banner{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:16px;padding:24px;margin-bottom:20px}.game-complete-banner h3{font-size:24px;color:#155724;margin-bottom:8px}.game-complete-banner p{color:#155724}.game-complete-banner .final-score{font-size:28px;font-weight:700;margin-top:12px}.game-complete-banner .new-record{font-size:18px;margin-top:8px;color:#d4a700}.typing-game{text-align:center}.typing-ready{padding:60px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:20px;text-align:center}.typing-icon{font-size:64px;margin-bottom:24px}.typing-ready h3{font-size:28px;color:#212121;margin-bottom:16px;font-weight:700}.typing-ready p{color:#616161;margin-bottom:32px;font-size:16px}.start-btn{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;padding:18px 56px;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4caf504d}.start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #4caf5066}.typing-area{padding:40px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:20px;text-align:center}.current-word{font-size:48px;font-weight:800;color:#1565c0;margin-bottom:32px;min-height:60px;padding:20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;border:2px solid #42a5f5}.typing-area input{width:100%;max-width:400px;padding:18px 24px;font-size:24px;text-align:center;border:3px solid #e0e0e0;border-radius:14px;outline:none;transition:border-color .3s;background:#fff;color:#212121;font-weight:600}.typing-area input::placeholder{color:#9e9e9e}.typing-area input:focus{border-color:#42a5f5}.typing-hint{margin-top:16px;font-size:18px;font-weight:600;height:28px;color:#212121}.typing-hint:empty:before{content:" "}.typing-result{padding:40px 20px;background:#000c;border-radius:16px;border:2px solid #e07020;margin-top:20px;text-align:center}.typing-result h3{font-size:32px;color:#fff;margin-bottom:32px}.typing-result .result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.typing-result .result-item{display:flex;flex-direction:column;gap:8px;position:static;top:auto;left:auto;width:auto;height:auto}.typing-result .result-label{font-size:14px;color:#aaa;font-weight:500}.typing-result .result-value{font-size:36px;font-weight:700;color:#e07020}.new-record{font-size:24px;color:#d4a700;margin-bottom:24px}.number-game{text-align:center}.number-game-area{padding:40px 20px;background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;border:2px solid #e0e0e0}.number-icon{width:100px;height:100px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #42a5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 20px}.number-desc{font-size:18px;color:#424242;margin-bottom:32px;font-weight:500}.number-message{font-size:22px;font-weight:700;margin-bottom:24px;padding:18px 24px;border-radius:14px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffb74d;color:#e65100}.number-message.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#66bb6a;color:#2e7d32}.number-input-area{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:32px;flex-wrap:wrap}.number-input-area input{width:180px;padding:16px 20px;font-size:24px;text-align:center;border:3px solid #e0e0e0;border-radius:14px;outline:none;background:#fff;font-weight:700;color:#212121;transition:border-color .3s}.number-input-area input:focus{border-color:#42a5f5}.number-input-area input::placeholder{color:#9e9e9e;font-weight:600;font-size:18px}.number-input-area button{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:16px 36px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2196f34d}.number-input-area button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.guess-history{margin-top:32px;padding:24px;background:#fff;border:2px solid #e0e0e0;border-radius:16px}.guess-history h4{font-size:15px;color:#616161;margin-bottom:16px;font-weight:600}.history-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.history-item{padding:10px 16px;border-radius:25px;font-size:15px;font-weight:700;box-shadow:0 2px 6px #00000014}.history-item.up{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350}.history-item.down{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:2px solid #42a5f5}.restart-btn{background:linear-gradient(135deg,#e07020,#d35400);color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0702059}@media (max-width: 768px){.games-grid{grid-template-columns:1fr;gap:16px}.game-card-content{padding:20px;gap:16px}.game-icon{width:52px;height:52px}.game-icon:after{width:26px;height:26px}.game-top1-banner,.game-no-record{padding:14px 20px}.ranking-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.ranking-tab{white-space:nowrap;flex-shrink:0}.reaction-box{height:250px}.reaction-icon{font-size:48px}.reaction-text{font-size:22px}.reaction-time{font-size:48px}.memory-grid.hard{grid-template-columns:repeat(4,1fr)}.card-front,.card-back{font-size:24px}.current-word{font-size:32px}.typing-area input{font-size:18px}.result-stats{flex-direction:column;gap:20px}.difficulty-buttons{flex-direction:column;align-items:center}.diff-btn{width:100%;max-width:200px}}.game-2048{display:flex;flex-direction:column;align-items:center;outline:none}.game-2048-board-wrapper{position:relative}.game-2048-board{background:#bbada0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.game-2048-row{display:flex;gap:8px}.game-2048-tile{width:70px;height:70px;background:#cdc1b4;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px;transition:.1s}.game-2048-tile.has-value{animation:pop .1s ease}@keyframes pop{0%{transform:scale(.8)}to{transform:scale(1)}}.game-2048-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10;color:#fff}.game-2048-overlay .overlay-content{text-align:center}.game-2048-overlay h3{font-size:28px;margin-bottom:8px}.game-2048-overlay .overlay-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.game-2048-overlay .back-btn{padding:12px 24px;font-size:14px;font-weight:600;background:#4a5568;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:.2s}.game-2048-overlay .back-btn:hover{background:#2d3748}.back-btn{background:var(--wood-dark);border:none;color:var(--cream);padding:10px 16px;font-size:14px;border-radius:8px;cursor:pointer}.back-btn:hover{background:var(--wood-medium)}.game-2048-controls{margin-top:20px;text-align:center}.game-2048-controls .control-hint{color:#888;font-size:13px;margin-bottom:12px}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.mobile-controls button{width:50px;height:50px;font-size:20px;background:#8f7a66;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.2s}.mobile-controls button:hover{background:#9f8b77}.mobile-controls-row{display:flex;gap:8px}.snake-game{display:flex;flex-direction:column;align-items:center;outline:none}.snake-ready{text-align:center;padding:40px;background:linear-gradient(135deg,#1a3a1a,#1a1a2e);border-radius:12px;color:#fff}.snake-icon{font-size:64px;margin-bottom:16px}.snake-board{background:#1a1a2e;border-radius:8px;position:relative;border:4px solid #333}.snake-segment{position:absolute;background:#4ade80;border-radius:4px;transition:.05s}.snake-segment.head{background:#22c55e;border-radius:6px}.snake-food{position:absolute;background:#ef4444;border-radius:50%;animation:foodPulse .5s ease infinite alternate}@keyframes foodPulse{0%{transform:scale(.9)}to{transform:scale(1.1)}}.snake-result-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:30px 40px;border-radius:12px;text-align:center;color:#fff}.flappy-game{display:flex;flex-direction:column;align-items:center;outline:none}.flappy-ready{text-align:center;padding:40px;background:linear-gradient(135deg,#1a3a4a,#1a1a2e);border-radius:12px;color:#fff}.flappy-icon{font-size:64px;margin-bottom:16px}.flappy-area{background:linear-gradient(#87ceeb,#98d8c8);border-radius:8px;position:relative;overflow:hidden;cursor:pointer}.flappy-bird{position:absolute;background:#f59e0b;border-radius:50%;border:3px solid rgb(217,119,6);z-index:10}.flappy-pipe{position:absolute;background:linear-gradient(90deg,#22c55e,#16a34a,#22c55e);border:3px solid rgb(21,128,61)}.flappy-pipe.top{top:0;border-top:none;border-radius:0 0 8px 8px}.flappy-pipe.bottom{border-bottom:none;border-radius:8px 8px 0 0}.flappy-result-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:30px 40px;border-radius:12px;text-align:center;color:#fff;z-index:10}.utility-games-section{margin-top:60px;padding-top:40px;border-top:2px solid rgba(201,149,108,.2)}.utility-games-section .section-header{text-align:center;margin-bottom:32px}.utility-games-section .section-header h2{font-size:24px;color:var(--cream);margin-bottom:8px}.utility-games-section .section-header p{font-size:14px;color:#f5e6c8b3}.utility-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.utility-game-card{background:linear-gradient(145deg,#fffffffa,#faf8f5f2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(201,149,108,.15);box-shadow:0 4px 15px #00000014}.utility-game-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026;border-color:var(--accent-color)}.utility-game-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 80%,black) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 40%,transparent)}.utility-game-info{flex:1}.utility-game-info h3{font-size:18px;color:#2c2416;margin-bottom:4px;font-weight:700}.utility-game-info p{font-size:13px;color:#6b5c4a}.utility-game-arrow{font-size:20px;color:var(--accent-color);opacity:.5;transition:all .3s}.utility-game-card:hover .utility-game-arrow{opacity:1;transform:translate(4px)}.ladder-game{max-width:900px;margin:0 auto}.ladder-setup{background:linear-gradient(145deg,#fff,#fafafa);border-radius:20px;padding:32px;border:2px solid #e8e0d5}.ladder-setup .setup-section{margin-bottom:28px}.ladder-setup .setup-section h3{font-size:16px;color:#4a3728;margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:8px}.player-count-selector{display:flex;gap:8px;flex-wrap:wrap}.player-count-selector button{width:52px;height:44px;border:2px solid #ddd;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.player-count-selector button:hover{border-color:#e07020;color:#e07020}.player-count-selector button.active{background:linear-gradient(135deg,#e07020,#d35400);border-color:#e07020;color:#fff}.setup-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.input-list{display:flex;flex-direction:column;gap:10px}.input-list input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;transition:border-color .2s}.input-list input:focus{border-color:#e07020}.input-list input::placeholder{color:#aaa}.start-ladder-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e07020,#d35400);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}.start-ladder-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0702059}.ladder-play{background:linear-gradient(145deg,#fff,#fafafa);border-radius:20px;padding:32px;border:2px solid #e8e0d5}.ladder-header-row,.ladder-footer-row{display:flex;justify-content:center}.ladder-player{text-align:center;cursor:pointer;transition:all .2s;padding:12px 8px;border-radius:12px;flex-shrink:0}.ladder-player:hover:not(.revealed){background:#e070201a}.ladder-player.revealed{opacity:.5}.ladder-player.animating{opacity:1;background:#e0702026}.player-name{font-size:14px;font-weight:700;color:#4a3728;margin-bottom:8px}.player-marker{font-size:20px;color:#e07020}.ladder-board{position:relative;height:400px;margin:20px 40px;background:linear-gradient(180deg,#e0702005,#e0702014);border-radius:12px}.ladder-vertical{position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#c9956c,#b8845c);border-radius:2px;transform:translate(-50%)}.ladder-horizontal{position:absolute;height:4px;background:linear-gradient(90deg,#c9956c,#b8845c);border-radius:2px;transform:translateY(-50%)}.ladder-path-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.ladder-path-svg path{vector-effect:non-scaling-stroke}.ladder-path-svg path.path-animating{stroke-dasharray:500;stroke-dashoffset:500;animation:drawLadderPath 1.5s ease-out forwards}@keyframes drawLadderPath{to{stroke-dashoffset:0}}.ladder-result{text-align:center;padding:12px 8px;border-radius:12px;transition:all .3s;flex-shrink:0}.ladder-result.matched{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a}.result-marker{font-size:20px;color:#9b59b6;margin-bottom:4px}.result-text{font-size:14px;font-weight:700;color:#4a3728}.result-winner{font-size:12px;color:#27ae60;font-weight:700;margin-top:6px;padding:4px 8px;background:#27ae6026;border-radius:6px}.ladder-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.reveal-all-btn,.reset-btn{padding:12px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.reveal-all-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.reveal-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9b59b659}.ladder-actions .reset-btn{background:#f5f5f5;color:#666;border:2px solid #ddd}.ladder-actions .reset-btn:hover{background:#eee;border-color:#ccc}.roulette-game{max-width:700px;margin:0 auto;text-align:center}.roulette-container-svg{position:relative;width:420px;height:420px;margin:0 auto 24px}.roulette-pointer-svg{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:42px;color:#e07020;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.roulette-wheel-svg{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 10px #4a3728,0 0 0 16px #c9956c,0 10px 40px #00000059;transition:transform 4s cubic-bezier(.17,.67,.12,.99);background:#fff}.roulette-wheel-svg.spinning{transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.roulette-wheel-svg text{pointer-events:none;-webkit-user-select:none;user-select:none}.confetti-container{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background:var(--color);left:calc(var(--x) * 100%);top:-20px;animation:confetti-fall 3s ease-out forwards;animation-delay:calc(var(--delay) * 1s)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.roulette-result{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:3px solid #ffc107;border-radius:16px;padding:20px 32px;margin-bottom:24px;animation:resultPop .4s ease-out}@keyframes resultPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-label{font-size:13px;color:#856404;margin-bottom:4px}.result-value{font-size:28px;font-weight:800;color:#4a3728}.roulette-controls{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.spin-btn{padding:16px 48px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:30px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #9b59b659}.spin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #9b59b673}.spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.roulette-controls .reset-btn{padding:16px 28px;background:#f5f5f5;border:2px solid #ddd;border-radius:30px;color:#666;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.roulette-controls .reset-btn:hover{background:#eee}.roulette-items{background:linear-gradient(145deg,#fff,#fafafa);border-radius:16px;padding:24px;border:2px solid #e8e0d5;text-align:left}.roulette-items h3{font-size:16px;color:#4a3728;margin-bottom:16px;font-weight:700}.item-input{display:flex;gap:10px;margin-bottom:16px}.item-input input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none}.item-input input:focus{border-color:#9b59b6}.item-input button{padding:12px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.item-input button:disabled{opacity:.5;cursor:not-allowed}.item-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.item-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;background:color-mix(in srgb,var(--tag-color) 15%,white);border:2px solid var(--tag-color);border-radius:20px;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--tag-color) 80%,black)}.item-tag button{width:18px;height:18px;border:none;background:var(--tag-color);color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s}.item-tag button:hover:not(:disabled){opacity:1}.item-tag button:disabled{opacity:.3;cursor:not-allowed}.item-hint{font-size:12px;color:#888}.teammaker-game{max-width:1000px;margin:0 auto}.teammaker-input-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.teammaker-input-section .input-group{background:linear-gradient(145deg,#fff,#fafafa);border-radius:16px;padding:24px;border:2px solid #e8e0d5}.teammaker-input-section label{display:block;font-size:15px;font-weight:700;color:#4a3728;margin-bottom:12px}.teammaker-input-section textarea{width:100%;min-height:200px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;outline:none;font-family:inherit}.teammaker-input-section textarea:focus{border-color:#27ae60}.member-count{margin-top:12px;font-size:13px;color:#666}.member-count strong{color:#27ae60;font-size:16px}.settings-group{background:linear-gradient(145deg,#fff,#fafafa);border-radius:16px;padding:24px;border:2px solid #e8e0d5;display:flex;flex-direction:column;gap:24px}.setting-item label{display:block;font-size:14px;font-weight:700;color:#4a3728;margin-bottom:10px}.team-count-selector,.balance-selector{display:flex;gap:8px;flex-wrap:wrap}.team-count-selector button,.balance-selector button{padding:10px 16px;border:2px solid #ddd;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.team-count-selector button:hover,.balance-selector button:hover{border-color:#27ae60;color:#27ae60}.team-count-selector button.active,.balance-selector button.active{background:linear-gradient(135deg,#27ae60,#219a52);border-color:#27ae60;color:#fff}.shuffle-btn{width:100%;padding:18px;background:linear-gradient(135deg,#27ae60,#219a52);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:auto}.shuffle-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae6059}.shuffle-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.teammaker-result{background:linear-gradient(145deg,#fff,#fafafa);border-radius:20px;padding:28px;border:2px solid #e8e0d5}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.result-header h3{font-size:20px;color:#4a3728;font-weight:700}.result-actions{display:flex;gap:8px}.result-actions button{padding:8px 16px;border:2px solid #ddd;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.result-actions button:hover:not(:disabled){border-color:#27ae60;color:#27ae60}.result-actions button:disabled{opacity:.5}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.team-card{background:#fff;border-radius:16px;border:3px solid var(--team-color);overflow:hidden;transition:all .3s}.team-card.shuffling{animation:shufflePulse .1s ease-in-out}@keyframes shufflePulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.team-header{background:linear-gradient(135deg,var(--team-color) 0%,color-mix(in srgb,var(--team-color) 80%,black) 100%);padding:14px 18px;display:flex;align-items:center;gap:8px}.team-number{width:32px;height:32px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff}.team-label{font-size:16px;font-weight:700;color:#fff}.team-count{margin-left:auto;font-size:13px;color:#fffc;font-weight:600}.team-members{padding:16px;display:flex;flex-direction:column;gap:8px}.team-member{padding:10px 14px;background:#f8f8f8;border-radius:8px;font-size:14px;font-weight:600;color:#333;transition:all .2s}.team-member:hover{background:color-mix(in srgb,var(--team-color) 10%,white)}@media (max-width: 768px){.utility-games-grid,.setup-columns{grid-template-columns:1fr}.ladder-board{height:300px;margin:20px}.ladder-player,.ladder-result{min-width:60px;padding:8px}.player-name,.result-text{font-size:12px}.roulette-container{width:280px;height:280px}.teammaker-input-section,.teams-grid{grid-template-columns:1fr}}.scroll-page{max-width:1000px;margin:0 auto}.volume-control,.sound-volume-control{display:flex;align-items:center;gap:10px;margin-left:auto;background:#0000004d;padding:8px 14px;border-radius:20px}.volume-control .volume-icon,.sound-volume-control .volume-icon{font-size:14px;opacity:.8}.volume-control input[type=range],.sound-volume-control input[type=range]{width:100px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb,.sound-volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.volume-control input[type=range]::-moz-range-thumb,.sound-volume-control input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.volume-control .volume-value,.sound-volume-control .volume-value{font-size:12px;color:#fffc;min-width:36px;text-align:right}@keyframes bannerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse-badge{0%,to{box-shadow:0 0 #f7258566}50%{box-shadow:0 0 0 8px #f7258500}}.competition-mode-banner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid transparent;border-radius:12px;cursor:pointer;overflow:hidden;transition:.3s;animation:bannerPulse 2s ease-in-out infinite}.competition-mode-banner:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f72585,#7209b7,#3a0ca3,#4361ee,#f72585);background-size:300% 300%;border-radius:14px;z-index:-1;animation:borderGlow 3s ease infinite}.competition-mode-banner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2.5s ease-in-out infinite}.competition-mode-banner:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 32px #f725854d}.competition-mode-banner .banner-content{display:flex;align-items:center;gap:12px}.competition-mode-banner .ranked-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #f7258566}.competition-mode-banner .banner-title{font-size:18px;font-weight:700;color:#fff}.competition-mode-banner .banner-desc{font-size:14px;color:#ffffffb3}.competition-mode-banner .banner-arrow{font-size:20px;color:#fff}.page-header .ranked-badge{background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-left:8px}.competition-page{max-width:1100px}.competition-content{display:grid;grid-template-columns:1fr 200px 280px;gap:20px;background:linear-gradient(145deg,#1e2a4af2,#162035fa);border-radius:20px;padding:24px;box-shadow:0 10px 40px #0000004d}.competition-item-area{background:transparent;border-radius:12px;padding:20px}.competition-info-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f7258526,#7209b726);border:1px solid rgba(247,37,133,.3);border-radius:8px;margin-bottom:16px}.competition-info-banner .info-badge{background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.competition-info-banner .info-text{font-size:13px;color:#ffffffe6}.competition-item-box{background:linear-gradient(#1a1a2e,#0d0d1a);border:2px solid #4a4a6a;border-radius:8px;padding:16px;margin-bottom:16px}.competition-item-box .item-title{font-size:16px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(#3a3a5a,#2a2a4a);padding:8px 12px;border-radius:4px 4px 0 0;margin:-16px -16px 12px}.competition-item-box .item-detail{display:flex;gap:16px}.competition-item-box .item-img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#0000004d;border-radius:8px;padding:8px}.competition-item-box .item-stats{flex:1}.competition-item-box .item-stats .stat-row{font-size:12px;color:#ffffffe6;padding:2px 0}.competition-item-box .item-stats .stat-row.highlight{color:#3498db;font-weight:600}.competition-slots{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.comp-slot{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#0000004d}.comp-slot.used{background:linear-gradient(135deg,#96a5a680,#7f8c8d80);border-color:#7f8c8d99}.competition-result-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px;font-size:14px;font-weight:600;color:#fff}.competition-result-stats .success{color:#2ecc71}.competition-result-stats .fail{color:#e74c3c}.competition-actions{display:flex;justify-content:center;gap:12px}.competition-actions .reset-btn{padding:10px 24px;background:#fff;border:2px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.competition-actions .reset-btn:hover{border-color:#f72585;color:#f72585}.competition-actions .save-btn{padding:10px 24px;background:linear-gradient(135deg,#f72585,#b5179e);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.competition-actions .save-btn:hover{box-shadow:0 4px 12px #f7258566}.competition-inventory{display:flex;flex-direction:column;gap:8px;background:#00000026;border-radius:12px;padding:12px}.comp-inv-item{display:flex;align-items:center;justify-content:center;position:relative;padding:12px;background:#0000004d;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.comp-inv-item:hover:not(.empty){background:#00000080;transform:translateY(-1px)}.comp-inv-item.empty{opacity:.4;cursor:not-allowed}.comp-inv-item img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.comp-inv-item .count{position:absolute;bottom:4px;right:8px;font-size:12px;font-weight:700;color:#fff;background:#0009;padding:2px 6px;border-radius:4px}.competition-rankings{background:linear-gradient(145deg,#f725851a,#7209b71a);border-radius:12px;padding:16px}.competition-rankings h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px}.competition-rankings .ranking-list{display:flex;flex-direction:column;gap:8px}.competition-rankings .ranking-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0003;border-radius:8px;font-size:13px;color:#fff}.competition-rankings .ranking-item.top-1{background:linear-gradient(135deg,#ffd7004d,#ffb40033);border:1px solid rgba(255,215,0,.5)}.competition-rankings .ranking-item.top-2{background:linear-gradient(135deg,#c0c0c04d,#a0a0a033);border:1px solid rgba(192,192,192,.5)}.competition-rankings .ranking-item.top-3{background:linear-gradient(135deg,#cd7f324d,#b4641e33);border:1px solid rgba(205,127,50,.5)}.competition-rankings .ranking-item .rank{width:24px;text-align:center;font-weight:600}.competition-rankings .ranking-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competition-rankings .ranking-item .stat{font-weight:700;color:#f72585}.competition-rankings .no-data{text-align:center;padding:20px;color:#fff9;font-size:13px}.chaos-ranking-area.competition-ranking{background:linear-gradient(145deg,#f7258526,#7209b726);border:1px solid rgba(247,37,133,.25);padding:20px;min-width:200px}.chaos-ranking-area.competition-ranking h3{font-size:15px;margin-bottom:14px;color:#fff;text-align:center}.chaos-ranking-area.competition-ranking .ranking-row{background:#0003;border-radius:8px;padding:5px 6px;margin-bottom:3px}.chaos-ranking-area.competition-ranking .ranking-row.top-1{background:linear-gradient(135deg,#ffd70040,#ffb40026);border:1px solid rgba(255,215,0,.4)}.chaos-ranking-area.competition-ranking .ranking-row.top-2{background:linear-gradient(135deg,#c0c0c040,#a0a0a026);border:1px solid rgba(192,192,192,.4)}.chaos-ranking-area.competition-ranking .ranking-row.top-3{background:linear-gradient(135deg,#cd7f3240,#b4641e26);border:1px solid rgba(205,127,50,.4)}.chaos-ranking-area.competition-ranking .rank-score{color:#f72585;font-weight:700}.chaos-ranking-section.competition-ranking{background:linear-gradient(145deg,#f7258526,#7209b726);border:1px solid rgba(247,37,133,.25);border-radius:12px;padding:16px}.chaos-ranking-section.competition-ranking h3{color:#fff;font-size:14px;border-bottom-color:#f725854d}.chaos-ranking-section.competition-ranking .ranking-row{background:transparent}.chaos-ranking-section.competition-ranking .rank-score{color:#7cfc00;font-weight:600;font-size:12px;background-color:transparent}@media (max-width: 900px){.competition-content{grid-template-columns:1fr}.competition-inventory{flex-direction:row;flex-wrap:wrap;justify-content:center}.comp-inv-item{width:auto;padding:10px 16px}}.competition-mode{padding:30px 20px}.competition-badge-inline{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #f7258566;margin-left:10px}.sound-volume-control{display:flex;align-items:center;gap:8px}.volume-slider{width:80px;accent-color:#f72585}.chaos-simulator.competition{padding:0}.chaos-unified-container{display:flex;gap:24px;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,#1e2a4af2,#162035fa);border-radius:16px;padding:24px;max-width:100%;overflow:hidden}.chaos-main{display:flex;flex-direction:column;gap:12px;width:350px;flex-shrink:0}.competition-mode-indicator{display:flex;align-items:center;gap:12px;padding:12px 0;background:linear-gradient(135deg,#f7258526,#7209b726);border:1px solid rgba(247,37,133,.3);border-radius:8px}.competition-mode-indicator .mode-badge{background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;padding:5px 15px;margin-left:10px;border-radius:12px;font-size:12px;font-weight:600}.competition-mode-indicator .mode-info{font-size:12px;color:#ffffffe6}.maple-item-window{background:linear-gradient(#1a1a2e,#0d0d1a);border:2px solid rgb(74,74,106);border-radius:8px;overflow:hidden;width:250px;margin-left:50px}.item-window-header{background:linear-gradient(#3a3a5a,#2a2a4a);padding:6px 10px;text-align:center}.item-window-title{font-size:15px;font-weight:700;color:#fff}.item-window-content{padding:10px}.item-window-icon-center{display:flex;justify-content:center;margin-bottom:8px}.item-window-icon-center img{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;background:#0000004d;border-radius:4px;padding:8px}.item-window-stats{display:flex;flex-direction:column;gap:1px}.stat-line{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffe6;padding:1px 0}.stat-line.highlight{color:#3498db;font-weight:600}.stat-dot{font-size:6px;color:#ffffff80}.chaos-slots-area{display:flex;justify-content:center}.chaos-slots-grid{display:flex;flex-wrap:nowrap;justify-content:center;gap:3px;margin:0 auto}.chaos-slots-grid.two-rows{flex-wrap:wrap;max-width:210px}.chaos-slot-box{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.chaos-slot-box.empty{background:#ffffffe6;border:2px solid rgba(200,200,200,.8)}.chaos-slot-box.success{background:#ffffffe6;border:2px solid rgba(46,204,113,.8);color:#2ecc71}.chaos-slot-box.fail{background:#ffffffe6;border:2px solid rgba(231,76,60,.8);color:#e74c3c}.chaos-stats-compact{display:flex;justify-content:center;gap:16px;font-size:12px;font-weight:600;color:#fff}.chaos-stats-compact .success{color:#2ecc71}.chaos-stats-compact .fail{color:#e74c3c}.chaos-action-buttons{display:flex;justify-content:center;align-items:center;gap:12px}.chaos-action-buttons .reset-button,.chaos-action-buttons .save-btn{padding:10px 24px;min-width:100px;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0;white-space:nowrap}.chaos-action-buttons .reset-button{background:#fff;border:2px solid #ddd;color:#333}.chaos-action-buttons .reset-button:hover{border-color:#f72585;color:#f72585}.chaos-action-buttons .save-btn{background:linear-gradient(135deg,#e07020,#d35400);border:none;color:#fff}.chaos-action-buttons .save-btn:hover{filter:brightness(1.1)}.chaos-action-buttons .save-btn:disabled{opacity:.6;cursor:not-allowed}.chaos-action-buttons .saved-indicator{display:flex;align-items:center;justify-content:center;min-width:100px;height:40px;padding:10px 24px;background:transparent;color:#2d8a4e;font-size:14px;font-weight:600}.chaos-action-buttons .saving-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:chaos-spin .8s linear infinite;margin-right:6px}@keyframes chaos-spin{to{transform:rotate(360deg)}}.chaos-inventory{background:#141928e6;border-radius:10px;padding:12px;flex-shrink:0;width:235px}.scroll-inventory-compact{background:#141928f2;border:2px solid rgba(80,100,140,.6);border-radius:12px;padding:16px;width:200px;flex-shrink:0}.scroll-inventory-header{font-size:13px;font-weight:700;color:#fff;text-align:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(80,100,140,.4)}.scroll-inventory-grid{display:flex;flex-direction:column;gap:6px}.scroll-inv-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#28324699;border:1px solid rgba(80,100,140,.4);border-radius:8px;cursor:pointer;transition:all .2s}.scroll-inv-item:hover:not(.disabled){background:#3c507899;border-color:#648cc899;transform:translate(2px)}.scroll-inv-item.disabled{opacity:.4;cursor:not-allowed}.scroll-inv-item img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.scroll-inv-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.scroll-inv-name{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-inv-rate{font-size:10px;color:#ffffff80}.scroll-inv-count{font-size:14px;font-weight:700;color:#f72585;min-width:32px;text-align:right}.chaos-ranking-area{background:#141928e6;border-radius:12px;padding:16px;width:250px;flex-shrink:0}.competition-mode .chaos-ranking-area{background:transparent}.chaos-ranking-area h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.ranking-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#28283c99;border-radius:6px;margin-bottom:2px;font-size:12px;color:#fff}.ranking-row.top-1,.ranking-row.top-2,.ranking-row.top-3{background:linear-gradient(135deg,#ffc83259,#ffaa0040);border:1px solid rgba(255,200,50,.5)}.ranking-row.top-2{background:linear-gradient(135deg,#b4b4c859,#9696b440);border:1px solid rgba(180,180,200,.5)}.ranking-row.top-3{background:linear-gradient(135deg,#dc8c3c59,#c8782840);border:1px solid rgba(220,140,60,.5)}.rank-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:12px;color:#fff9}.ranking-row.top-1 .rank-num{background:#ffc832e6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #ffc83280}.ranking-row.top-2 .rank-num{background:#8c96aae6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #8c96aa80}.ranking-row.top-3 .rank-num{background:#cd7f32e6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #cd7f3280}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.rank-score{font-weight:700;font-size:11px;color:#f75;padding:2px 6px;background:#ff645026;border-radius:4px}.chaos-ranking-area .no-data{text-align:center;padding:16px;color:#ffffff80;font-size:11px}@media (max-width: 900px){.chaos-unified-container{grid-template-columns:1fr}.chaos-inventory{order:2}.chaos-ranking-area{order:3}}.scroll-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f5f5f5;padding:6px;border-radius:12px}.scroll-tab{flex:1;padding:14px 24px;border:none;background:transparent;font-size:15px;font-weight:600;color:#666;cursor:pointer;border-radius:8px;transition:all .2s}.scroll-tab:hover{color:#4a3728;background:#ffffff80}.scroll-tab.active{background:#fff;color:#e07020;box-shadow:0 2px 8px #00000014}.scroll-simulator-layout{display:grid;grid-template-columns:minmax(400px,600px) 280px;gap:24px;justify-content:center}.simulator-main{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}.item-display-area{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.item-box{width:120px;height:120px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3a3a5a;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.item-box .item-img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.item-box .result-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;object-fit:contain;pointer-events:none}.item-info-box h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.stat-display{display:flex;align-items:center;gap:8px}.stat-display .stat-name{font-size:16px;color:#666}.stat-display .stat-value{font-size:28px;font-weight:800;color:#e07020}.slots-area{margin-bottom:24px}.slots-grid{display:flex;gap:8px;margin-bottom:8px}.slot-box{width:40px;height:40px;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:#f8f9fa}.slot-box.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#28a745}.slot-box.fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#dc3545}.slots-text{font-size:14px;color:#666}.slots-text strong{color:#e07020;font-size:16px}.result-stats-area{display:flex;gap:12px;margin-bottom:20px}.result-stats-area .stat-item{flex:1;padding:12px;border-radius:12px;text-align:center}.result-stats-area .stat-item.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.result-stats-area .stat-item.fail{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.result-stats-area .stat-item.total{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.result-stats-area .label{display:block;font-size:12px;color:#666;margin-bottom:4px}.result-stats-area .value{font-size:24px;font-weight:800}.result-stats-area .stat-item.success .value{color:#28a745}.result-stats-area .stat-item.fail .value{color:#dc3545}.result-stats-area .stat-item.total .value{color:#e07020}.scroll-buttons-area{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.scroll-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.scroll-button:hover:not(.disabled){border-color:#e07020;transform:translateY(-2px);box-shadow:0 4px 12px #e0702033}.scroll-button.disabled{opacity:.5;cursor:not-allowed}.scroll-button .scroll-img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.scroll-button .scroll-text{text-align:center}.scroll-button .scroll-name{display:block;font-size:14px;font-weight:600;color:#333}.scroll-button .scroll-value{display:block;font-size:12px;color:#888}.action-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reset-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.reset-button:hover{background:#e9ecef}.reset-button .reset-icon{width:20px;height:20px;object-fit:contain}.save-button{padding:12px 24px;background:linear-gradient(135deg,#e07020,#d35400);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-button:hover{box-shadow:0 4px 12px #e0702066}.save-button:disabled{opacity:.6;cursor:not-allowed}.saved-text{font-size:14px;color:#28a745;font-weight:600}.history-area{margin-top:24px;padding-top:24px;border-top:1px solid #eee}.history-area h4{font-size:14px;color:#666;margin-bottom:12px}.history-items{display:flex;flex-wrap:wrap;gap:6px}.history-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.history-badge.success{background:#d4edda;color:#155724}.history-badge.fail{background:#f8d7da;color:#721c24}.scroll-ranking-area{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;height:fit-content}.scroll-ranking-area h3{font-size:18px;font-weight:700;margin-bottom:16px}.no-ranking{text-align:center;padding:40px 20px;color:#999}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-row{display:grid;grid-template-columns:30px 1fr 50px;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fa;border-radius:8px}.ranking-row.top-1{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:1px solid #ffc107}.ranking-row.top-2{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #adb5bd}.ranking-row.top-3{background:linear-gradient(135deg,#fff5eb,#ffe8d5);border:1px solid #cd7f32}.rank-num{font-size:14px;font-weight:600;text-align:center}.rank-name{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{font-size:14px;font-weight:700;color:#e07020;text-align:right}.rank-detail{display:none}.potential-simulator{max-width:700px;margin:0 auto}.potential-main{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.potential-item-area{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.potential-item-box{width:140px;height:140px;background:linear-gradient(135deg,#2c3e50,#1a252f);border:3px solid #5d6d7e;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s}.potential-item-box .potential-item-img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.potential-item-box .destroy-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#e74c3c}.potential-item-box .result-gif-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;object-fit:contain;pointer-events:none}.potential-item-box.destroyed{background:linear-gradient(135deg,#4a1a1a,#2c0f0f);border-color:#c0392b}.potential-item-label{margin-top:12px;font-size:14px;color:#666;font-weight:600;text-align:center}.potential-item-box.destroyed+.potential-item-label{color:#e74c3c}.ignore-destroy-option{background:#f0f4f8;border-radius:10px;padding:14px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ignore-destroy-option .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.ignore-destroy-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#9b59b6}.ignore-destroy-option .checkbox-text{font-size:14px;font-weight:600;color:#2c3e50}.ignore-destroy-option .checkbox-desc{font-size:12px;color:#888}.potential-item-box.destroy-animation{animation:destroyShake .5s ease-in-out}@keyframes destroyShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-5deg)}40%{transform:translate(10px) rotate(5deg)}60%{transform:translate(-10px) rotate(-5deg)}80%{transform:translate(10px) rotate(5deg)}}.potential-item-box .result-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:800;padding:8px 16px;border-radius:8px;animation:flashPop .5s ease-out;pointer-events:none}.result-flash.success{background:#27ae60e6;color:#fff}.result-flash.fail{background:#e74c3ce6;color:#fff}@keyframes flashPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.scroll-section{background:#f8f9fa;border-radius:14px;padding:20px;margin-bottom:20px}.scroll-section .section-header{margin-bottom:14px}.scroll-section .section-title{font-size:15px;font-weight:700;color:#2c3e50}.scroll-section .section-warning{font-size:12px;color:#e74c3c;margin-top:4px}.scroll-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.potential-scroll-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;text-align:left}.potential-scroll-btn .scroll-btn-img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.potential-scroll-btn .btn-text-area{display:flex;flex-direction:column}.potential-scroll-btn.type-potential{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 12px #9b59b64d}.potential-scroll-btn.type-potential:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666}.potential-scroll-btn.type-silver{background:linear-gradient(135deg,#7f8c8d,#616a6b);box-shadow:0 4px 12px #7f8c8d4d}.potential-scroll-btn.type-silver:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7f8c8d66}.potential-scroll-btn.type-gold{background:linear-gradient(135deg,#f39c12,#d68910);box-shadow:0 4px 12px #f39c124d}.potential-scroll-btn.type-gold:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f39c1266}.potential-scroll-btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.potential-scroll-btn .btn-title{font-size:13px;font-weight:700;line-height:1.3}.potential-scroll-btn .btn-sub{font-size:11px;opacity:.85;margin-top:4px}.potential-stats-area{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px}.potential-stats-area h4{font-size:14px;color:#4a3728;margin-bottom:16px;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stats-section{background:#fff;padding:14px;border-radius:10px;border:1px solid #e9ecef}.stats-section.mini{padding:12px}.stats-section.mini .stats-title{font-size:12px;margin-bottom:8px;padding-bottom:6px}.stats-section.mini .stats-row{font-size:12px;padding:2px 0}.stats-title{font-size:13px;font-weight:700;color:#4a3728;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.stats-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.stats-row .stat-label{color:#666}.stats-row .stat-value{font-weight:600;color:#333}.stats-row .success{color:#27ae60}.stats-row .warning{color:#e67e22}.stats-row .danger{color:#e74c3c}.total-stats{display:flex;justify-content:center;gap:32px;padding-top:16px;border-top:1px solid #e9ecef}.total-row{display:flex;flex-direction:column;align-items:center;gap:4px}.total-row span{font-size:12px;color:#888}.total-row strong{font-size:18px;font-weight:800;color:#333}.total-row strong.success{color:#27ae60}.total-row strong.danger{color:#e74c3c}.potential-actions{display:flex;justify-content:center;margin-bottom:24px}.potential-actions .reset-button{padding:14px 48px;background:#f5f5f5;border:2px solid #ddd;border-radius:10px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.potential-actions .reset-button:hover{background:#eee;border-color:#ccc}.potential-history{background:#f8f9fa;border-radius:12px;padding:16px}.potential-history h4{font-size:13px;color:#666;margin-bottom:12px}.potential-history .history-badges{display:flex;flex-wrap:wrap;gap:6px}.potential-history .history-badge{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.potential-history .history-badge.potential60,.potential-history .history-badge.potential80{background:#f5eef8;color:#9b59b6}.potential-history .history-badge.silver{background:#eaecee;color:#5d6d7e}.potential-history .history-badge.gold{background:#fef9e7;color:#d68910}.potential-history .history-badge.destroy{background:#fdedec!important;color:#e74c3c!important}@media (max-width: 900px){.scroll-simulator-layout{grid-template-columns:1fr}.scroll-ranking-area{order:-1}}@media (max-width: 600px){.simulator-main{padding:20px}.item-display-area{flex-direction:column;text-align:center}.scroll-buttons-area{grid-template-columns:repeat(2,1fr)}.result-stats-area{flex-wrap:wrap}.result-stats-area .stat-item{min-width:80px}.scroll-btn-row,.stats-grid{grid-template-columns:1fr}.stats-grid-4{grid-template-columns:1fr 1fr}.total-stats{flex-direction:column;gap:12px}}@media (max-width: 480px){.stats-grid-4{grid-template-columns:1fr}}.white-scroll-simulator{max-width:600px;margin:0 auto}.white-scroll-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.white-item-area{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.white-item-img{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3a3a5a;border-radius:12px;padding:16px}.white-item-status{margin-top:12px;font-size:14px;font-weight:600;color:#666}.white-slots{text-align:center;margin-bottom:24px}.white-slot-icons{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.white-slot{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .3s}.white-slot.failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;color:#dc3545}.white-slot.recovered{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#28a745}.white-slot-count{font-size:14px;color:#666}.white-slot-count strong{color:#28a745;font-size:16px}.white-stats{display:flex;justify-content:center;gap:24px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:12px}.white-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.white-stat-item .label{font-size:12px;color:#888}.white-stat-item .value{font-size:24px;font-weight:700}.white-stat-item .value.success{color:#28a745}.white-stat-item .value.fail{color:#dc3545}.white-scroll-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.white-scroll-btn{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .2s}.white-scroll-btn:hover:not(:disabled){border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.white-scroll-btn:disabled{opacity:.5;cursor:not-allowed}.white-scroll-btn img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.white-scroll-btn .scroll-info{display:flex;flex-direction:column}.white-scroll-btn .scroll-name{font-size:14px;font-weight:600;color:#333}.white-scroll-btn .scroll-rate{font-size:12px;color:#888}.white-scroll-stats{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px}.white-scroll-stat-row{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #e9ecef}.white-scroll-stat-row:last-child{border-bottom:none}.white-scroll-stat-row .stat-label{font-size:13px;font-weight:600;color:#333;width:80px}.white-scroll-stat-row .stat-detail{font-size:13px;color:#666}.white-scroll-stat-row .stat-detail strong{color:#333}.white-scroll-stat-row .stat-detail.success strong{color:#28a745}.white-scroll-stat-row .stat-detail.fail strong{color:#dc3545}.white-reset-btn{width:100%;padding:14px;background:#f5f5f5;border:2px solid #ddd;border-radius:10px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.white-reset-btn:hover{background:#eee;border-color:#ccc}.chaos-scroll-simulator{max-width:1100px;margin:0 auto}.chaos-content{display:grid;grid-template-columns:1fr 200px 300px;gap:30px;background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 4px 20px #00000014}.chaos-item-area{background:linear-gradient(180deg,#2c3e50,#1a252f);border-radius:12px;padding:20px}.chaos-upgrade-select{display:flex;align-items:center;gap:6px;margin-bottom:10px;margin-left:50px;padding:8px 10px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:6px;flex-wrap:nowrap;width:250px}.chaos-upgrade-select>span{font-size:11px;font-weight:500;color:#fffc;white-space:nowrap;flex-shrink:0}.chaos-upgrade-select .upgrade-buttons{display:flex;gap:4px;flex-shrink:0}.chaos-upgrade-select button{padding:4px 7px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:11px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s}.chaos-upgrade-select button:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.chaos-upgrade-select button.active{background:linear-gradient(135deg,#e07020,#c45a18);border-color:#e07020;color:#fff}.chaos-item-info{background:#2c3e50;border-radius:10px;padding:16px;margin-bottom:16px}.chaos-item-name{font-size:16px;font-weight:700;color:#f1c40f;margin-bottom:12px;text-align:center}.chaos-item-detail{display:flex;gap:16px}.chaos-item-img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#0000004d;border-radius:8px;padding:8px}.chaos-item-stats{flex:1}.chaos-item-stats .stat-row{font-size:12px;color:#ecf0f1;padding:2px 0}.chaos-item-stats .stat-row.highlight{color:#3498db;font-weight:600;margin-top:4px}.chaos-result-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px;font-size:14px;font-weight:600}.chaos-result-stats .success{color:#27ae60}.chaos-result-stats .fail{color:#e74c3c}.chaos-reset-btn{width:100%;padding:12px;background:#fff;border:2px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chaos-reset-btn:hover{border-color:#e07020;color:#e07020}.chaos-inv-item{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:12px;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s}.chaos-inv-item:hover:not(.empty){border-color:#e07020;transform:translateY(-1px)}.chaos-inv-item.empty{opacity:.4;cursor:not-allowed}.chaos-inv-item img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.chaos-inv-item .count{position:absolute;bottom:4px;right:8px;font-size:12px;font-weight:700;color:#333;background:#ffffffe6;padding:2px 6px;border-radius:4px}.chaos-rankings{background:linear-gradient(145deg,#f725851a,#7209b71a);border-radius:12px;padding:16px}.chaos-ranking-filter{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;color:#ffffffb3;white-space:nowrap}.chaos-ranking-filter .filter-buttons{display:flex;gap:3px;flex-wrap:nowrap}.chaos-ranking-filter button{padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:11px;color:#ffffffb3;cursor:pointer;transition:all .2s;white-space:nowrap}.chaos-ranking-filter button:hover{background:#ffffff1f;color:#fff}.chaos-ranking-filter button.active{background:#3a3a5a;border-color:#5a5a8a;color:#fff}.chaos-ranking-section{margin-bottom:12px}.chaos-ranking-section:last-child{margin-bottom:0}.chaos-ranking-section h3{font-size:11px;font-weight:600;color:#fff;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #3a4a6b;display:flex;align-items:center;justify-content:center;gap:4px}.chaos-ranking-section .ranking-list{display:flex;flex-direction:column;gap:3px}.chaos-ranking-section .ranking-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#28283c99;border-radius:6px;border:none}.chaos-ranking-section .ranking-row.top-1{background:linear-gradient(135deg,#ffc83259,#ffaa0040);border:1px solid rgba(255,200,50,.5)}.chaos-ranking-section .ranking-row.top-2{background:linear-gradient(135deg,#b4b4c859,#9696b440);border:1px solid rgba(180,180,200,.5)}.chaos-ranking-section .ranking-row.top-3{background:linear-gradient(135deg,#dc8c3c59,#c8782840);border:1px solid rgba(220,140,60,.5)}.chaos-ranking-section .rank-num{font-size:12px;font-weight:600;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff9}.chaos-ranking-section .ranking-row.top-1 .rank-num{background:#ffc832e6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #ffc83280}.chaos-ranking-section .ranking-row.top-2 .rank-num{background:#8c96aae6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #8c96aa80}.chaos-ranking-section .ranking-row.top-3 .rank-num{background:#cd7f32e6;border-radius:50%;font-size:14px;color:#fff;box-shadow:0 0 6px #cd7f3280}.chaos-ranking-section .rank-name{flex:1;font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chaos-ranking-section .rank-score{font-size:11px;font-weight:700;color:#f75;white-space:nowrap;padding:2px 6px;background:#ff645026;border-radius:4px}.chaos-ranking-section .no-data{text-align:center;padding:16px;color:#ffffff80;font-size:11px}.chaos-history-section{margin-top:24px;background:#0003;border-radius:12px;padding:16px}.chaos-history-section h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}.chaos-history-badges{display:flex;flex-wrap:wrap;gap:6px}.chaos-history-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px}.chaos-history-badge.innocent{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.chaos-history-badge.chaos.success{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.chaos-history-badge.chaos.fail{background:#e74c3c4d;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.chaos-history-badge.amazingChaos.success{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.chaos-history-badge.amazingChaos.fail{background:#e91e634d;border:1px solid rgba(233,30,99,.5);color:#e91e63}.chaos-history-badge.white5.success,.chaos-history-badge.white10.success,.chaos-history-badge.white20.success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.chaos-history-badge.white5.fail,.chaos-history-badge.white10.fail,.chaos-history-badge.white20.fail{background:#e74c3c4d;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.chaos-history-empty{color:#fff6;font-size:13px;font-style:italic}@media (max-width: 900px){.chaos-content{grid-template-columns:1fr}.chaos-inventory{flex-direction:row;flex-wrap:wrap;justify-content:center}.chaos-inv-item{width:auto;padding:10px 16px}}@media (max-width: 600px){.white-scroll-buttons{grid-template-columns:1fr}.white-scroll-btn{padding:14px}.chaos-content{padding:16px}.chaos-item-info{padding:12px}.chaos-item-detail{flex-direction:column;align-items:center;text-align:center}}.incubator-page{max-width:900px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.incubator-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#2d3c5f,#0c1220);z-index:-1}.incubator-wrapper{background:linear-gradient(145deg,#1e2a4af2,#162035fa);border:2px solid rgba(80,100,140,.5);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d}.incubator-volume-box{position:absolute;right:-210px;top:40px}.incubator-volume-box .volume-control{margin-left:0}.incubator-header{text-align:center;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #3a4a6b}.incubator-header h1{font-size:28px;background:linear-gradient(to right,#fff5b3,#e6a800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-weight:700}.incubator-subtitle{font-size:13px;color:#fff9;margin-bottom:16px}.daily-count-area{display:flex;justify-content:center;align-items:center;gap:10px}.daily-count{display:inline-block;font-size:15px;color:#fff;font-weight:600;background:linear-gradient(135deg,#4361ee,#3a0ca3);padding:10px 24px;border-radius:25px;box-shadow:0 4px 15px #4361ee4d}.bonus-indicator{font-size:12px;color:gold;font-weight:600}.login-notice{margin-top:12px;font-size:13px;color:#f72585;font-weight:500}.incubator-loading{text-align:center;padding:100px 20px;font-size:18px;color:var(--cream)}.hatch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.incubator-main{display:flex;justify-content:center;align-items:flex-start;gap:40px;flex-wrap:wrap}.incubator-machine{background:linear-gradient(145deg,#161e37fa,#0f1628fc);border-radius:16px;padding:24px;box-shadow:0 10px 20px #0000004d;border:1px solid #1D2948;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.incubator-machine:hover{transform:translateY(-3px);box-shadow:0 15px 50px #0006}.competition-boost-toggle{margin-bottom:16px;width:100%;display:flex;justify-content:center}.boost-checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;padding:8px 16px;border:1px solid rgba(247,37,133,.5);border-radius:8px;background:#f725850d}.boost-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f72585}.boost-checkbox-text{color:#f72585;font-weight:600}.boost-info{color:#ffffff80;font-size:12px}.hatch-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.hatch-btn{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#5ee7df,#38b2ac);color:#fff;box-shadow:0 4px 15px #5ee7df4d}.hatch-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #5ee7df66}.hatch-btn.hatch-3{background:linear-gradient(135deg,#fed330,#f7b731);box-shadow:0 4px 15px #fed3304d}.hatch-btn.hatch-3:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #fed33066}.hatch-btn.hatch-5{background:linear-gradient(135deg,#f8a5c2,#e056fd);box-shadow:0 4px 15px #f8a5c24d}.hatch-btn.hatch-5:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #f8a5c266}.incubator-bg{width:400px;height:291px;background:url(/incubator/bg.png) no-repeat center;background-size:400px 291px;position:relative;cursor:pointer}.hatching-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.hatching-effect{width:60px;height:60px;border:4px solid #ffd700;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-item{position:absolute;top:83px;left:122px;width:55px;height:55px;display:flex;align-items:center;justify-content:center}.result-item .item-emoji{font-size:36px}.result-item .item-img-real{max-width:50px;max-height:50px;object-fit:contain}.result-item-name{position:absolute;top:155.5px;left:0;right:0;text-align:center;font-size:24px;font-weight:100;font-family:Malgun Gothic,맑은 고딕,sans-serif;color:#fff;line-height:1.2;-webkit-font-smoothing:antialiased;letter-spacing:.5px}.hatch-slide-results{display:flex;gap:8px;justify-content:center;margin-top:16px;padding:12px 16px;background:#0000000d;border-radius:12px;min-height:60px;width:400px;box-sizing:border-box}.slide-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;background:#fffc;border:1px solid rgba(201,149,108,.2);opacity:0;transform:translateY(10px) scale(.8);transition:all .3s ease}.slide-item.visible{opacity:1;transform:translateY(0) scale(1)}.slide-item.current{background:#ffd70033;border-color:#ffd70080;box-shadow:0 0 10px #ffd7004d}.slide-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.slide-item-icon .item-emoji{font-size:24px}.slide-item-icon .item-img-real{max-width:34px;max-height:34px;object-fit:contain}.slide-item-name{font-size:10px;color:#666;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incubator-inventory{flex-shrink:0;background:linear-gradient(145deg,#161e37fa,#0f1628fc);border-radius:16px;padding:20px;border:1px solid #1D2948;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.incubator-inventory:hover{transform:translateY(-3px);box-shadow:0 15px 50px #0006}.inventory-bg{width:210px;height:400px;background:url(/incubator/inventory.png) no-repeat top center;background-size:210px auto;position:relative}.inventory-bg:after{content:"";position:absolute;bottom:-15px;left:0;width:210px;height:88px;background:url(/incubator/inventory.png) no-repeat bottom center;background-size:210px auto;z-index:10}.inventory-items-container{position:absolute;top:63px;left:0;right:0;height:264px}.inventory-pagination{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:10000;pointer-events:auto}.inventory-pagination button{width:28px;height:28px;border:none;border-radius:4px;background:#000c;color:#fff;font-size:12px;cursor:pointer;transition:background .2s;pointer-events:auto;position:relative}.inventory-pagination button:hover:not(:disabled){background:#000c}.inventory-pagination button:disabled{opacity:.3;cursor:not-allowed}.inventory-pagination span{font-size:11px;color:#333;font-weight:600}.inventory-item{position:absolute;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.inventory-item:hover{z-index:9999}.inventory-item .item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.inventory-item .item-emoji{font-size:24px}.inventory-item .item-img-real{max-width:34px;max-height:34px;object-fit:contain}.inventory-item .drag-scroll-img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.inventory-item .drag-scroll-img.amazing-chaos-filter{filter:hue-rotate(280deg) saturate(1.5) brightness(1.2)}.inventory-item.disabled{opacity:.4;cursor:not-allowed}.inventory-item.unavailable{opacity:.5;cursor:not-allowed}.item-count{position:absolute;bottom:1px;right:1px;font-size:10px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.item-tooltip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 15px #0000004d}.item-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000f2}.inventory-item.top-row .item-tooltip{bottom:auto;top:calc(100% + 5px)}.inventory-item.top-row .item-tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#000000f2}.inventory-item:hover .item-tooltip{opacity:1;visibility:visible}.tooltip-name{font-weight:600;color:gold}.tooltip-rate{font-size:10px;color:#aaa}@media (max-width: 1200px){.incubator-volume-box{position:static;display:flex;justify-content:center;margin-bottom:16px}}@media (max-width: 900px){.incubator-main{flex-direction:column;align-items:center}.incubator-machine{padding:20px}.incubator-bg{width:100%;max-width:400px;height:auto;aspect-ratio:400 / 291;background-size:contain}.result-item{top:21%;left:29.5%;width:15%;height:auto}.result-item-name{top:53%;font-size:5vw}}@media (max-width: 480px){.incubator-page{padding:20px 10px}.incubator-header{padding:20px 15px;margin-bottom:30px}.incubator-header h1{font-size:16px;line-height:1.4}.daily-count{font-size:13px;padding:6px 16px}.login-notice{font-size:11px}.hatch-buttons{gap:8px}.hatch-btn{padding:10px 16px;font-size:12px}.incubator-machine{padding:15px}.incubator-bg{max-width:320px}.result-item-name{font-size:16px}.incubator-inventory{padding:15px}.inventory-bg{transform:scale(.85);transform-origin:top center}}.inventory-item{transition:transform .1s ease,opacity .15s ease,background .15s ease}.inventory-item .item-icon{transition:transform .1s ease}.inventory-item:not(.disabled):not(.unavailable):active{transform:scale(.85)}.inventory-item:not(.disabled):not(.unavailable):active .item-icon{transform:scale(.9)}.inventory-item.dragging{opacity:.5;background:#0000004d;transform:scale(.85);box-shadow:inset 0 0 10px #00000080}.inventory-item.dragging .item-icon{transform:scale(.8)}.inventory-item.dragging .item-count{opacity:.6}.maple-item-window{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.maple-item-window.drag-over{transform:scale(1.03);border-color:gold;box-shadow:0 0 15px #ffd700b3,0 0 30px #ffd70080,0 0 45px #ffd7004d,inset 0 0 20px #ffd7001a}.maple-item-window.drag-over .item-window-icon-center img{border:2px solid #ffd700;border-radius:4px;box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70080}.point-badge-wrapper{position:relative;display:inline-block}.header-point-badge{background:linear-gradient(135deg,#f5c842,#daa520,#b8860b);color:#fff;padding:4px 12px;border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .25s;box-shadow:0 2px 8px #daa52059;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;animation:pointBadgeBounce 4s ease-in-out infinite}.header-point-badge:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 60%);animation:pointBadgeShimmer 4s ease-in-out infinite;pointer-events:none}.header-point-badge:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 4px 16px #daa5208c;background:linear-gradient(135deg,#ffd54f,#f5c842,#daa520)}.header-point-badge:active{transform:translateY(0) scale(.95);box-shadow:0 1px 4px #daa5204d}@keyframes pointBadgeBounce{0%,to{transform:scale(1);box-shadow:0 2px 8px #daa52059}50%{transform:scale(1.06);box-shadow:0 3px 14px #daa5208c}}@keyframes pointBadgeShimmer{0%,70%,to{left:-60%}85%{left:120%}}.point-float-popup{position:fixed;top:70px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:18px;font-weight:800;padding:8px 22px;border-radius:16px;white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:0 4px 20px #ee5a2499;text-shadow:0 1px 3px rgba(0,0,0,.25);animation:pointFloatDown 2.2s ease-out forwards}.point-float-popup.mobile{top:60px;font-size:16px;padding:6px 18px}@keyframes pointFloatDown{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.5)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.25)}28%{opacity:1;transform:translate(-50%) translateY(4px) scale(1)}65%{opacity:1;transform:translate(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(30px) scale(.8)}}.header-point-badge.point-bump{animation:pointBumpEffect .6s ease-out,pointBadgeBounce 4s ease-in-out .6s infinite}@keyframes pointBumpEffect{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-user-point.point-bump{animation:pointBumpEffect .6s ease-out}.mobile-user-point{display:inline-block;background:linear-gradient(135deg,#f5c842,#daa520,#b8860b);color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-top:4px;cursor:pointer;box-shadow:0 2px 6px #daa5204d;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .25s;position:relative;overflow:visible}.point-balance-card{background:linear-gradient(135deg,#4a3728,#6b4c35,#4a3728);border-radius:16px;padding:28px 24px;margin-bottom:24px;color:#f5e6c8;text-align:center;box-shadow:0 4px 20px #4a37284d}.point-balance-label{font-size:13px;opacity:.8;margin-bottom:8px}.point-balance-amount{font-size:36px;font-weight:800;color:#daa520}.point-unit{font-size:18px;margin-left:4px;opacity:.8}.point-balance-stats{display:flex;justify-content:center;gap:32px;margin-top:16px}.point-stat{display:flex;flex-direction:column;gap:2px}.point-stat-label{font-size:11px;opacity:.7}.point-stat-value{font-size:14px;font-weight:600}.point-earned{color:#81c784}.point-spent{color:#ef9a9a}.point-login-required{text-align:center;padding:60px 20px;color:var(--text-medium)}.point-login-btn{margin-top:16px;padding:10px 32px;background:var(--wood-medium);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.point-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f0e6d3;border-radius:10px;padding:4px}.point-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-medium);transition:all .2s}.point-tab.active{background:#fff;color:var(--text-dark);font-weight:700;box-shadow:0 1px 3px #0000001a}.point-daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.point-daily-item{background:#fff;border-radius:10px;padding:14px;border:1px solid #e8dcc8;transition:border-color .2s}.point-daily-item.maxed{border-color:#c8e6c9;background:#f9fdf9}.point-daily-name{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.point-daily-progress{display:flex;align-items:center;gap:8px;margin-bottom:6px}.point-daily-bar{flex:1;height:6px;background:#e8e0d4;border-radius:3px;overflow:hidden}.point-daily-fill{height:100%;background:linear-gradient(90deg,#daa520,#b8860b);border-radius:3px;transition:width .3s}.point-daily-count{font-size:11px;color:var(--text-medium);white-space:nowrap}.point-daily-reward{font-size:11px;color:#daa520;font-weight:600}.point-history-filters{display:flex;gap:6px;margin-bottom:16px}.point-filter{padding:6px 14px;border:1px solid #d4c8b0;border-radius:16px;background:transparent;font-size:12px;cursor:pointer;color:var(--text-medium);transition:all .2s}.point-filter.active{background:var(--wood-medium);color:#fff;border-color:var(--wood-medium)}.point-transaction-list{display:flex;flex-direction:column;gap:1px;background:#e8dcc8;border-radius:10px;overflow:hidden}.point-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff}.point-tx-left{display:flex;flex-direction:column;gap:2px}.point-tx-type{font-size:11px;font-weight:700}.point-tx-desc{font-size:13px;color:var(--text-dark)}.point-tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.point-tx-amount{font-size:14px;font-weight:700}.point-tx-amount.positive{color:#2e7d32}.point-tx-amount.negative{color:#c62828}.point-tx-date{font-size:10px;color:#999}.point-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.point-pagination button{padding:6px 16px;border:1px solid #d4c8b0;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;color:var(--text-dark)}.point-pagination button:disabled{opacity:.4;cursor:not-allowed}.point-pagination span{font-size:12px;color:var(--text-medium)}.point-ranking-list{display:flex;flex-direction:column;gap:2px}.point-ranking-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e8dcc8}.point-ranking-item.top-1{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-color:#daa520}.point-ranking-item.top-2{background:linear-gradient(135deg,#f5f5f5,#eee);border-color:#bdbdbd}.point-ranking-item.top-3{background:linear-gradient(135deg,#fbe9e7,#ffccbc);border-color:#cd7f32}.point-rank-num{font-size:16px;font-weight:800;min-width:28px;text-align:center;color:var(--text-dark)}.point-ranking-item.top-1 .point-rank-num{color:#daa520}.point-ranking-item.top-2 .point-rank-num{color:#757575}.point-ranking-item.top-3 .point-rank-num{color:#cd7f32}.point-rank-user{flex:1;display:flex;flex-direction:column}.point-rank-name{font-size:14px;font-weight:600;color:var(--text-dark)}.point-rank-job{font-size:11px;color:var(--text-medium)}.point-rank-points{font-size:14px;font-weight:700;color:#daa520}button.point-shop-banner{display:flex;align-items:center;justify-content:space-between;width:100%;background:linear-gradient(135deg,#6b4c35,#8b6914);border:none;border-radius:12px;padding:18px 20px;margin-top:24px;cursor:pointer;transition:transform .2s;color:#f5e6c8;text-align:left;font-family:inherit}.point-shop-banner:hover{transform:translateY(-2px)}.point-shop-banner-text{display:flex;flex-direction:column;gap:4px}.point-shop-banner-title{font-size:16px;font-weight:700}.point-shop-banner-desc{font-size:12px;opacity:.8}.point-shop-banner-arrow{font-size:20px}.shop-balance-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4a3728,#6b4c35);color:#f5e6c8;padding:12px 20px;border-radius:10px;margin-bottom:16px;font-size:14px}.shop-balance-amount{font-weight:800;color:#daa520;font-size:16px}.shop-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f0e6d3;border-radius:10px;padding:4px}.shop-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-medium);transition:all .2s}.shop-tab.active{background:#fff;color:var(--text-dark);font-weight:700;box-shadow:0 1px 3px #0000001a}.shop-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.shop-item-card{background:#fff;border-radius:12px;border:1px solid #e8dcc8;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.shop-item-card:hover:not(.sold-out){transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.shop-item-card.sold-out{opacity:.6;cursor:default}.shop-item-image{position:relative;width:100%;aspect-ratio:1;background:#f5f0e8;overflow:hidden}.shop-item-image img{width:100%;height:100%;object-fit:cover}.shop-item-no-image{display:flex;align-items:center;justify-content:center;height:100%;color:#bbb;font-size:12px}.shop-item-soldout-badge{position:absolute;top:8px;right:8px;background:#c62828;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.shop-item-info{padding:12px}.shop-item-name{font-size:14px;font-weight:600;color:var(--text-dark);display:block;margin-bottom:4px}.shop-item-desc{font-size:11px;color:var(--text-medium);display:block;margin-bottom:8px;line-height:1.4}.shop-item-footer{display:flex;justify-content:space-between;align-items:center}.shop-item-price{font-size:14px;font-weight:800;color:#daa520}.shop-item-stock{font-size:11px;color:var(--text-medium)}.shop-purchase-modal{text-align:center;padding:20px 24px}.shop-purchase-image{width:120px;height:120px;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:#f5f0e8;border:2px solid #e8dcc8}.shop-purchase-image img{width:100%;height:100%;object-fit:cover}.shop-purchase-name{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:6px;word-break:break-word}.shop-purchase-desc{font-size:13px;color:var(--text-medium);margin-bottom:16px;line-height:1.5;word-break:break-word}.shop-purchase-price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #e8dcc8;font-size:14px;color:var(--text-dark);background:#faf6f0;margin:0 -24px}.shop-purchase-price-row:first-of-type{margin-top:8px}.shop-purchase-price-row span:first-child{color:var(--text-medium);font-size:13px}.shop-purchase-price-row span:last-child{font-weight:600;font-size:15px}.shop-purchase-price{font-weight:700!important;color:#c62828!important}.insufficient{color:#c62828!important;font-weight:700!important}.shop-purchase-warning{margin-top:16px;color:#c62828;font-size:13px;font-weight:600;padding:10px;background:#fff0f0;border-radius:8px}.shop-purchase-btn{margin-top:16px;width:100%;padding:14px;background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #daa5204d}.shop-purchase-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #daa52066}.shop-purchase-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.shop-order-list{display:flex;flex-direction:column;gap:1px;background:#e8dcc8;border-radius:10px;overflow:hidden}.shop-order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff}.shop-order-left{display:flex;align-items:center;gap:8px}.shop-order-name{font-size:14px;font-weight:600}.shop-order-qty{font-size:12px;color:var(--text-medium)}.shop-order-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.shop-order-price{font-size:13px;font-weight:700;color:#c62828}.shop-order-date{font-size:10px;color:#999}.announcement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:announceFadeIn .25s ease-out}@keyframes announceFadeIn{0%{opacity:0}to{opacity:1}}@keyframes announceSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.announcement-popup{background:#fff;border-radius:16px;width:100%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff14;overflow:hidden;animation:announceSlideUp .3s ease-out}.announcement-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid #f0e6d3;flex-shrink:0}.announcement-type-badge{padding:3px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.announcement-date{font-size:11px;color:#aaa;flex-shrink:0}.announcement-counter{font-size:11px;color:#999;margin-left:auto;flex-shrink:0}.announcement-close{margin-left:auto;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#bbb;padding:0 2px;transition:color .15s}.announcement-counter~.announcement-close{margin-left:0}.announcement-close:hover{color:#666}.announcement-title{font-size:17px;font-weight:700;padding:20px 24px 10px;color:var(--text-dark);margin:0;line-height:1.4}.announcement-content{padding:0 24px 20px;font-size:13.5px;line-height:1.8;color:var(--text-medium);overflow-y:auto;flex:1;word-break:keep-all}.announcement-content b,.announcement-content strong{color:var(--text-dark);font-weight:600}.announcement-footer{display:flex;gap:10px;padding:16px 24px 20px;border-top:1px solid #f0e6d3;flex-shrink:0}.announcement-confirm-btn{flex:1;padding:12px;background:linear-gradient(135deg,#4a3728,#6b4c35);color:#f5e6c8;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.announcement-confirm-btn:hover{opacity:.9}.announcement-confirm-btn:active{opacity:.8}.announcement-dismiss-all{padding:12px 16px;background:transparent;border:1px solid #d4c8b0;border-radius:10px;font-size:13px;color:var(--text-medium);cursor:pointer;transition:background .15s}.announcement-dismiss-all:hover{background:#faf6f0}@media (max-width: 520px){.announcement-overlay{padding:12px;align-items:flex-end}.announcement-popup{max-width:100%;max-height:85vh;border-radius:16px 16px 12px 12px}.announcement-header{padding:14px 16px}.announcement-title{font-size:16px;padding:16px 18px 8px}.announcement-content{padding:0 18px 16px;font-size:13px;line-height:1.75}.announcement-footer{padding:14px 18px 16px}.announcement-confirm-btn{padding:13px;font-size:14px}}.point-config-list{display:flex;flex-direction:column;gap:8px}.point-config-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e8dcc8;flex-wrap:wrap;gap:8px}.point-config-info{display:flex;flex-direction:column;min-width:100px}.point-config-name{font-size:13px;font-weight:600;color:var(--text-dark)}.point-config-type{font-size:10px;color:#999}.point-config-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.point-config-controls label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-medium)}.point-config-controls input[type=number]{width:48px;padding:4px 6px;border:1px solid #d4c8b0;border-radius:4px;font-size:12px;text-align:center}.point-config-toggle{display:flex;align-items:center;gap:4px}.point-config-toggle input[type=checkbox]{width:16px;height:16px}.point-users-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.point-user-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-radius:6px;border:1px solid #e8dcc8}.point-user-info{display:flex;align-items:center;gap:10px}.point-user-name{font-size:13px;font-weight:600}.point-user-balance{font-size:13px;font-weight:700;color:#daa520}.point-user-actions{display:flex;gap:6px}.admin-shop-header,.admin-announce-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-add-item{padding:8px 16px;background:var(--wood-medium);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.shop-admin-list{display:flex;flex-direction:column;gap:8px}.shop-admin-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e8dcc8}.shop-admin-item.inactive{opacity:.5}.shop-admin-image{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f5f0e8}.shop-admin-image img{width:100%;height:100%;object-fit:cover}.shop-admin-image .no-img{display:flex;align-items:center;justify-content:center;height:100%;font-size:9px;color:#bbb}.shop-admin-info{flex:1;display:flex;flex-direction:column}.shop-admin-name{font-size:13px;font-weight:600}.shop-admin-price{font-size:11px;color:var(--text-medium)}.shop-admin-actions{display:flex;gap:6px}.shop-form-modal,.announce-form-modal,.profile-edit-modal{padding:20px 24px}.shop-form-modal .form-group,.announce-form-modal .form-group,.profile-edit-modal .form-group{margin-bottom:14px}.shop-form-modal .form-group label,.announce-form-modal .form-group label,.profile-edit-modal .form-group label{display:block;font-size:13px;font-weight:600;color:var(--wood-dark);margin-bottom:6px}.shop-form-modal .form-group input,.shop-form-modal .form-group select,.shop-form-modal .form-group textarea,.announce-form-modal .form-group input,.announce-form-modal .form-group select,.announce-form-modal .form-group textarea,.profile-edit-modal .form-group input,.profile-edit-modal .form-group select{width:100%;padding:10px 14px;font-size:14px;font-family:inherit;border:2px solid rgba(74,55,40,.15);border-radius:8px;background:var(--cream-light);transition:border-color .2s}.shop-form-modal .form-group input:focus,.shop-form-modal .form-group select:focus,.shop-form-modal .form-group textarea:focus,.announce-form-modal .form-group input:focus,.announce-form-modal .form-group select:focus,.announce-form-modal .form-group textarea:focus,.profile-edit-modal .form-group input:focus,.profile-edit-modal .form-group select:focus{outline:none;border-color:var(--maple-orange);background:#fff}.shop-form-modal .form-group textarea,.announce-form-modal .form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.shop-form-modal .form-group select,.announce-form-modal .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a3728' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.shop-form-modal .form-row,.announce-form-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-form-modal .form-row .form-group,.announce-form-modal .form-row .form-group{margin-bottom:14px}.shop-form-modal .form-group input[type=file]{padding:8px;font-size:12px;background:#fff}.btn-save-profile,.shop-form-modal>button,.announce-form-modal>button{display:block;width:100%;padding:12px;margin-top:8px;background:linear-gradient(135deg,var(--wood-medium),var(--wood-dark));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.btn-save-profile:hover,.shop-form-modal>button:hover,.announce-form-modal>button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #4a372840}.announce-admin-list{display:flex;flex-direction:column;gap:8px}.announce-admin-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid #e8dcc8;flex-wrap:wrap;gap:8px}.announce-admin-item.inactive{opacity:.5}.announce-admin-info{display:flex;align-items:center;gap:8px;flex:1}.announce-type-tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.announce-type-tag.type-info{background:#1565c0}.announce-type-tag.type-feature{background:#2e7d32}.announce-type-tag.type-event{background:#e65100}.announce-type-tag.type-maintenance{background:#c62828}.announce-admin-title{font-size:13px;font-weight:600}.announce-admin-date{font-size:11px;color:#999}.announce-admin-actions{display:flex;gap:6px}.audit-log-list{display:flex;flex-direction:column;gap:4px}.audit-log-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-radius:6px;border:1px solid #e8dcc8}.audit-log-info{display:flex;gap:8px}.audit-log-action{font-size:12px;font-weight:600;color:var(--text-dark)}.audit-log-target{font-size:12px;color:var(--text-medium)}.audit-log-meta{display:flex;flex-direction:column;align-items:flex-end}.audit-log-admin{font-size:11px;font-weight:600}.audit-log-date{font-size:10px;color:#999}.error-state{text-align:center;padding:40px 20px;background:#fef8f0;border:1px solid #e8dcc8;border-radius:12px}.error-state p{font-size:14px;color:var(--text-medium);margin:0 0 16px}.retry-btn{padding:10px 24px;background:linear-gradient(135deg,#4a3728,#6b4c35);color:#f5e6c8;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.retry-btn:hover{opacity:.9}@media (max-width: 768px){.point-daily-grid{grid-template-columns:1fr}.shop-item-grid{grid-template-columns:repeat(2,1fr);gap:10px}.point-config-item{flex-direction:column;align-items:flex-start}.point-config-controls{width:100%}.shop-admin-item{flex-wrap:wrap}.announce-admin-item{flex-direction:column;align-items:flex-start}.announce-admin-actions{width:100%;justify-content:flex-end}.point-tabs,.shop-tabs{flex-wrap:wrap}.point-transaction-item{flex-direction:column;gap:6px}.point-tx-right{text-align:left}.point-ranking-item{padding:10px 12px}.point-rank-points{font-size:13px}.modal-content{width:95%;max-width:none;max-height:85vh;border-radius:12px}.modal-header{padding:16px 18px}.modal-header h3{font-size:16px}.shop-purchase-modal{padding:16px 18px}.shop-purchase-image{width:100px;height:100px;margin:0 auto 12px}.shop-purchase-name{font-size:16px}.shop-purchase-price-row{margin:0 -18px;padding:10px 18px;font-size:13px}.shop-purchase-price-row span:last-child{font-size:14px}.shop-purchase-btn{padding:13px;font-size:15px}.shop-form-modal,.announce-form-modal,.profile-edit-modal{padding:16px 18px}.shop-form-modal .form-row,.announce-form-modal .form-row{grid-template-columns:1fr;gap:0}.shop-form-modal .form-group input,.shop-form-modal .form-group select,.shop-form-modal .form-group textarea,.announce-form-modal .form-group input,.announce-form-modal .form-group select,.announce-form-modal .form-group textarea{font-size:16px;padding:10px 12px}.announce-form-modal .form-group textarea{min-height:120px}.btn-save-profile,.shop-form-modal>button,.announce-form-modal>button{padding:14px;font-size:15px}}@media (max-width: 480px){.shop-item-grid{grid-template-columns:repeat(2,1fr);gap:8px}.shop-purchase-modal{padding:14px 16px}.shop-purchase-image{width:80px;height:80px}.shop-purchase-name{font-size:15px}.shop-purchase-price-row{margin:0 -16px;padding:9px 16px;font-size:13px}.shop-purchase-btn{padding:12px;font-size:14px}.point-balance-amount{font-size:28px}.point-balance-stats{gap:20px}.point-tab,.shop-tab{font-size:12px;padding:8px 10px}.point-ranking-item{flex-wrap:wrap;gap:4px}.point-rank-user{flex:1;min-width:0}.point-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.modal-content{width:98%;margin:0 4px}.shop-form-modal,.announce-form-modal,.profile-edit-modal{padding:14px 16px}.shop-form-modal .form-group label,.announce-form-modal .form-group label{font-size:12px}}.styled-name{display:inline-flex;align-items:center;gap:4px}.styled-name-text{font-weight:600;color:#111}.user-title-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:#3a3a4a;color:#bbb;margin-right:4px;line-height:1.4;white-space:nowrap;border:1px solid #4a4a5a}.user-title-badge.title-common{background:#3a3a4a;color:#bbb;border-color:#4a4a5a}.user-title-badge.title-rare{background:linear-gradient(135deg,#1a3a6e,#1e4d8a);color:#7cb9ff;border-color:#3b82f6;box-shadow:0 0 4px #3b82f633}.user-title-badge.title-epic{background:linear-gradient(135deg,#3a1a5e,#4a2272);color:#c084fc;border-color:#a855f7;box-shadow:0 0 6px #a855f740}.user-title-badge.title-legendary{background:linear-gradient(135deg,#5a3a00,#6b4400);color:gold;border-color:orange;box-shadow:0 0 8px #ffa5004d;animation:titleLegendaryGlow 2.5s ease-in-out infinite}@keyframes titleLegendaryGlow{0%,to{box-shadow:0 0 6px #ffa50033}50%{box-shadow:0 0 12px #ffd70080}}.user-title-badge.preview{font-size:12px;padding:2px 8px}.rainbow-name .styled-name-text{background:linear-gradient(90deg,red,#f70,#fd0,#0f0,#07f,#70f,#f0f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowShift 3s linear infinite}@keyframes rainbowShift{0%{background-position:0% center}to{background-position:200% center}}.aurora-name .styled-name-text{background:linear-gradient(90deg,#00c9ff,#92fe9d,#00c9ff,khaki,#00c9ff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:auroraShift 5s ease-in-out infinite}@keyframes auroraShift{0%{background-position:0% center}50%{background-position:150% center}to{background-position:300% center}}.hologram-name .styled-name-text{background:linear-gradient(90deg,silver,#e8d5e0,#a8d8ea,silver,#e8d5e0);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hologramShift 3s linear infinite;filter:brightness(1.2) contrast(1.1)}@keyframes hologramShift{0%{background-position:0% center;filter:brightness(1.1) hue-rotate(0deg)}50%{background-position:100% center;filter:brightness(1.3) hue-rotate(30deg)}to{background-position:200% center;filter:brightness(1.1) hue-rotate(0deg)}}.inferno-name .styled-name-text{background:linear-gradient(90deg,#ff4500,#ff8c00,gold,#ff4500);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:infernoShift 2s ease-in-out infinite;text-shadow:none}@keyframes infernoShift{0%,to{background-position:0% center;filter:brightness(1)}50%{background-position:100% center;filter:brightness(1.3)}}.galaxy-name .styled-name-text{background:linear-gradient(90deg,#667eea,#764ba2,#6b8dd6,#8e54e9,#667eea);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:galaxyShift 4s ease-in-out infinite}@keyframes galaxyShift{0%{background-position:0% center}50%{background-position:150% center}to{background-position:300% center}}.glow-name .styled-name-text{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.profile-frame{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.profile-frame img{border-radius:50%;width:100%;height:100%;object-fit:cover}.frame-size-sm{width:36px;height:36px}.frame-size-md{width:56px;height:56px}.frame-size-lg{width:80px;height:80px}.frame-none{border:2px solid #3a3a5c}.frame-white{border:3px solid #e8e8e8;box-shadow:0 0 4px #ffffff26}.frame-black{border:3px solid #2a2a2a;box-shadow:0 0 4px #0000004d,inset 0 0 2px #ffffff0d}.frame-wood{border:3px solid #8b6914;box-shadow:0 0 6px #8b691433}.frame-steel{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#708090,#a8b0b8,#708090);background-origin:border-box;background-clip:padding-box,border-box}.frame-silver{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,silver,#e8e8e8,silver);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 8px #c0c0c04d}.frame-gold{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,gold,#fa0,gold);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 8px #ffd7004d}.frame-rosegold{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#e8a87c,#d4838f,#e8a87c);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 8px #d4838f4d}.frame-sakura{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#ffb7c5,#ff69b4,#ffb7c5);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 8px #ff69b433}.frame-ocean{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#0077b6,#00b4d8,#0077b6);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 8px #00b4d833}.frame-neon{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#0f8,#0cf,#84f);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #0f86;animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 8px #00ff884d}50%{box-shadow:0 0 16px #00c8ff80}}.frame-fire{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#ff4500,#ff8c00,gold);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #ff450066;animation:firePulse 1.5s ease-in-out infinite}@keyframes firePulse{0%,to{box-shadow:0 0 8px #ff45004d}50%{box-shadow:0 0 16px #ff8c0099}}.frame-ice{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#87ceeb,#4fc3f7,#81d4fa);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 10px #4fc3f74d}.frame-lightning{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,gold,#448aff,gold);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 10px #448aff4d;animation:lightningFlash 3s ease-in-out infinite}@keyframes lightningFlash{0%,90%,to{box-shadow:0 0 8px #448aff33}93%{box-shadow:0 0 20px #ffd700cc}96%{box-shadow:0 0 8px #448aff33}98%{box-shadow:0 0 16px #ffd70099}}.frame-poison{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#1b5e20,#76ff03,#1b5e20);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 10px #76ff0340;animation:poisonPulse 2.5s ease-in-out infinite}@keyframes poisonPulse{0%,to{box-shadow:0 0 8px #76ff0326}50%{box-shadow:0 0 14px #76ff0366}}.frame-legendary{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#ff0080,#ff8c00,gold,#0f8,#08f,#80f);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,300% 300%;animation:legendaryFrame 4s linear infinite;box-shadow:0 0 14px #ff008066}@keyframes legendaryFrame{0%{background-position:0,0% 0%}to{background-position:0,100% 100%}}.frame-dragon{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#b71c1c,#ff6f00,gold,#ff6f00,#b71c1c);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200% 200%;animation:dragonFrame 3s ease-in-out infinite;box-shadow:0 0 12px #b71c1c66}@keyframes dragonFrame{0%,to{background-position:0,0% 50%;box-shadow:0 0 10px #b71c1c4d}50%{background-position:0,100% 50%;box-shadow:0 0 18px #ff6f0080}}.frame-starlight{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#1a237e,#7c4dff,#b388ff,#7c4dff,#1a237e);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200% 200%;animation:starlightFrame 3.5s ease-in-out infinite;box-shadow:0 0 12px #7c4dff59}@keyframes starlightFrame{0%,to{background-position:0,0% 50%;box-shadow:0 0 10px #7c4dff33}50%{background-position:0,100% 50%;box-shadow:0 0 18px #b388ff80}}.frame-bosskiller{border:3px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#880e4f,#e53935,#ff6f00,#e53935,#880e4f);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200% 200%;animation:bosskillFrame 2s ease-in-out infinite;box-shadow:0 0 14px #e5393566}@keyframes bosskillFrame{0%,to{background-position:0,0% 50%;box-shadow:0 0 10px #e539354d}50%{background-position:0,100% 50%;box-shadow:0 0 20px #e53935b3}}.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell-btn{background:none;border:none;font-size:18px;cursor:pointer;position:relative;padding:4px;line-height:1;opacity:.8;transition:opacity .2s}.notification-bell-btn:hover{opacity:1}.notification-badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notification-panel{position:absolute;top:100%;right:0;width:320px;max-height:420px;background:#1e1e3a;border:1px solid #3a3a5c;border-radius:12px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden;animation:notifSlideDown .2s ease}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2a2a4a;font-weight:700;color:#e0e0ff}.notification-panel-header button{background:none;border:none;color:#8b8baa;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.notification-panel-header button:hover{background:#2a2a4a;color:#a0a0ff}.notification-list{max-height:360px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #1a1a30}.notification-item:hover{background:#2a2a4a}.notification-item.unread{background:#1a1a40}.notification-dot{width:8px;height:8px;border-radius:50%;background:#6366f1;flex-shrink:0;margin-top:6px}.notification-icon{font-size:16px;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-text{font-size:13px;color:#c0c0e0;display:block;line-height:1.4}.notification-text strong{color:#e0e0ff}.notification-time{font-size:11px;color:#6b6b8a;margin-top:2px;display:block}.notification-empty{text-align:center;color:#6b6b8a;padding:32px 16px;font-size:13px}.roulette-page{max-width:600px;margin:0 auto;padding:16px}.roulette-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.roulette-header h1{font-size:22px;color:#e0e0ff;margin:0}.roulette-content{display:flex;flex-direction:column;gap:24px}.roulette-balance{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e1e3a,#2a2a4e);border:1px solid #3a3a5c;border-radius:12px;padding:14px 20px}.roulette-balance-label{font-size:14px;color:#8b8baa}.roulette-balance-amount{font-size:22px;font-weight:800;color:#fbbf24}.roulette-wheel-container{position:relative;width:280px;height:280px;margin:0 auto}.roulette-pointer{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:28px;color:#fbbf24;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));text-shadow:0 0 8px rgba(251,191,36,.6)}.roulette-wheel{width:100%;height:100%;border-radius:50%;position:relative;border:4px solid #fbbf24;box-shadow:0 0 24px #fbbf244d,inset 0 0 20px #0000004d;overflow:hidden}.roulette-segment-label{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;z-index:2}.roulette-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:linear-gradient(135deg,#1a1a2e,#2a2a4e);border:3px solid #fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5}.roulette-wheel-center span{font-size:12px;font-weight:800;color:#fbbf24}.roulette-spin-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.roulette-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.roulette-spin-btn:disabled{opacity:.5;cursor:not-allowed}.roulette-spin-btn.free{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 12px #f59e0b4d;animation:freeSpinPulse 1.5s ease-in-out infinite}@keyframes freeSpinPulse{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 6px 20px #f59e0b99}}.roulette-prize-list{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:12px;padding:16px}.roulette-prize-list h3{font-size:14px;color:#8b8baa;margin:0 0 12px}.roulette-prize-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1a1a30}.roulette-prize-item:last-child{border-bottom:none}.roulette-prize-icon{font-size:20px;width:28px;text-align:center}.roulette-prize-info{flex:1;display:flex;flex-direction:column;gap:2px}.roulette-prize-name{font-size:13px;color:#e0e0ff;font-weight:600}.roulette-prize-value{font-size:11px;color:#fbbf24}.roulette-prize-rarity{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px}.roulette-prize-rarity.legendary{background:#ff6b0026;color:#ff6b00}.roulette-prize-rarity.rare{background:#3b82f626;color:#3b82f6}.roulette-prize-rarity.uncommon{background:#22c55e26;color:#22c55e}.roulette-prize-rarity.common{background:#9ca3af1a;color:#9ca3af}.roulette-history{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:12px;padding:16px}.roulette-history h3{font-size:14px;color:#8b8baa;margin:0 0 12px}.roulette-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #1a1a30}.roulette-history-item:last-child{border-bottom:none}.roulette-history-left{display:flex;align-items:center;gap:8px}.roulette-history-name{font-size:13px;color:#c0c0e0}.roulette-history-right{display:flex;align-items:center;gap:8px}.roulette-history-reward{font-size:12px;font-weight:700;color:#22c55e}.roulette-history-reward.hatch{color:#a855f7}.roulette-history-free{font-size:10px;padding:2px 6px;background:#f59e0b26;color:#f59e0b;border-radius:4px;font-weight:600}.roulette-history-cost{font-size:11px;color:#ef4444}.roulette-history-time{font-size:11px;color:#6b6b8a}.roulette-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s}.roulette-result-card{background:linear-gradient(135deg,#1e1e3a,#2a2a4e);border:2px solid #fbbf24;border-radius:20px;padding:36px 32px;text-align:center;min-width:280px;animation:resultBounce .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px #fbbf2433}@keyframes resultBounce{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.roulette-result-icon{font-size:48px;margin-bottom:12px}.roulette-result-name{font-size:20px;font-weight:800;color:#e0e0ff;margin-bottom:8px}.roulette-result-reward{font-size:24px;font-weight:800;color:#22c55e;margin-bottom:8px}.roulette-result-free-tag{display:inline-block;background:#f59e0b26;color:#f59e0b;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;margin-bottom:8px}.roulette-result-balance{font-size:13px;color:#8b8baa;margin-bottom:16px}.roulette-result-close-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:10px 32px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.roulette-result-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.customize-tab{display:flex;flex-direction:column;gap:20px}.customize-preview-card{background:linear-gradient(135deg,#1e1e3a,#2a2a4e);border:1px solid #3a3a5c;border-radius:12px;padding:20px;text-align:center}.customize-preview-card h4{font-size:13px;color:#8b8baa;margin:0 0 12px}.customize-my-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.customize-my-preview img{border-radius:50%;width:100%;height:100%;object-fit:cover}.avatar-default-large{font-size:28px}.customize-my-name{font-size:16px;color:#e8e0f0}.customize-my-name .styled-name-text{color:#e8e0f0}.customize-frame-preview-icon{font-size:18px}.customize-categories{display:flex;gap:8px}.customize-cat-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1px solid #2a2a4a;background:#1a1a30;border-radius:10px;cursor:pointer;transition:all .2s;color:#8b8baa}.customize-cat-btn:hover{border-color:#4a4a6a}.customize-cat-btn.active{border-color:#6366f1;background:#6366f11a;color:#a0a0ff}.cat-label{font-size:12px;font-weight:600}.customize-rarity-filter{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.rarity-filter-btn{padding:4px 12px;border:1px solid #2a2a4a;background:#1a1a30;border-radius:16px;cursor:pointer;font-size:12px;font-weight:600;color:#8b8baa;transition:all .2s}.rarity-filter-btn:hover{border-color:#4a4a6a}.rarity-filter-btn.active{border-color:#6366f1;background:#6366f126;color:#a0a0ff}.rarity-filter-btn.active.rarity-common{border-color:#6b7280;color:#bbb;background:#6b728026}.rarity-filter-btn.active.rarity-rare{border-color:#3b82f6;color:#7cb9ff;background:#3b82f626}.rarity-filter-btn.active.rarity-epic{border-color:#a855f7;color:#c084fc;background:#a855f726}.rarity-filter-btn.active.rarity-legendary{border-color:orange;color:gold;background:#ffa50026}.customize-item-card.rarity-legendary{border-color:#ffa50033}.customize-item-card.rarity-legendary:hover{border-color:#ffa50066;box-shadow:0 0 10px #ffa5001a}.customize-item-card.rarity-epic{border-color:#a855f726}.customize-item-card.rarity-epic:hover{border-color:#a855f74d}.customize-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.customize-item-card{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:all .2s}.customize-item-card:hover{border-color:#4a4a6a;transform:translateY(-2px)}.customize-item-card.owned{border-color:#3a5a3a;background:#1a2a1a}.customize-item-card.equipped{border-color:#6366f1;background:#6366f114;box-shadow:0 0 12px #6366f126}.customize-item-header{display:flex;justify-content:space-between;align-items:center}.customize-item-rarity{font-size:10px;font-weight:700;text-transform:uppercase}.equipped-badge{font-size:10px;font-weight:700;color:#6366f1;background:#6366f126;padding:2px 8px;border-radius:6px}.customize-item-preview{min-height:36px;display:flex;align-items:center;justify-content:center}.customize-item-info{display:flex;flex-direction:column;gap:2px}.customize-item-name{font-size:13px;font-weight:600;color:#e0e0ff}.customize-item-desc{font-size:11px;color:#6b6b8a}.customize-item-action{margin-top:auto}.customize-buy-btn{width:100%;padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e;transition:all .2s}.customize-buy-btn:hover:not(:disabled){transform:translateY(-1px)}.customize-buy-btn:disabled{opacity:.5;cursor:not-allowed}.customize-equip-btn{width:100%;padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:all .2s}.customize-equip-btn:hover:not(:disabled){transform:translateY(-1px)}.customize-equip-btn:disabled{opacity:.5;cursor:not-allowed}.customize-unequip-btn{width:100%;padding:8px;border:1px solid #3a3a5c;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;background:transparent;color:#8b8baa;transition:all .2s}.customize-unequip-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}@media (max-width: 768px){.notification-panel{position:fixed;top:56px;left:0;right:0;width:100%;max-height:calc(100vh - 56px);border-radius:0 0 12px 12px}.roulette-wheel-container{width:240px;height:240px}.customize-items-grid{grid-template-columns:repeat(2,1fr)}.customize-categories{flex-wrap:nowrap;overflow-x:auto}}@media (max-width: 480px){.roulette-wheel-container{width:220px;height:220px}.roulette-result-card{padding:24px 20px;min-width:260px}.customize-items-grid{grid-template-columns:repeat(2,1fr);gap:8px}.customize-item-card{padding:10px}}.rich-editor-wrapper{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.rich-editor-toolbar{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;background:#f8fafc}.rich-toolbar-btn{padding:4px 9px;border:1px solid transparent;border-radius:5px;cursor:pointer;background:none;font-size:13px;color:#374151;line-height:1.4;transition:background .15s,border-color .15s}.rich-toolbar-btn:hover{background:#e9eef5}.rich-toolbar-btn.is-active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.rich-toolbar-divider{width:1px;height:22px;background:#d1d5db;margin:3px 4px;align-self:center}.rich-toolbar-select{padding:3px 6px;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:12px;color:#374151;cursor:pointer;height:28px;outline:none}.rich-toolbar-select:focus{border-color:#93c5fd}.rich-toolbar-select.font-select{max-width:96px}.rich-toolbar-select.size-select{max-width:60px}.rich-editor-content{padding:14px 18px;min-height:320px;outline:none;font-size:14px;line-height:1.7;color:#374151}.rich-editor-content:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.rich-editor-content p{margin:.4em 0}.rich-editor-content h2{font-size:1.3em;font-weight:700;margin:.8em 0 .4em}.rich-editor-content h3{font-size:1.1em;font-weight:700;margin:.6em 0 .3em}.rich-editor-content ul,.rich-editor-content ol{padding-left:1.4em;margin:.4em 0}.rich-editor-content blockquote{border-left:3px solid #cbd5e1;padding-left:12px;color:#6b7280;margin:.5em 0}.rich-editor-content strong{font-weight:700}.rich-editor-content em{font-style:italic}.rich-editor-content s{text-decoration:line-through}.rich-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.board-text.rich-content{font-size:14px;line-height:1.7;color:#374151}.rich-content p{margin:.4em 0}.rich-content h2{font-size:1.2em;font-weight:700;margin:.8em 0 .3em}.rich-content h3{font-size:1.05em;font-weight:700;margin:.6em 0 .2em}.rich-content ul,.rich-content ol{padding-left:1.4em;margin:.4em 0}.rich-content blockquote{border-left:3px solid #cbd5e1;padding-left:12px;color:#6b7280;margin:.5em 0}.rich-content strong{font-weight:700}.rich-content em{font-style:italic}.rich-content s{text-decoration:line-through}.rich-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.editor-hint{font-size:11px;color:#9ca3af;font-weight:400;margin-left:6px}.mureung-page{max-width:900px;margin:0 auto}.mureung-page .page-header{margin-top:20px}.mureung-page .page-header h2{font-size:22px;color:var(--cream);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.mureung-tabs{display:flex;gap:6px;margin-bottom:20px;background:#0003;padding:6px;border-radius:10px}.mureung-tab-btn{flex:1;padding:9px 14px;border:none;border-radius:7px;background:transparent;color:#f5e6c8b3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.mureung-tab-btn:hover{background:#ffffff14;color:var(--cream)}.mureung-tab-btn.active{background:var(--maple-orange);color:#fff;box-shadow:0 2px 8px #e0702066}.mureung-round-badge{display:inline-flex;align-items:center;gap:10px;background:#daa52026;border:1px solid rgba(218,165,32,.35);border-radius:8px;padding:6px 14px;margin-bottom:16px}.mureung-round-boss{font-size:13px;font-weight:700;color:var(--maple-gold)}.mureung-round-date{font-size:12px;color:#f5e6c8b3}.mureung-filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.mureung-select{padding:7px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.15);background:#00000059;color:var(--cream);font-size:13px;cursor:pointer;min-width:160px}.mureung-select option{background:#2a1f14;color:var(--cream)}.mureung-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.mureung-table{width:100%;border-collapse:collapse;font-size:15px}.mureung-table th{background:#00000059;color:#f5e6c8b3;font-weight:600;padding:14px 20px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.mureung-table td{height:180px;padding:8px 20px;border-top:1px solid rgba(255,255,255,.06);color:var(--cream);vertical-align:middle}.mureung-table tr:hover td{background:#ffffff0a}.mureung-top1 td{background:#daa5201f}.mureung-top2 td{background:#b4b4b414}.mureung-top3 td{background:#b4783c1a}.mureung-rank-cell{width:72px;text-align:center}.mureung-medal{font-size:32px}.mureung-rank-num{font-weight:700;font-size:22px;color:#f5e6c8cc}.mureung-char-cell{display:flex;align-items:center;gap:18px;min-width:220px}.mureung-char-info{display:flex;flex-direction:column;gap:5px;min-width:0}.mureung-avatar-wrap{border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.mureung-avatar{width:100%;height:100%;object-fit:cover;transform:scale(1.2);display:block}.mureung-avatar-placeholder{border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--cream);flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.mureung-username{font-weight:700;font-size:18px}.mureung-char-sub{font-size:14px;color:#f5e6c880;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mureung-job-cell{color:#f5e6c8bf;font-size:16px}.mureung-job-rank{font-size:14px;color:var(--maple-gold);font-weight:600;margin-left:4px;opacity:.9}.mureung-score-cell{font-size:20px;font-weight:700;color:var(--maple-gold);text-align:right}.mureung-score-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mureung-prev-rank{font-size:13px;color:#f5e6c873;font-weight:400}.mureung-round-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:#f5e6c873;font-weight:400}.mureung-round-boss-tag{background:#ffc86426;color:#ffd278d9;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.mureung-history-desc{font-size:13px;color:#f5e6c880;margin-bottom:12px}.mureung-history-list{display:flex;flex-direction:column;gap:10px}.mureung-history-card{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;transition:background .2s}.mureung-history-card:hover{background:#ffffff0a}.mureung-history-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mureung-history-boss{font-size:13px;font-weight:700;color:var(--maple-gold);background:#daa52026;border-radius:4px;padding:2px 8px}.mureung-history-date{font-size:12px;color:#f5e6c899}.mureung-history-top3{display:flex;flex-direction:column;gap:7px}.mureung-history-entry{display:flex;align-items:center;gap:10px;padding:4px 0}.mureung-history-entry+.mureung-history-entry{border-top:1px solid rgba(255,255,255,.06)}.mureung-history-rank{width:28px;text-align:center;font-size:18px;flex-shrink:0}.mureung-history-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.mureung-history-name{font-size:14px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mureung-history-job{font-size:11px;color:#f5e6c899}.mureung-history-score{font-size:15px;font-weight:700;color:var(--maple-gold);white-space:nowrap}.mureung-loading,.mureung-empty{text-align:center;padding:40px 20px;color:#f5e6c880;font-size:14px}.mureung-error{text-align:center;padding:30px 20px;color:#e57373;font-size:14px}.mureung-admin-panel{margin-top:30px;padding:16px;background:#0003;border:1px dashed rgba(255,255,255,.15);border-radius:10px}.mureung-admin-panel h4{font-size:13px;color:#f5e6c880;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.btn-primary{padding:8px 18px;border:none;border-radius:7px;background:var(--maple-orange);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{padding:8px 16px;border:none;border-radius:6px;background:#ffffff1f;color:#f5e6c8d9;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-secondary:hover{opacity:.8}.btn-secondary:disabled{opacity:.4;cursor:default}.mureung-admin-buttons{display:flex;gap:8px;flex-wrap:wrap}.mureung-history-rank-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:12px;font-weight:700;color:#f5e6c899;flex-shrink:0}.mureung-result-ok{margin-top:8px;font-size:13px;color:#81c784}.mureung-result-err{margin-top:8px;font-size:13px;color:#e57373}.mureung-guild-table th,.mureung-guild-table td{padding:10px 12px}.mureung-guild-row-clickable{cursor:pointer}.mureung-guild-row-clickable:hover td{background:#ffffff14!important}.mureung-guild-name-cell{display:flex;align-items:center;gap:8px}.mureung-guild-name{font-weight:600;color:var(--cream)}.mureung-guild-toggle{font-size:11px;opacity:.6}.mureung-medal-count{text-align:center;font-weight:700;font-size:16px;color:var(--cream)}.mureung-guild-detail-row td{background:#0003!important;padding:12px 16px!important}.mureung-guild-members{display:flex;flex-wrap:wrap;gap:10px}.mureung-guild-member-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;border-radius:8px;padding:6px 10px;width:205px;height:110px;box-sizing:border-box;flex-shrink:0}.mureung-guild-member-info{display:flex;flex-direction:column;gap:2px}.mureung-guild-member-medal{font-size:14px}.mureung-sort-tabs{display:flex;gap:4px}.mureung-sort-tab{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text-secondary, #aaa);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.mureung-sort-tab.active{background:var(--maple-gold, #f59e0b);border-color:var(--maple-gold, #f59e0b);color:#000;font-weight:700}.mureung-guild-member-item .mureung-score-cell{font-size:18px}@media (max-width: 600px){.mureung-tabs{flex-direction:column}.mureung-score-cell{font-size:13px}.mureung-history-score{font-size:15px}.mureung-guild-member-item{width:205px;height:110px}.mureung-guild-table th:nth-child(7),.mureung-guild-table td:nth-child(7){display:none}}