@font-face{font-family:MapleStory;src:url(/fonts/Maplestory-Bold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--bg-main:#f4f6fa;--card-bg:#fff;--text-dark:#1e293b;--text-muted:#64748b;--primary-red:#ef4444;--primary-yellow:#f59e0b;--gold-bg:#f59e0b;--silver-bg:#94a3b8;--bronze-bg:#b45309;--font-maple:"MapleStory", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);-webkit-font-smoothing:antialiased;background-color:#0b0e17;justify-content:center;min-height:100vh;padding:40px 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Roboto,sans-serif;display:flex;position:relative}#root{width:100%;max-width:860px}.app-shell{flex-direction:column;width:100%;display:flex}.page-route-view{width:100%;animation:.3s cubic-bezier(.16,1,.3,1) smoothPageFadeIn}@keyframes smoothPageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-top-nav{justify-content:flex-start;align-items:center;width:100%;margin-bottom:24px;display:flex}.back-home-btn{color:#1e293b;font-size:14px;font-weight:800;font-family:var(--font-maple);background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:8px 18px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000000a}.back-home-btn:hover{color:#fff;background:#1e293b;border-color:#1e293b;transform:translate(-3px);box-shadow:0 4px 14px #00000014}.back-home-btn svg{transition:transform .2s}.back-home-btn:hover svg{transform:translate(-2px)}.leaderboard-header{flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.guild-profile{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.guild-icon-wrap{background:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000014}.guild-icon-img{object-fit:cover;border-radius:18px;width:100%;height:100%}.guild-icon-fallback{color:#fff;width:100%;height:100%;font-size:28px;font-weight:800;font-family:var(--font-maple);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:18px;justify-content:center;align-items:center;display:flex}.guild-name{color:#fff;text-shadow:0 2px 14px #000000bf;font-size:26px;font-weight:800;font-family:var(--font-maple);letter-spacing:-.5px}.tabs-container{background:#fff;border-radius:30px;align-items:center;gap:6px;padding:5px 6px;display:flex;box-shadow:0 2px 8px #0000000a}.tab-btn{color:#64748b;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-maple);background:0 0;border:none;border-radius:20px;padding:8px 20px;transition:all .2s}.tab-btn.active{color:#fff;background:#ef4444;box-shadow:0 2px 8px #ef444459}.tab-btn:hover:not(.active){color:#1e293b;background:#f1f5f9}.podium-container{grid-template-columns:1fr 1.15fr 1fr;align-items:flex-end;gap:16px;margin-bottom:32px;display:grid}@media (width<=640px){.podium-container{grid-template-columns:1fr;align-items:stretch;gap:14px}}.podium-card{text-align:center;color:#fff;border-radius:22px;flex-direction:column;align-items:center;padding:24px 16px 22px;transition:transform .2s;display:flex;position:relative;box-shadow:0 6px 18px #00000012}.podium-card:hover{transform:translateY(-4px)}.podium-first{background:linear-gradient(#f59e0b 0%,#d97706 100%);order:2;padding-top:32px;padding-bottom:30px}.podium-second{background:linear-gradient(#94a3b8 0%,#64748b 100%);order:1}.podium-third{background:linear-gradient(#b45309 0%,#92400e 100%);order:3}@media (width<=640px){.podium-first{order:1}.podium-second{order:2}.podium-third{order:3}}.medal-badge{flex-direction:column;align-items:center;display:flex;position:absolute;top:-14px}.medal-ribbon{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:#3b82f6;width:14px;height:10px}.medal-circle{width:28px;height:28px;font-size:15px;font-weight:900;font-family:var(--font-maple);color:#fff;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0003}.medal-circle.gold{color:#713f12;background:#facc15}.medal-circle.silver{color:#334155;background:#cbd5e1}.medal-circle.bronze{color:#451a03;background:#d97706}.podium-avatar-wrap{background:#1e293b;border:3px solid #ffffffb3;border-radius:50%;width:76px;height:76px;margin-bottom:12px;overflow:hidden;box-shadow:0 4px 10px #00000026}.podium-first .podium-avatar-wrap{border:4px solid #fef08a;width:88px;height:88px;box-shadow:0 6px 16px #eab30873}.podium-avatar{object-fit:cover;width:100%;height:100%}.podium-name{font-size:19px;font-weight:800;font-family:var(--font-maple);letter-spacing:-.3px;word-break:break-word;margin-bottom:6px}.podium-first .podium-name{font-size:22px}.podium-level{letter-spacing:.5px;font-size:17px;font-weight:800;font-family:var(--font-maple);margin-bottom:4px}.podium-first .podium-level{font-size:20px}.podium-yc{opacity:.92;font-size:14px;font-weight:600;font-family:var(--font-maple)}.podium-first .podium-yc{font-size:16px}.rank-list{flex-direction:column;gap:12px;display:flex}.rank-item{background:#fff;border-radius:16px;align-items:center;padding:16px 24px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #00000008}.rank-item:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000000f}.rank-number{color:#94a3b8;width:38px;font-size:18px;font-weight:800;font-family:var(--font-maple)}.rank-avatar-wrap{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:46px;height:46px;margin-right:18px;overflow:hidden}.rank-avatar{object-fit:cover;width:100%;height:100%}.rank-name{color:#1e293b;font-size:17px;font-weight:800;font-family:var(--font-maple);flex-grow:1}.rank-stats{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.rank-level{color:#1e293b;font-size:16px;font-weight:800;font-family:var(--font-maple)}.rank-yc{color:#64748b;font-size:13px;font-weight:600;font-family:var(--font-maple)}.empty-state,.loading-state{text-align:center;color:#64748b;font-family:var(--font-maple);background:#fff;border-radius:16px;padding:48px 24px;font-size:17px;box-shadow:0 2px 8px #00000008}.refresh-bar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;display:flex}.refresh-btn{color:#475569;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-maple);background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.refresh-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.last-updated{color:#94a3b8;font-size:12px;font-family:var(--font-maple)}.shop{flex-direction:column;gap:24px;display:flex}.shop-header{justify-content:center;align-items:center;padding:10px 0 6px;display:flex}.shop-header-title{color:#fff;text-shadow:0 2px 14px #000000bf;font-size:28px;font-weight:800;font-family:var(--font-maple);letter-spacing:-.5px}.shop-account{background:#fff;border-radius:18px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000000a}.shop-account-avatar{object-fit:cover;background:#e2e8f0;border-radius:50%;width:48px;height:48px}.shop-account-info{flex-direction:column;flex-grow:1;gap:4px;display:flex}.shop-account-name{color:#111827;font-size:17px;font-weight:800;font-family:var(--font-maple);align-items:center;gap:8px;display:flex}.shop-account-balance{align-items:baseline;gap:6px;display:flex}.shop-account-balance .label{color:#64748b;font-size:13px;font-weight:600}.shop-account-balance .value{color:#ef4444;font-size:18px;font-weight:800;font-family:var(--font-maple)}.role-chip{font-size:11px;font-weight:800;font-family:var(--font-maple);border-radius:10px;padding:2px 8px}.role-owner{color:#b45309;background:#fef3c7}.role-uploader{color:#dc2626;background:#fee2e2}.shop-login{background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:28px 24px;box-shadow:0 4px 16px #0000000a}.shop-login-text h2{color:#111827;font-size:20px;font-weight:800;font-family:var(--font-maple);margin-bottom:8px}.shop-login-text p{color:#64748b;font-size:14px;line-height:1.6}.shop-login-text code{color:#ef4444;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-size:13px;font-weight:700}.shop-login-warn{margin-top:10px;font-weight:600;color:#dc2626!important}.shop-login-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding:0;list-style:none;display:grid}@media (width<=640px){.shop-login-steps{grid-template-columns:1fr}}.shop-login-steps li{color:#334155;background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.shop-login-steps li span{color:#fff;background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.shop-subnav{background:#fff;border-radius:14px;gap:8px;padding:6px;display:flex;box-shadow:0 2px 6px #00000008}.shop-subnav button{color:#64748b;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-maple);background:0 0;border:none;border-radius:10px;padding:8px 18px;transition:all .15s}.shop-subnav button.active{color:#fff;background:#1e293b}.shop-subnav button:hover:not(.active){color:#1e293b;background:#f1f5f9}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}@media (width<=560px){.shop-grid{grid-template-columns:1fr}}.item-card{background:#fff;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.item-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000014}.item-card.sold-out{opacity:.75}.item-flag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:800;font-family:var(--font-maple);z-index:2;background:#111827d9;border-radius:8px;padding:4px 10px;position:absolute;top:12px;right:12px}.item-media{background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.item-media.compact{border-radius:12px;flex-shrink:0;width:56px;height:56px}.item-media img,.item-media video{object-fit:cover;width:100%;height:100%}.item-media-text{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);flex-direction:column;padding:16px}.item-media-text-label{font-size:18px;font-weight:800;font-family:var(--font-maple);word-break:break-word;line-height:1.3}.item-media.compact .item-media-text-label{font-size:11px}.item-media-text-sub{color:#f59e0b;letter-spacing:1.5px;margin-top:6px;font-size:11px;font-weight:800}.item-media.compact .item-media-text-sub{display:none}.item-body{flex-direction:column;flex-grow:1;padding:18px;display:flex}.item-name{color:#111827;font-size:17px;font-weight:800;font-family:var(--font-maple);margin-bottom:6px}.item-desc{color:#64748b;word-break:break-word;flex-grow:1;margin-bottom:12px;font-size:13px;line-height:1.5}.item-meta{color:#94a3b8;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.item-foot{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.item-price{color:#ef4444;font-size:17px;font-weight:800;font-family:var(--font-maple)}.buy-btn{color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-maple);background:#ef4444;border:none;border-radius:10px;padding:8px 16px;transition:all .15s}.buy-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef444459}.buy-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000a}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-head h3{color:#111827;font-size:18px;font-weight:800;font-family:var(--font-maple)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px 14px}.data-table th{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.data-table th.num,.data-table td.num{text-align:right}.data-table tr:hover td{background:#f8fafc}.manage-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.manage-tabs button{color:#64748b;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-maple);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;transition:all .15s}.manage-tabs button.active{color:#fff;background:#ef4444;border-color:#ef4444}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:28px;animation:.2s modalPop;box-shadow:0 20px 40px #0003}.form-modal{max-width:540px}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{color:#111827;font-size:20px;font-weight:800;font-family:var(--font-maple);margin-bottom:18px}.purchase-item{background:#f8fafc;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:12px 14px;display:flex}.purchase-item-name{color:#111827;font-size:16px;font-weight:800;font-family:var(--font-maple)}.purchase-item-sub{color:#64748b;margin-top:2px;font-size:12px}.receipt{border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 0;display:flex}.receipt>div{justify-content:space-between;font-size:14px;display:flex}.receipt dt{color:#64748b}.receipt dd{color:#111827;font-weight:700;font-family:var(--font-maple)}.receipt .minus dd{color:#ef4444}.receipt .total{border-top:1px solid #f1f5f9;padding-top:8px;font-size:16px}.receipt .total dd{color:#059669;font-size:17px}.receipt .total.neg dd{color:#dc2626}.modal-note{color:#94a3b8;margin-bottom:18px;font-size:12px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.form-group{margin-bottom:16px}.form-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.text-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.text-input:focus{border-color:#ef4444;outline:none}.form-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.form-error{color:#dc2626;background:#fee2e2;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.chip{font-size:11px;font-weight:800;font-family:var(--font-maple);border-radius:6px;padding:2px 8px;display:inline-block}.chip-ok{color:#15803d;background:#dcfce7}.chip-warn{color:#dc2626;background:#fee2e2}.primary-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-maple);background:#ef4444;border:none;border-radius:10px;padding:10px 20px;transition:all .15s}.primary-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef444459}.primary-btn.sm{padding:6px 14px;font-size:13px}.primary-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.ghost-btn{color:#475569;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-maple);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;transition:all .15s}.ghost-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.ghost-btn.sm{padding:4px 10px;font-size:12px}.search-box-wrap{position:relative}.search-dropdown{z-index:10;background:#fff;border:1px solid #cbd5e1;border-radius:10px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001a}.search-item{cursor:pointer;justify-content:space-between;padding:10px 14px;transition:background .15s;display:flex}.search-item:hover{background:#f8fafc}.shop-toast{font-size:14px;font-weight:700;font-family:var(--font-maple);z-index:2000;border-radius:12px;padding:12px 20px;animation:.2s toastPop;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #00000026}.shop-toast.ok{color:#fff;background:#111827;border-left:4px solid #10b981}.shop-toast.err{color:#fff;background:#111827;border-left:4px solid #ef4444}@keyframes toastPop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.muted.sm{font-size:12px}button,.primary-btn,.ghost-btn,.buy-btn,.tab-btn,.home-nav-item,.card-footer-btn{will-change:transform;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background-color .18s,color .18s!important}button:active:not(:disabled),.primary-btn:active:not(:disabled),.ghost-btn:active:not(:disabled),.buy-btn:active:not(:disabled),.tab-btn:active,.home-card:active{transform:scale(.96)!important}.podium-card,.rank-item,.item-card,.home-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important}.home-container{width:100%;max-width:860px;margin:0 auto;animation:.4s ease-out pageFadeIn;position:relative}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glow-sphere{filter:blur(80px);pointer-events:none;z-index:-1;opacity:.45;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle,#ef4444 0%,#0000 70%);width:320px;height:320px;top:-60px;left:-80px}.glow-2{background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:300px;height:300px;top:180px;right:-60px}.home-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:48px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.home-brand{align-items:center;gap:12px;display:flex}.home-brand-logo{color:#fff;width:40px;height:40px;font-weight:800;font-family:var(--font-maple);background:#111827;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.home-brand-img{object-fit:cover;width:100%;height:100%}.home-brand-name{color:#111827;font-size:19px;font-weight:800;font-family:var(--font-maple)}.home-nav-links{gap:8px;display:flex}.home-nav-item{color:#475569;font-size:14px;font-weight:700;font-family:var(--font-maple);border-radius:12px;padding:8px 16px;text-decoration:none}.home-nav-item:hover{color:#0f172a;background:#f1f5f9}.home-nav-item.shop-link{color:#fff;background:#ef4444;box-shadow:0 2px 10px #ef44444d}.home-nav-item.shop-link:hover{background:#dc2626}.home-hero{text-align:center;margin-bottom:60px}.home-hero-badge{color:#475569;font-size:12px;font-weight:800;font-family:var(--font-maple);background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;display:inline-flex;box-shadow:0 2px 8px #00000008}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 7px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.home-hero-title{color:#fff;text-shadow:0 4px 20px #000000a6;font-size:40px;font-weight:800;font-family:var(--font-maple);letter-spacing:-.8px;margin-bottom:18px;line-height:1.3}@media (width<=640px){.home-hero-title{font-size:28px}}.gradient-text{background:linear-gradient(135deg,#ef4444 0%,#facc15 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #00000080);-webkit-background-clip:text}.home-hero-desc{color:#f8fafc;text-shadow:0 2px 10px #000c;margin-bottom:44px;font-size:16px;font-weight:600;line-height:1.6}.home-cards{text-align:left;grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=640px){.home-cards{grid-template-columns:1fr}}.home-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:24px;flex-direction:column;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000000d}.home-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #00000017}.card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-tag{color:#1e293b;font-size:11px;font-weight:800;font-family:var(--font-maple);background:#f1f5f9;border-radius:8px;padding:4px 10px}.card-tag.tag-shop{color:#ef4444;background:#fee2e2}.card-arrow{color:#94a3b8;font-size:18px;font-weight:800;transition:transform .2s,color .2s}.home-card:hover .card-arrow{color:#111827;transform:translate(4px)}.card-title{color:#111827;font-size:22px;font-weight:800;font-family:var(--font-maple);margin-bottom:10px}.card-desc{color:#64748b;margin-bottom:28px;font-size:14px;line-height:1.5}.card-footer-btn{color:#1e293b;font-size:14px;font-weight:700;font-family:var(--font-maple);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;margin-top:auto;padding:12px 20px;display:inline-flex}.home-card:hover .card-footer-btn{color:#fff;background:#1e293b}.card-footer-btn.btn-shop{color:#dc2626;background:#fee2e2}.home-card:hover .card-footer-btn.btn-shop{color:#fff;background:#ef4444}.home-footer{text-align:center;color:#94a3b8;font-size:13px;font-family:var(--font-maple);padding:20px 0}.home-page-wrapper{width:100%;min-height:100%}.site-full-background{pointer-events:none;z-index:-1;background-color:#0b0e17;position:fixed;inset:0;overflow:hidden}.full-bg-layer{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.6s ease-in-out;position:absolute;inset:0}.full-bg-layer.active{opacity:1}.full-bg-overlay{pointer-events:none;background:linear-gradient(#0f172a73 0%,#0f172aa6 100%);position:absolute;inset:0}#root:has(.wide-shell){max-width:1120px}.home-cards-3{grid-template-columns:repeat(3,1fr);gap:20px}@media (width<=820px){.home-cards-3{grid-template-columns:1fr}}.card-tag.tag-tier,.card-footer-btn.btn-tier{color:#b45309;background:#fef3c7}.home-card:hover .card-footer-btn.btn-tier{color:#111827;background:#facc15}.tierlist-page{color:#f8fafc;flex-direction:column;gap:20px;width:100%;padding-bottom:48px;display:flex;position:relative}.tier-live-pill{font-size:13px;font-weight:800;font-family:var(--font-maple);color:#f8fafc;background:#13161feb;border:1px solid #282d3c;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.live-dot.on{background:#facc15;box-shadow:0 0 8px #facc15cc}.live-divider{color:#475569}.tier-header{background:#13161f;border:1px solid #282d3c;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 26px;display:flex;box-shadow:0 12px 32px #00000059}.tier-eyebrow{letter-spacing:1.6px;color:#facc15;font-size:11px;font-weight:800;font-family:var(--font-maple);margin-bottom:6px;display:inline-block}.tier-main-title{color:#fff;font-size:28px;font-weight:800;font-family:var(--font-maple);letter-spacing:-.5px}.tier-user-bar{background:#0b0d12;border:1px solid #282d3c;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex}.tier-user-avatar{object-fit:cover;border:2px solid #facc15;border-radius:50%;width:40px;height:40px}.tier-user-name{font-size:15px;font-weight:800;font-family:var(--font-maple);color:#fff;align-items:center;gap:8px;display:flex}.tier-role-badge{font-size:11px;font-family:var(--font-maple);border-radius:8px;padding:3px 8px}.tier-role-badge.admin{color:#fff;background:#ef4444}.tier-role-badge.viewer{color:#facc15;background:#282d3c}.tier-last-editor{color:#94a3b8;margin-top:2px;font-size:12px}.tier-login-gate{text-align:center;background:#13161f;border:1px solid #282d3c;border-radius:22px;padding:48px 28px;box-shadow:0 16px 40px #00000073}.tier-login-card{flex-direction:column;align-items:center;gap:14px;max-width:540px;margin:0 auto;display:flex}.tier-login-card h2{font-size:24px;font-family:var(--font-maple);color:#fff}.tier-login-card p{color:#cbd5e1;font-size:14px;line-height:1.65}.tier-login-card p strong{color:#facc15}.tier-discord-login-btn{color:#fff;font-family:var(--font-maple);background:#ef4444;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:14px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 6px 20px #ef444459}.tier-discord-login-btn:hover{background:#dc2626;transform:translateY(-2px)}.tier-status-strip{color:#e2e8f0;background:#13161f;border:1px solid #282d3c;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.tier-admin-bar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tier-admin-btns{gap:8px;display:flex}.tier-action-btn{color:#facc15;font-size:13px;font-weight:800;font-family:var(--font-maple);cursor:pointer;background:#1e2433;border:1px solid #333a4d;border-radius:10px;padding:8px 14px}.tier-action-btn:hover{color:#111827;background:#facc15;border-color:#facc15}.tier-action-btn.danger{color:#ef4444}.tier-action-btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.tiermaker-board{background:#000;border:2px solid #000;border-radius:8px;flex-direction:column;gap:2px;display:flex;overflow:visible;box-shadow:0 14px 36px #0000008c}.tiermaker-row{background:#1a1a1a;grid-template-columns:100px 1fr 80px;min-height:76px;transition:outline .12s,background-color .12s;display:grid;position:relative}@media (width<=640px){.tiermaker-row{grid-template-columns:72px 1fr 56px;min-height:72px}}.tiermaker-row.drop-active{z-index:2;background:#24221c;outline:2px solid #facc15}.tiermaker-label{color:#111;font-family:var(--font-maple);text-align:center;word-break:break-word;-webkit-user-select:none;user-select:none;cursor:pointer;border-right:2px solid #000;justify-content:center;align-items:center;padding:6px;font-size:21px;font-weight:800;display:flex}.tiermaker-track{background:#1a1a1a;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;min-height:76px;padding:5px 8px;display:flex}.tiermaker-avatar-tile{-webkit-user-select:none;user-select:none;cursor:pointer;background:#0f1117;border:1px solid #2a2e39;border-radius:4px;flex-shrink:0;width:66px;height:66px;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.tiermaker-avatar-tile.draggable{cursor:grab}.tiermaker-avatar-tile.draggable:active{cursor:grabbing}.tiermaker-avatar-tile:hover{z-index:3;border-color:#facc15;transform:translateY(-2px)}.tiermaker-avatar-tile.is-dragging{opacity:.35;transform:scale(.94)}.tiermaker-avatar-tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-lol-badge{font-size:10px;font-weight:800;font-family:var(--font-maple);color:#111;border-radius:4px;padding:1px 5px;line-height:1.2;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #000000b3}.tile-name-bar{color:#fff;font-size:11px;font-weight:800;font-family:var(--font-maple);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000e6 45%);padding:10px 4px 3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tiermaker-controls{background:#000;border-left:2px solid #000;grid-template-columns:1fr 1fr;place-items:center;padding:0 4px;display:grid}.tm-gear-btn,.tm-arrow-btn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.tm-gear-btn:hover:not(:disabled),.tm-arrow-btn:hover:not(:disabled){color:#facc15;opacity:1}.tm-gear-btn:disabled,.tm-arrow-btn:disabled{opacity:.25;cursor:default}.tm-arrows{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.tier-row-editor{z-index:30;background:#13161f;border:1px solid #383f52;border-radius:14px;width:280px;padding:14px;position:absolute;top:8px;right:92px;box-shadow:0 12px 32px #000000a6}.tier-row-editor-head{font-size:13px;font-family:var(--font-maple);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tier-row-editor-head button{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:12px}.tier-row-editor-body{flex-direction:column;gap:10px;display:flex}.tier-row-editor-body label{color:#cbd5e1;flex-direction:column;gap:4px;font-size:12px;display:flex}.tier-row-editor-body input{color:#fff;font-family:var(--font-maple);background:#0b0d12;border:1px solid #282d3c;border-radius:8px;padding:6px 10px}.color-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:24px;height:24px}.color-swatch.active{border-color:#fff;transform:scale(1.1)}.tier-row-editor-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tier-row-editor-actions button{color:#e2e8f0;font-size:11px;font-family:var(--font-maple);cursor:pointer;background:#1e2433;border:1px solid #2e364a;border-radius:8px;flex:1;padding:6px 8px}.tier-row-editor-actions button.danger{color:#ef4444}.tier-pool-section{background:#13161f;border:1px solid #282d3c;border-radius:18px;padding:20px;transition:border-color .15s;box-shadow:0 10px 28px #00000059}.tier-pool-section.drop-active{background:#191b24;border-color:#facc15}.tier-pool-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.tier-pool-title-wrap h2{font-size:18px;font-family:var(--font-maple);color:#fff;margin-bottom:4px}.tier-pool-title-wrap span{color:#94a3b8;font-size:12px}.tier-pool-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tier-filter-tabs{background:#0b0d12;border:1px solid #282d3c;border-radius:10px;padding:4px;display:flex}.tier-filter-tabs button{color:#94a3b8;font-size:12px;font-family:var(--font-maple);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px}.tier-filter-tabs button.active{color:#fff;background:#ef4444}.tier-search-input{color:#fff;background:#0b0d12;border:1px solid #282d3c;border-radius:10px;min-width:210px;padding:8px 12px;font-size:13px}.tier-search-input:focus{border-color:#facc15;outline:none}.tier-pool-grid{background:#0b0d12;border:1px dashed #282d3c;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:76px;max-height:196px;padding:12px;display:flex;overflow-y:auto}.tier-pool-empty{text-align:center;color:#64748b;width:100%;padding:28px 12px;font-size:13px}.lol-scouter-section{background:#13161f;border:1px solid #282d3c;border-radius:20px;padding:24px;box-shadow:0 12px 32px #0006}.lol-scouter-header{border-bottom:1px solid #222736;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.lol-scouter-header h2{font-size:22px;font-family:var(--font-maple);color:#fff;margin-bottom:6px}.lol-scouter-sub{color:#94a3b8;font-size:13px}.lol-refresh-box{background:#0b0d12;border:1px solid #282d3c;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:flex}.lol-refresh-meta{gap:16px;display:flex}.lol-refresh-meta>div{flex-direction:column;gap:2px;display:flex}.lol-refresh-meta .meta-label{color:#64748b;font-size:11px}.lol-refresh-meta strong{font-size:14px;font-family:var(--font-maple);color:#f8fafc}.lol-refresh-meta strong.countdown{color:#facc15}.lol-refresh-btn{color:#fff;font-size:13px;font-family:var(--font-maple);cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:9px 16px;font-weight:800}.lol-refresh-btn:hover:not(:disabled){background:#dc2626}.lol-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.lol-players-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.lol-player-card{cursor:pointer;background:#0b0d12;border:1px solid #232838;border-radius:16px;flex-direction:column;gap:14px;padding:16px;transition:transform .16s,border-color .16s;display:flex}.lol-player-card:hover{border-color:#facc15;transform:translateY(-3px)}.lpc-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.lpc-user{align-items:center;gap:12px;min-width:0;display:flex}.lpc-avatar{object-fit:cover;border:2px solid #282d3c;border-radius:12px;flex-shrink:0;width:46px;height:46px}.lpc-discord-name{font-size:16px;font-weight:800;font-family:var(--font-maple);color:#fff;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lpc-assigned-tier{color:#111;font-size:11px;font-family:var(--font-maple);border-radius:6px;padding:2px 7px;font-weight:800}.lpc-riot-id{color:#94a3b8;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.lpc-lv{color:#facc15;background:#1c202b;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}.lpc-mini-refresh{color:#cbd5e1;font-size:11px;font-family:var(--font-maple);cursor:pointer;background:#191d28;border:1px solid #2e3446;border-radius:8px;flex-shrink:0;padding:5px 10px}.lpc-mini-refresh:hover{color:#111827;background:#facc15;border-color:#facc15}.lpc-ranks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lpc-rank-item{background:#13161f;border:1px solid #222736;border-radius:12px;padding:10px 12px}.rank-queue{color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.rank-detail{align-items:center;gap:8px;display:flex}.rank-emblem{object-fit:contain;flex-shrink:0;width:34px;height:34px}.rank-detail strong{font-size:13px;font-family:var(--font-maple)}.rank-lp{color:#e2e8f0;font-size:12px;font-weight:700}.rank-wl{color:#94a3b8;margin-top:2px;font-size:11px}.rank-unranked{font-size:13px;font-family:var(--font-maple);color:#475569;padding:6px 0}.section-mini-label{color:#94a3b8;font-size:11px;font-weight:800;font-family:var(--font-maple);margin-bottom:6px;display:block}.most-champ-list{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.most-champ-pill{background:#13161f;border:1px solid #222736;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.most-champ-pill img{object-fit:cover;border-radius:6px;flex-shrink:0;width:26px;height:26px}.most-champ-info{flex-direction:column;min-width:0;display:flex}.mc-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.mc-stat{color:#facc15;font-size:10px}.lpc-recent-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.recent-30-summary{color:#facc15;font-size:11px;font-weight:700}.lpc-no-matches{color:#64748b;padding:10px 0;font-size:12px}.recent-match-strip{flex-direction:column;gap:4px;display:flex}.rm-row{background:#13161f;border-left:3px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.rm-row.win{background:#facc1514;border-left-color:#facc15}.rm-row.loss{background:#ef44441a;border-left-color:#ef4444}.rm-badge{font-family:var(--font-maple);text-align:center;width:18px;font-size:11px;font-weight:800}.rm-row.win .rm-badge{color:#facc15}.rm-row.loss .rm-badge{color:#ef4444}.rm-champ-icon{object-fit:cover;border-radius:4px;width:20px;height:20px}.rm-champ-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;min-width:48px;font-weight:700;overflow:hidden}.rm-kda{color:#cbd5e1;font-variant-numeric:tabular-nums}.rm-kda b{color:#ef4444}.rm-queue{color:#94a3b8;white-space:nowrap;margin-left:auto}.rm-time{color:#64748b;white-space:nowrap;font-size:10px}.remote-drag-ghost{pointer-events:none;z-index:100;background:#13161ff2;border:2px solid #facc15;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:left 50ms linear,top 50ms linear;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}.remote-drag-ghost img{object-fit:cover;border-radius:8px;width:36px;height:36px}.remote-drag-ghost span{font-size:12px;font-family:var(--font-maple);color:#facc15;white-space:nowrap}.tier-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tier-modal{color:#f8fafc;background:#13161f;border:1px solid #2e364a;border-radius:20px;width:100%;max-width:520px;padding:24px;box-shadow:0 20px 50px #000000a6}.tier-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.tier-modal-profile{align-items:center;gap:12px;display:flex}.tier-modal-profile img{object-fit:cover;border:2px solid #facc15;border-radius:14px;width:52px;height:52px}.tier-modal-profile h3{font-size:19px;font-family:var(--font-maple);color:#fff}.tier-modal-profile p{color:#94a3b8;margin-top:3px;font-size:12px}.tier-modal-close{color:#cbd5e1;font-size:12px;font-family:var(--font-maple);cursor:pointer;background:#1e2433;border:1px solid #2e364a;border-radius:8px;padding:6px 12px}.tier-modal-quick-assign{background:#0b0d12;border:1px solid #232838;border-radius:14px;margin-bottom:16px;padding:14px}.qa-label{font-size:12px;font-family:var(--font-maple);color:#facc15;margin-bottom:10px;display:block}.qa-buttons{flex-wrap:wrap;gap:8px;display:flex}.qa-btn{font-size:13px;font-family:var(--font-maple);cursor:pointer;background:0 0;border:2px solid #475569;border-radius:8px;padding:6px 14px;font-weight:800}.qa-btn.pool{color:#cbd5e1;border-color:#475569}.modal-lol-top{justify-content:space-between;align-items:center;font-size:14px;display:flex}.fow-ext-link{color:#facc15;font-size:12px;font-family:var(--font-maple);text-decoration:none}.tier-modal-no-lol{text-align:center;color:#94a3b8;padding:20px 0;font-size:13px}.tier-add-player-form{flex-direction:column;gap:14px;display:flex}.tier-add-player-form label{color:#cbd5e1;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.tier-add-player-form select,.tier-add-player-form input{color:#fff;background:#0b0d12;border:1px solid #2e364a;border-radius:10px;padding:10px 12px;font-size:14px}.tier-form-actions{justify-content:flex-end;margin-top:6px;display:flex}.tier-toast{color:#fff;font-size:14px;font-family:var(--font-maple);z-index:2000;background:#13161f;border:1px solid #facc15;border-left:4px solid #ef4444;border-radius:12px;padding:12px 20px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #00000080}.modal-user-picker{flex-direction:column;gap:8px;display:flex}.modal-user-picker .picker-label{color:#cbd5e1;font-size:13px;font-weight:700}.modal-user-picker input{color:#fff;background:#0b0d12;border:1px solid #2e364a;border-radius:10px;padding:10px 12px;font-size:14px}.modal-user-list{background:#0b0d12;border:1px solid #232838;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:6px;max-height:210px;padding:8px;display:grid;overflow-y:auto}@media (width<=520px){.modal-user-list{grid-template-columns:1fr}}.modal-user-item{color:#f8fafc;cursor:pointer;text-align:left;background:#13161f;border:1px solid #222736;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:7px 10px;display:flex}.modal-user-item:hover{border-color:#facc15}.modal-user-item.selected{background:#facc1524;border-color:#facc15}.modal-user-item img{object-fit:cover;border-radius:6px;flex-shrink:0;width:26px;height:26px}.modal-user-item .mui-name{font-size:12px;font-family:var(--font-maple);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-user-item .mui-riot{color:#facc15;white-space:nowrap;margin-left:auto;font-size:10px}