@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:1200px;margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon{font-size:32px;animation:float 3s ease-in-out infinite}.logo-img{width:40px;height:40px;border-radius:8px;object-fit:cover}.logo-text{font-size:20px;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:3px}.main-nav button{background:transparent;border:none;color:var(--cream);padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.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:8px}.login-link,.register-link{background:none;border:2px solid var(--wood-light);color:var(--cream);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;border-radius:20px}.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}.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)}.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)}.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}.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}.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:100%;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;color:var(--text-dark);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}.member-guild.alliance{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#7c3aed}.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}@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}.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}.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:#fff;border-radius:16px;border:2px solid #e0e0e0;margin-top:20px}.typing-result h3{font-size:32px;color:#fff;margin-bottom:32px}.result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.result-item{display:flex;flex-direction:column;gap:8px}.result-label{font-size:14px;color:#555;font-weight:500}.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}}.scroll-page{max-width:1000px;margin:0 auto}.scroll-simulator-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.simulator-main{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.item-display-area{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:24px;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:16px;margin-bottom:24px}.result-stats-area .stat-item{flex:1;padding:16px;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:12px;margin-bottom:24px}.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}@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}}