@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}.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%)}.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:16px;padding:18px 24px;background:#fff;border:none;border-radius:18px;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:48px;height:48px;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:22px}.member-row.premium .online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;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.online .online-indicator.on{border-color:#ecfdf5}.member-row.premium .member-main{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.member-row.premium .member-name{font-size:15px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row.premium .member-role{font-size:11px;font-weight:700;padding:4px 12px;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:13px;color:#888}.member-row.premium .member-level{font-size:14px;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:11px;font-weight:500;color:#0e7490;background:#ecfeff;padding:2px 8px;border-radius:10px;white-space:nowrap;line-height:1.4}.alt-tag .alt-detail{color:#22a3b3;font-size:10px}.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}.alt-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:10px;border:1px solid #ede9fe}.alt-item-name{font-size:14px;font-weight:600;color:#5b21b6}.alt-item-info{font-size:12px;color:#7c3aed;font-weight:500}.modal-overlay.premium{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.member-detail-modal.premium{max-width:380px;background:#fff;border-radius:28px;padding:0;position:relative;overflow:hidden}.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{padding:40px 32px 32px}.member-detail-avatar.premium{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.member-detail-avatar.premium .avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#e0d0c0,#c8b8a8);display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;box-shadow:0 8px 30px #0000001a}.member-detail-avatar.premium .avatar-large img{width:100%;height:100%;object-fit:cover}.member-detail-avatar.premium .avatar-large span{font-size:48px}.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-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:25px}.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}.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{display:flex}.header-actions{display:none}.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}@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:700px}.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-icon{font-size:16px}.action-count{font-weight:600}.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}.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:11px;padding:2px 8px;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}.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}