:root{--bg:#f5f7fb;--surface:#fff;--ink:#101827;--muted:#7a8497;--line:#e8ebf1;--orange:#ff7a45;--orange-dark:#e95d29;--green:#30b77a;--blue:#4e6bff;--purple:#8d6be8;--shadow:0 16px 40px rgba(16,24,39,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:0 0 246px;background:#101827;color:#9ca8bb;padding:30px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 14px 54px;color:#fff}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff966d,#ed5023);font:700 22px 'Space Grotesk';box-shadow:0 7px 20px #e85c3035}.brand strong{font:700 16px 'Space Grotesk';letter-spacing:.4px;display:block}.brand strong span,.mobile-brand span{color:var(--orange)}.brand small{font-size:8px;letter-spacing:1.5px;color:#647188;display:block;margin-top:3px}.side-label{font-size:10px;letter-spacing:1.6px;color:#68758a;padding:0 14px 13px}.nav-item{display:flex;align-items:center;gap:15px;width:100%;border:0;background:transparent;color:#92a0b3;text-align:left;padding:13px 15px;border-radius:10px;cursor:pointer;margin:2px 0;font-weight:600}.nav-item span{width:20px;text-align:center;font-size:18px;color:#70809a}.nav-item:hover{color:#fff;background:#1b2639}.nav-item.active{background:linear-gradient(90deg,#ff7844,#ed6234);color:#fff;box-shadow:0 8px 20px #ed623433}.nav-item.active span{color:#fff}.sidebar-bottom{margin-top:auto;padding:16px 14px;border-top:1px solid #253143;color:#66748a;font-size:11px;line-height:1.7}.sync-dot{display:flex;align-items:center;gap:8px;color:#d5deec;font-weight:600;font-size:10px;letter-spacing:1px;margin-bottom:4px}.sync-dot i,.live-pill i{width:7px;height:7px;background:#35d490;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #35d4901c}.main-content{flex:1;max-width:1500px;overflow:hidden}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5.2%}.mobile-brand{display:none;font:700 16px 'Space Grotesk'}.top-actions{display:flex;align-items:center;gap:19px;margin-left:auto}.live-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#2aa86c;background:#e9faf2;padding:7px 11px;border-radius:20px;font-weight:700}.compact{font-size:9px;padding:5px 9px;margin-left:8px;vertical-align:middle}.icon-button{border:0;background:transparent;color:#68748a;font-size:26px;cursor:pointer;line-height:1}.icon-button.spin{animation:spin .7s ease}@keyframes spin{to{transform:rotate(360deg)}}.avatar{background:#dce4ff;color:#5468bd;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:end;padding:44px 5.2% 31px}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:1.5px;font-weight:700;margin:0 0 13px}.page-heading h1{font:600 34px 'Space Grotesk';margin:0;letter-spacing:-1px}.subheading{color:var(--muted);margin:8px 0 0}.heading-meta{text-align:right}.mode-badge{font-size:9px;border:1px solid #f7c6b3;color:var(--orange-dark);border-radius:5px;padding:5px 8px;font-weight:700;letter-spacing:1px}.clan-tag{color:var(--muted);font-size:11px;margin-top:13px;font-weight:600}.content-grid{padding:0 5.2% 50px;display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.full{grid-column:1/-1}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.card-title h2{font:600 16px 'Space Grotesk';margin:0}.card-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.text-link{border:0;background:transparent;color:var(--orange-dark);font-size:11px;font-weight:700;cursor:pointer}.hero-card{background:#151f31;color:#fff;position:relative;overflow:hidden;padding:29px 30px;min-height:210px}.hero-card:after{content:'A';position:absolute;right:22px;bottom:-52px;font:700 245px 'Space Grotesk';color:#fff;opacity:.04}.hero-card .eyebrow{color:#ff9a75}.hero-card h2{font:600 27px 'Space Grotesk';margin:0 0 8px;position:relative;z-index:1}.hero-card p{color:#a6b1c4;max-width:370px;line-height:1.6;margin:0;position:relative;z-index:1}.hero-stats{display:flex;gap:33px;margin-top:24px;position:relative;z-index:1}.hero-stats strong{display:block;font:600 22px 'Space Grotesk'}.hero-stats small{color:#8d9aae;font-size:10px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;grid-column:1/-1}.stat-card{padding:19px 20px;position:relative;min-height:105px}.stat-card small{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.4px}.stat-card strong{display:block;font:600 27px 'Space Grotesk';margin-top:10px}.stat-card .trend{font-size:10px;color:var(--green);font-weight:600;position:absolute;right:15px;bottom:20px}.stat-icon{position:absolute;right:18px;top:18px;font-size:22px}.orange{color:var(--orange)}.blue{color:var(--blue)}.green{color:var(--green)}.purple{color:var(--purple)}.progress-line{height:7px;background:#edf0f5;border-radius:10px;margin:13px 0 9px;overflow:hidden}.progress-line i{display:block;height:100%;border-radius:inherit;background:var(--orange)}.metric-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.list{display:flex;flex-direction:column;gap:11px}.list-row{display:flex;align-items:center;gap:12px;padding:10px 11px;border:1px solid #f0f1f4;border-radius:9px}.rank{font:600 13px 'Space Grotesk';color:#b2bac7;width:18px}.member-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;background:#ef8b67}.member-icon.blue-bg{background:#7384ed}.member-icon.purple-bg{background:#9b80df}.row-main{flex:1}.row-main strong{display:block;font-size:12px}.row-main small{color:var(--muted);font-size:10px}.row-value{text-align:right}.row-value strong{font-size:12px}.row-value small{display:block;color:var(--muted);font-size:10px}.war-row{justify-content:space-between}.war-result{display:flex;align-items:center;gap:12px}.result-badge{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800}.win{background:#e6faf1;color:#2aaf73}.loss{background:#fff0ef;color:#e6635f}.draw{background:#fff8df;color:#d59d20}.war-date{color:var(--muted);font-size:10px}.table-wrap{overflow:auto}.member-table{width:100%;border-collapse:collapse;min-width:580px}.member-table th{font-size:10px;color:#9aa3b2;text-align:left;font-weight:600;padding:0 12px 13px;border-bottom:1px solid var(--line);letter-spacing:.4px}.member-table td{padding:13px 12px;border-bottom:1px solid #f1f2f5;font-size:12px}.member-table tr:last-child td{border:0}.member-name{display:flex;align-items:center;gap:10px;font-weight:600}.role{font-size:9px;color:#e76c3a;background:#fff1ec;border-radius:4px;padding:4px 6px;font-weight:700}.role.elder{color:#6879cc;background:#eef0ff}.role.member{color:#7b8698;background:#f1f3f7}.search-box{border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--ink);outline:none;width:190px;font-size:11px}.search-box:focus{border-color:var(--orange)}.tab-actions{display:flex;gap:10px;align-items:center}.event-banner{background:linear-gradient(110deg,#fff0e9,#fff8f2);border:1px solid #ffe0d4;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.event-banner h2{font:600 21px 'Space Grotesk';margin:0 0 5px}.event-banner p{color:#9a837a;font-size:12px;margin:0}.primary-btn{border:0;border-radius:8px;background:var(--orange);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 7px 18px #ff7a4530}.primary-btn:hover{background:var(--orange-dark)}.secondary-btn{border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink);padding:10px 14px;font-weight:700;cursor:pointer}.event-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.entry-box{border:1px dashed #d8dde7;border-radius:10px;padding:15px;margin:12px 0}.entry-box input{width:100%;border:0;outline:0;font-size:12px}.entry-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.entry-chip{font-size:10px;background:#f3f5f9;padding:7px 9px;border-radius:6px}.winner-card{text-align:center;background:#151f31;color:#fff;min-height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center}.winner-crown{font-size:30px;margin-bottom:8px}.winner-card small{color:#8996a9;font-size:10px;letter-spacing:1px}.winner-card h2{font:600 26px 'Space Grotesk';margin:10px 0}.winner-card p{color:#8f9bae;font-size:11px}.winner-card .winner-name{color:#ff9871}.toast{position:fixed;right:22px;bottom:22px;background:#151f31;color:white;padding:13px 17px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;transform:translateY(100px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}.empty{padding:35px;text-align:center;color:var(--muted)}
@media(max-width:900px){.sidebar{width:75px;flex-basis:75px;padding:20px 10px}.brand{margin:0 auto 45px}.brand>div:last-child,.side-label,.sidebar-bottom small{display:none}.nav-item{justify-content:center;padding:13px 7px;font-size:0}.nav-item span{font-size:18px}.sidebar-bottom{padding:15px 0}.sync-dot{justify-content:center}.page-heading{padding-top:32px}.content-grid{grid-template-columns:1fr}.stat-row{grid-column:1/-1}.event-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{display:none}.main-content{width:100%}.topbar{height:65px;padding:0 20px}.mobile-brand{display:block}.live-pill{font-size:0;background:transparent;padding:0}.live-pill i{font-size:7px}.top-actions{gap:12px}.page-heading{padding:28px 20px 24px;align-items:start}.page-heading h1{font-size:28px}.heading-meta{display:none}.content-grid{padding:0 20px 35px;gap:15px}.stat-row{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px 14px}.stat-card strong{font-size:23px}.stat-card .trend{display:none}.card{padding:18px}.hero-card{padding:23px 20px}.hero-card h2{font-size:23px}.hero-stats{gap:20px}.event-banner{display:block}.event-banner button{margin-top:18px}.card-title{align-items:flex-start;gap:10px}.tab-actions{flex-wrap:wrap}.search-box{width:145px}}

/* Battle-clan visual layer */
body{background:#0b111c;background-image:radial-gradient(circle at 82% 10%,#e9672d12,transparent 26%),linear-gradient(135deg,#0b111c 0 28%,#101827 28% 29%,#0b111c 29% 100%);color:#eef3fb}.main-content{background:linear-gradient(180deg,#101827 0 80px,#f5f7fb 80px)}.topbar{background:#101827;border-bottom-color:#2a3648}.page-heading{color:#fff}.subheading{color:#92a0b3}.clan-tag{color:#8e9aaf}.card{box-shadow:0 18px 45px #07101c14}.hero-card{background:linear-gradient(135deg,#202d43,#0e1725);border:1px solid #35445c;box-shadow:0 16px 35px #090f1d40}.hero-card:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 28%,#ff79370a 28% 29%,transparent 29% 60%,#fff6 60% 60.4%,transparent 60.4%);pointer-events:none}.hero-card:after{content:'A';text-shadow:0 0 35px #ff703b;opacity:.08}.hero-stats strong{color:#ff9b70;text-shadow:0 0 18px #ff6b3530}.stat-card{background:#fffdfb;border-top:3px solid #f47745}.stat-card:nth-child(2){border-top-color:#41c98e}.stat-card:nth-child(3){border-top-color:#8873e8}.stat-card:nth-child(4){border-top-color:#5d7cff}.nav-item.active{background:linear-gradient(120deg,#ff984f,#e34a25);border:1px solid #ffad72}.eyebrow{letter-spacing:2px;text-shadow:0 0 15px #ff6b3533}.battle-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none}.battle-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffc46a;box-shadow:0 0 12px #ff6f31;animation:ember 2.8s infinite ease-in-out}.battle-sparks i:nth-child(1){left:22%;bottom:20%;animation-delay:-.4s}.battle-sparks i:nth-child(2){left:52%;bottom:34%;animation-delay:-1.6s}.battle-sparks i:nth-child(3){right:18%;bottom:18%;animation-delay:-2.2s}.battle-sparks i:nth-child(4){right:35%;top:20%;animation-delay:-.9s}@keyframes ember{0%,100%{transform:translateY(12px) scale(.7);opacity:0}45%{opacity:1}75%{transform:translateY(-30px) scale(1.2);opacity:.9}}
.troop-deck{grid-column:1/-1;position:relative;overflow:hidden;background:linear-gradient(115deg,#141f30,#0d1624);border:1px solid #334258;color:#fff;padding:22px 24px;border-radius:14px;box-shadow:0 18px 38px #0b111c30}.troop-deck:before{content:'⚔  BATTLE ARMY  ⚔';position:absolute;right:22px;top:18px;color:#5d6e88;font-size:9px;letter-spacing:2px;font-weight:700}.troop-deck h2{font:600 17px 'Space Grotesk';margin:0}.troop-deck p{color:#8493a8;font-size:11px;margin:5px 0 17px}.troop-list{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.troop-card{position:relative;min-height:111px;border:1px solid #314056;border-radius:11px;background:linear-gradient(155deg,#1d2a3e,#101a2a);padding:12px;text-align:center;overflow:hidden;transition:.25s;cursor:default}.troop-card:hover{transform:translateY(-5px);border-color:#f28b54;box-shadow:0 9px 25px #f4774525}.troop-card:after{content:'';position:absolute;inset:auto -18px -30px;width:80px;height:55px;background:#ff6b3530;border-radius:50%;filter:blur(15px)}.troop-emoji{font-size:38px;display:block;line-height:1;margin:3px 0 9px;filter:drop-shadow(0 5px 5px #0008)}.troop-card strong{display:block;font-size:11px}.troop-card small{display:block;color:#78879c;font-size:9px;margin-top:4px}.rarity{position:absolute;right:7px;top:7px;border-radius:4px;background:#ff783d;color:#fff;font-size:7px;padding:3px 4px;font-weight:800;letter-spacing:.6px}.rarity.epic{background:#9a6ced}.rarity.legend{background:#e9ac2e;color:#271a05}.battle-title{color:#ff966e!important}.mode-badge{background:#fff7f2}.winner-card{background:linear-gradient(145deg,#182438,#090f1a);border:1px solid #34455c}.event-banner{background:linear-gradient(110deg,#241b1c,#38211a);border-color:#713b2a;color:#fff}.event-banner p{color:#bd927e}.event-banner .eyebrow{color:#ff9a70}.secondary-btn{background:#fff}.toast{border:1px solid #3d4b61;box-shadow:0 10px 35px #080c14aa}
@media(max-width:900px){.main-content{background:linear-gradient(180deg,#101827 0 80px,#f5f7fb 80px)}.troop-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.main-content{background:linear-gradient(180deg,#101827 0 65px,#f5f7fb 65px)}.troop-deck{padding:18px 14px}.troop-deck:before{display:none}.troop-list{grid-template-columns:repeat(2,1fr)}.troop-card{min-height:100px}}
.hero-card{grid-column:1/-1;min-height:390px;padding:42px 42px 180px;background:radial-gradient(circle at 50% 36%,#9a2e1f 0,#441e27 24%,#162235 58%,#0d1523 100%);border:2px solid #bd6738;box-shadow:inset 0 0 0 1px #ffbb5e40,0 20px 50px #090d18aa}.hero-card:before{background:radial-gradient(circle at 50% 32%,#ffbc3c2e,transparent 18%),linear-gradient(125deg,transparent 0 28%,#ff79370a 28% 29%,transparent 29% 60%,#fff6 60% 60.4%,transparent 60.4%);z-index:0}.hero-card h2{font-size:clamp(34px,5vw,64px);letter-spacing:2px;text-transform:uppercase;color:#ffb44d;text-shadow:3px 4px 0 #2c1820,0 0 22px #ff6b3570;max-width:760px;margin-top:20px}.hero-card .eyebrow{font-size:11px;color:#ffc25a}.hero-card>p:not(.eyebrow){font-weight:700;letter-spacing:1px;color:#ffe7b6;max-width:560px;font-size:13px;text-transform:uppercase}.hero-emblem{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:105px;height:116px;clip-path:polygon(50% 0,92% 19%,87% 72%,50% 100%,13% 72%,8% 19%);background:linear-gradient(150deg,#ffda55,#a9441e 45%,#52152a 46%);border:5px solid #ffc557;display:grid;place-items:center;box-shadow:0 0 28px #ff9b35aa,0 10px 0 #271321}.hero-emblem:before{content:'';position:absolute;inset:10px;background:#861e25;clip-path:inherit;border:2px solid #ffdd65}.hero-emblem span,.hero-emblem b{position:relative;z-index:1}.hero-emblem span{font:700 29px 'Space Grotesk';color:#fff4b7;text-shadow:2px 2px #5d1c19}.hero-emblem b{position:absolute;bottom:19px;font-size:20px;filter:drop-shadow(0 0 5px #fff23a)}.hero-warrior{position:absolute;z-index:1;font-size:92px;bottom:90px;filter:drop-shadow(0 13px 7px #000b);animation:warriorFloat 3s ease-in-out infinite}.hero-warrior-left{left:32px;transform:rotate(-12deg)}.hero-warrior-right{right:32px;transform:scaleX(-1) rotate(-12deg);animation-delay:-1.2s}@keyframes warriorFloat{50%{transform:translateY(-8px) rotate(-8deg)}}.hero-warrior-right{animation-name:warriorFloatRight}@keyframes warriorFloatRight{50%{transform:scaleX(-1) translateY(-8px) rotate(-8deg)}}.hero-scroll{position:absolute;z-index:2;bottom:20px;left:50%;transform:translateX(-50%) rotate(-1deg);width:min(580px,80%);padding:19px 22px 17px;background:linear-gradient(180deg,#ffe9a6,#d49c51);border:4px solid #7b3d21;box-shadow:0 8px 0 #2e1720,0 0 22px #ffae4b55;color:#431b18;text-align:center;clip-path:polygon(2% 7%,98% 0,96% 91%,4% 100%)}.hero-scroll strong{display:block;font:700 21px 'Space Grotesk';letter-spacing:1px;margin-bottom:7px}.hero-scroll span{display:block;font-size:10px;font-weight:800;letter-spacing:.8px}.hero-stats{margin-top:23px}.hero-stats strong{color:#ffcf6b}.hero-card .hero-stats small{color:#c2a989}.hero-card+.troop-deck{margin-top:-8px}
@media(max-width:600px){.hero-card{min-height:470px;padding:185px 20px 175px;text-align:center}.hero-card h2{font-size:31px;line-height:1.05}.hero-card>p:not(.eyebrow){font-size:10px;line-height:1.5}.hero-emblem{top:20px;width:82px;height:92px}.hero-warrior{font-size:58px;bottom:148px}.hero-warrior-left{left:17px}.hero-warrior-right{right:17px}.hero-scroll{width:93%;padding:14px 8px 12px}.hero-scroll strong{font-size:15px}.hero-scroll span{font-size:8px}.hero-stats{justify-content:center;gap:17px}.hero-stats strong{font-size:17px}}
.brand-mark{overflow:hidden;padding:0;background:#531d25;border:2px solid #ffbf54}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.hero-emblem{clip-path:none;background:transparent;border:0;box-shadow:0 0 30px #ff9b35aa;width:136px;height:136px;top:18px;border-radius:50%;overflow:hidden}.hero-emblem:before{display:none}.hero-emblem img{width:100%;height:100%;display:block;object-fit:cover}.hero-emblem span,.hero-emblem b{display:none}@media(max-width:600px){.hero-emblem{width:106px;height:106px;top:18px}}
.event-live-card{display:flex;align-items:center;gap:14px;border:1px solid #f0e0d7;background:#fff8f4;padding:18px;border-radius:10px}.event-icon{display:grid;place-items:center;width:42px;height:42px;background:#ffeadf;border-radius:11px;color:#e96736;font-size:22px}.event-live-card strong{display:block;font-size:13px}.event-live-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.event-live-card .text-link{margin-left:auto}.winner-history{display:flex;flex-direction:column;gap:9px}.winner-history-row{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #f0f1f4;border-radius:10px}.winner-number{font:600 13px 'Space Grotesk';color:#b2bac7;width:22px}.winner-crown-small{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff4d2;color:#d79b1f;font-size:17px}.winner-history-row div{flex:1}.winner-history-row strong{display:block;font-size:12px}.winner-history-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.winner-status{font-size:9px;color:#24a86d;background:#e9faf2;border-radius:5px;padding:5px 7px;font-weight:800;letter-spacing:.7px}@media(max-width:600px){.event-live-card{align-items:flex-start;flex-wrap:wrap}.event-live-card .text-link{margin-left:56px}.winner-status{display:none}}
.event-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.event-kpis .card{padding:18px}.event-kpis small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1px}.event-kpis strong{display:block;font:600 20px 'Space Grotesk';margin-top:10px}.event-kpis span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.live-dot-large{display:inline-block;width:8px;height:8px;border-radius:50%;background:#33c986;box-shadow:0 0 0 5px #33c98624;margin-right:6px}.event-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-detail-grid div{background:#f8f9fc;border-radius:9px;padding:13px}.event-detail-grid span{display:block;color:var(--muted);font-size:10px}.event-detail-grid strong{display:block;font-size:12px;margin-top:6px}.event-rules{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.event-rules strong{color:var(--orange-dark);width:100%;font-size:11px}.live-preview{display:flex;align-items:center;gap:15px;padding:18px;border-radius:10px;background:linear-gradient(120deg,#151f31,#25334a);color:#fff}.live-preview .winner-crown{margin:0;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#f5b937;color:#33210a;font-size:22px}.live-preview small{color:#a6b2c3;font-size:9px;letter-spacing:1px}.live-preview strong{display:block;color:#ffad77;font:600 22px 'Space Grotesk';margin-top:4px}.live-preview p{color:#a4afbe;font-size:10px;margin:4px 0 0}.winner-live-spotlight{grid-column:1/-1;background:linear-gradient(135deg,#172337,#0d1522);color:#fff;text-align:center;padding:34px}.winner-live-spotlight .winner-crown{margin:0 auto 10px;display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#f5b937;color:#3c260a;font-size:25px}.winner-live-spotlight small{color:#a5b0c2;font-size:9px;letter-spacing:1px}.winner-live-spotlight h2{color:#ffae78;font:600 30px 'Space Grotesk';margin:10px}.winner-live-spotlight p{color:#a5b0c2;font-size:11px;margin-bottom:18px}.draw-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.draw-input{display:flex;gap:8px;margin:16px 0}.draw-input input{flex:1}.draw-input .primary-btn{padding:9px 13px;box-shadow:none}.draw-actions{display:flex;gap:9px;flex-wrap:wrap}.draw-main-btn{background:linear-gradient(120deg,#ff984f,#df4827);letter-spacing:.4px}.draw-entry-list{max-height:205px;overflow:auto}.entry-chip{display:inline-flex;align-items:center;gap:6px}.entry-chip b{color:var(--orange-dark)}.entry-chip button{border:0;background:none;cursor:pointer;color:#aab1be;font-size:14px}.draw-result{min-height:210px}.event-hero-banner{border-radius:14px}
@media(max-width:900px){.event-kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){.event-kpis{grid-template-columns:1fr 1fr;gap:10px}.event-kpis .card{padding:14px}.event-kpis strong{font-size:17px}.event-detail-grid{grid-template-columns:1fr}.draw-layout{grid-template-columns:1fr}.draw-input{flex-wrap:wrap}.draw-input input{min-width:100%}.draw-input .primary-btn{width:100%}.draw-actions>*{width:100%}.winner-live-spotlight h2{font-size:24px}}
.topbar{position:sticky;top:0;z-index:5;background:rgba(16,24,39,.88);backdrop-filter:blur(18px);height:76px}.app-shell{background:#f4f7fb}.sidebar{background:linear-gradient(180deg,#0c1422,#101a2b 70%,#0b111c);border-right:1px solid #25344a;box-shadow:12px 0 40px #07101d15}.brand-mark{border-radius:14px;box-shadow:0 8px 25px #ff733d45}.nav-item{border:1px solid transparent;transition:.22s ease}.nav-item:hover{transform:translateX(3px)}.nav-item.active{border-color:#ffb06c55;box-shadow:0 10px 28px #ed623455}.sidebar-bottom{border-top-color:#26364c}.page-heading{padding-top:48px;padding-bottom:28px}.page-heading h1{font-size:38px;letter-spacing:-1.5px}.eyebrow{font-size:10px;font-weight:800}.heading-meta .mode-badge{display:inline-flex;align-items:center;background:#fff7f2;box-shadow:0 5px 15px #ff7a4514}.content-grid{gap:20px}.card{border:1px solid rgba(225,230,239,.9);border-radius:18px;box-shadow:0 14px 35px rgba(30,47,72,.065);transition:transform .22s ease,box-shadow .22s ease}.card:hover{box-shadow:0 18px 42px rgba(30,47,72,.11)}.stat-card:hover{transform:translateY(-3px)}.card-title{margin-bottom:21px}.card-title h2{font-size:17px;letter-spacing:-.3px}.card-title p{font-size:11px}.hero-card{border-radius:22px;min-height:400px;box-shadow:0 20px 55px #07111e66;isolation:isolate}.hero-card h2{font-size:clamp(36px,5.3vw,68px);letter-spacing:1px}.hero-scroll{border-radius:12px;clip-path:none;transform:translateX(-50%) rotate(-1deg);box-shadow:0 10px 0 #2e1720,0 14px 30px #ffae4b40}.hero-emblem{box-shadow:0 0 35px #ff9b35bb,0 12px 30px #070c16aa}.troop-deck,.clan-profile-banner{border-radius:18px;box-shadow:0 18px 45px #07101d45}.event-banner{border-radius:18px;box-shadow:0 15px 35px #35160c2a}.primary-btn{border-radius:10px;box-shadow:0 10px 22px #ff7a4538;transition:.2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 13px 26px #ff7a4550}.secondary-btn{border-radius:10px;transition:.2s}.secondary-btn:hover{border-color:#ff9b70;color:var(--orange-dark);background:#fffaf7}.search-box{border-radius:10px;background:#fbfcfe}.list-row{border-radius:12px;background:#fff;transition:.2s}.list-row:hover{border-color:#ffc3a8;transform:translateX(3px)}.member-icon{border-radius:11px;box-shadow:0 5px 10px #e56b4030}.progress-line{height:8px;background:#eef2f7}.event-kpis .card{border-radius:15px}.event-kpis .card strong{letter-spacing:-.5px}.event-live-card,.winner-history-row,.event-detail-grid div{border-radius:12px}.winner-live-spotlight{border-radius:18px;box-shadow:0 18px 45px #07101d55}.draw-result{border-radius:18px}.toast{border-radius:12px;backdrop-filter:blur(15px)}
@media(max-width:900px){.page-heading{padding-left:4%;padding-right:4%}.content-grid{padding-left:4%;padding-right:4%}}
@media(max-width:600px){.page-heading{padding-top:30px}.page-heading h1{font-size:31px}.topbar{height:68px}.card{border-radius:15px}.hero-card{border-radius:18px}.hero-scroll{width:92%}}
.app-shell{background:#070a12}.main-content{background:radial-gradient(circle at 70% 0,#e9662d14,transparent 28%),#080c15;color:#f4f6fb}.topbar{background:#0b101c;border-bottom:1px solid #202d41}.page-heading{background:linear-gradient(180deg,#0b101c,#0c111d);color:#fff;padding-top:45px;padding-bottom:34px}.page-heading:after{content:'';position:absolute;left:246px;right:0;top:75px;height:1px;background:linear-gradient(90deg,transparent,#ff874744,transparent)}.subheading{color:#8997ab}.heading-meta .clan-tag{color:#8f9db3}.content-grid{background:transparent}.card{background:linear-gradient(145deg,#131c2b,#0e1522);border-color:#26364c;color:#edf2fa;box-shadow:0 14px 38px #00000030}.card:hover{border-color:#46566d;box-shadow:0 20px 45px #0000004d}.card-title h2{color:#f7f9fc}.card-title p{color:#8090a5}.hero-card{background:radial-gradient(circle at 50% 36%,#a63120 0,#4b1d27 23%,#172337 56%,#0b121e 100%);border-color:#d4773e}.stat-card{background:linear-gradient(145deg,#182438,#101827);border-top-color:#ff7c45}.stat-card:nth-child(2){border-top-color:#35c88d}.stat-card:nth-child(3){border-top-color:#8c70ef}.stat-card:nth-child(4){border-top-color:#5f7eff}.stat-card small{color:#8493a8}.stat-card strong{color:#fff}.list-row{background:#101a29;border-color:#25354a;color:#eaf0f8}.list-row:hover{background:#172436;border-color:#e78352}.row-main small,.row-value small{color:#8190a5}.rank{color:#718097}.member-table th{color:#8491a5;border-bottom-color:#2a394d}.member-table td{border-bottom-color:#223248;color:#e8edf5}.member-table tr:hover td{background:#111e2e}.role.member{background:#1d2838;color:#91a0b5}.role.elder{background:#20254c;color:#aab1ff}.role{background:#422c24;color:#ffac84}.search-box{background:#0d1725;border-color:#2d4058;color:#fff}.search-box::placeholder{color:#718199}.progress-line{background:#202c3f}.metric-foot{color:#8b9bb0}.mode-badge{background:#2e211d;color:#ffac80;border-color:#9e5738}.text-link{color:#ff9b70}.event-banner{background:linear-gradient(110deg,#311e1d,#201b25);border-color:#71412f;color:#fff}.event-banner p{color:#c3a092}.event-live-card,.event-detail-grid div{background:#111c2c;border-color:#2b3b51}.event-live-card small,.event-detail-grid span{color:#8290a5}.event-rules{border-top-color:#29394e;color:#8493a7}.event-rules strong{color:#ff9a70}.winner-history-row{background:#101a29;border-color:#2a3a50}.winner-history-row small{color:#8090a5}.winner-status{background:#15352b;color:#52d7a1}.entry-box{border-color:#45566d;background:#0c1624}.entry-box input{background:transparent;color:#fff}.entry-box input::placeholder{color:#708098}.entry-chip{background:#1d2a3c;color:#e4ebf5}.secondary-btn{background:#111c2a;border-color:#34475f;color:#eaf0f8}.secondary-btn:hover{background:#1b2a3d;color:#ffad82}.empty{color:#8090a5}.clan-profile-banner{background:linear-gradient(120deg,#172438,#0e1725);border-color:#3b4d65}.clan-detail-grid strong{color:#edf2fa}.clan-detail-grid div{background:#111c2b}.clan-detail-grid span{color:#8292a7}.winner-live-spotlight,.winner-card{background:radial-gradient(circle at 50% 0,#3c2530,#101827 67%);border-color:#3b4d64}.toast{background:#111e30;border-color:#475b75}.event-kpis .card span{color:#8090a5}.top-actions .live-pill{background:#12342b}.mobile-brand{color:#fff}.page-heading h1{color:#fff}.clan-profile-banner p:not(.eyebrow){color:#a9b7ca}.event-icon{background:#3d2929}.event-icon{color:#ff9b70}
@media(max-width:900px){.page-heading:after{left:75px}}@media(max-width:600px){.page-heading:after{left:0}.main-content{background:#080c15}}
.quick-nav{display:none;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.quick-nav::-webkit-scrollbar{display:none}.quick-nav-item{white-space:nowrap;border:1px solid #2b3c52;border-radius:9px;background:#101b2b;color:#91a1b6;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}.quick-nav-item.active{color:#fff;background:linear-gradient(120deg,#e9683d,#a83d31);border-color:#ff9b68;box-shadow:0 6px 15px #e9683d38}.quick-nav-item:hover{color:#fff;border-color:#ff966a}@media(max-width:900px){.topbar{gap:12px;padding:0 18px}.quick-nav{display:flex;flex:1;min-width:0}.mobile-brand{display:block;white-space:nowrap}.top-actions{gap:10px}.top-actions .live-pill{display:none}}@media(max-width:600px){.topbar{height:auto;min-height:68px;padding:10px 14px;flex-wrap:wrap}.mobile-brand{width:100%}.quick-nav{order:3;width:100%;flex-basis:100%}.top-actions{position:absolute;right:14px;top:12px}.page-heading{padding-top:25px}}
.admin-gate{grid-column:1/-1;min-height:430px;display:grid;place-items:center;text-align:center;padding:45px 20px;background:radial-gradient(circle at 50% 25%,#4a292d,#111b2b 55%,#0d1522);border:1px solid #5b4a4b;border-radius:22px;box-shadow:0 25px 55px #0006}.admin-gate>*{grid-column:1}.admin-lock{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,#ff9a4e,#a93e2d);box-shadow:0 0 30px #ff7b4566;color:#fff;font-size:37px;margin-bottom:12px}.admin-gate h2{font:600 30px 'Space Grotesk';margin:0 0 9px;color:#ffb37b}.admin-gate p:not(.eyebrow){max-width:480px;color:#a7b4c6;font-size:12px;line-height:1.6;margin:0 auto 20px}.admin-login-form{display:flex;gap:9px;width:min(440px,100%);margin:auto}.admin-login-form input{flex:1;min-width:0;border:1px solid #3b4e68;border-radius:10px;background:#101c2d;color:#fff;padding:12px 13px;outline:0}.admin-login-form input:focus{border-color:#ff9c6b}.admin-gate small{display:block;color:#ff9b78;font-size:10px;margin-top:12px;min-height:14px}@media(max-width:600px){.admin-login-form{flex-direction:column}.admin-login-form .primary-btn{width:100%}}
.th-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:linear-gradient(135deg,#3b2a22,#1d2433);border:1px solid #9b633d;color:#ffd08a;font-size:10px;font-weight:800}.th-badge span{font-size:14px}.th-mini{color:#ffb57b;font-weight:700}.donation-number{color:#67dba8}.donation-card{grid-column:1/-1}.donation-list{display:flex;flex-direction:column;gap:9px}.donation-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #293b51;border-radius:11px;background:linear-gradient(90deg,#111d2c,#0f1826)}.donation-rank{width:23px;color:#74839a;font:600 12px 'Space Grotesk'}.donation-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ef865a,#813c49);color:white;font-size:10px;font-weight:800}.donation-member{width:150px}.donation-member strong{display:block;font-size:12px}.donation-member small{display:block;color:#8494aa;font-size:10px;margin-top:3px}.donation-bar{height:7px;flex:1;min-width:90px;background:#202e42;border-radius:10px;overflow:hidden}.donation-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8149,#f4bf55);box-shadow:0 0 12px #ff814955}.donation-total{width:70px;text-align:right;color:#ffd08a;font:600 13px 'Space Grotesk'}@media(max-width:600px){.donation-row{gap:8px}.donation-member{width:100px}.donation-total{width:55px;font-size:11px}.donation-bar{display:none}}
.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#050914bb;backdrop-filter:blur(10px)}.member-modal{width:min(620px,100%);max-height:90vh;overflow:auto;position:relative;border:1px solid #4a5c75;border-radius:22px;padding:28px;background:linear-gradient(145deg,#182538,#0c1421);box-shadow:0 28px 80px #000b;color:#eef3fb}.modal-close{position:absolute;right:18px;top:15px;width:34px;height:34px;border:1px solid #3c4e66;border-radius:50%;background:#152338;color:#fff;font-size:22px;cursor:pointer}.modal-profile{display:flex;align-items:center;gap:16px;padding-bottom:21px;border-bottom:1px solid #2d3e53}.modal-profile h2{font:600 27px 'Space Grotesk';margin:3px 0 9px;color:#ffae78}.modal-th{display:grid;place-items:center;width:80px;height:88px;border-radius:16px;background:linear-gradient(145deg,#67452e,#291d24);border:1px solid #d59b56;box-shadow:0 0 22px #f5964d33}.modal-th span{font-size:32px}.modal-th strong{color:#ffd487;font:700 12px 'Space Grotesk'}.member-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.member-detail-grid div{padding:13px;border-radius:10px;background:#111d2c;border:1px solid #293b50}.member-detail-grid small{display:block;color:#8090a6;font-size:9px;letter-spacing:.7px}.member-detail-grid strong{display:block;color:#f2f5f9;font:600 14px 'Space Grotesk';margin-top:6px}.modal-profile .role{display:inline-block}@media(max-width:600px){.member-modal{padding:21px}.member-detail-grid{grid-template-columns:1fr}.modal-profile h2{font-size:23px}}
.clan-profile-banner{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:25px 28px;border-radius:14px;background:linear-gradient(120deg,#182538,#0e1624);border:1px solid #384a62;color:#fff;box-shadow:0 17px 36px #0c142224}.clan-profile-banner h2{font:600 28px 'Space Grotesk';margin:4px 0 7px;color:#ffae78}.clan-profile-banner p:not(.eyebrow){color:#a8b4c6;font-size:12px;margin:0 0 10px}.clan-profile-banner .mode-badge{margin-left:auto;color:#ffbc68;border-color:#966138;background:#452b24}.clan-profile-logo{width:100px;height:100px;flex:none;border-radius:20px;overflow:hidden;border:2px solid #ffbd58;box-shadow:0 0 23px #ff8b3d66}.clan-profile-logo img{width:100%;height:100%;display:block;object-fit:cover}.clan-tag-large{color:#ffda96;font:600 13px 'Space Grotesk';letter-spacing:1px}.clan-info-card{grid-column:span 1}.clan-performance-card{grid-column:span 1}.clan-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.clan-detail-grid div{padding:13px;border-radius:9px;background:#f7f8fb}.clan-detail-grid span{display:block;color:var(--muted);font-size:10px}.clan-detail-grid strong{display:block;font-size:12px;margin-top:5px}.clan-profile-banner+.event-kpis{margin-top:0}@media(max-width:900px){.clan-info-card,.clan-performance-card{grid-column:1/-1}}@media(max-width:600px){.clan-profile-banner{display:block;padding:20px;text-align:center}.clan-profile-logo{margin:0 auto 15px}.clan-profile-banner .mode-badge{display:inline-block;margin-top:15px}.clan-detail-grid{grid-template-columns:1fr}.clan-profile-banner h2{font-size:24px}}