:root{--bg:#060708;--panel:#121416;--panel-deep:#0b0d0f;--line:#35383b;--line-soft:#ffffff13;--steel:#9fa5aa;--text:#e9e7e2;--muted:#878b8e;--gold:#d7b56d;--gold-bright:#f5d990;--red:#a52d2d;--rabbit:#d6b452;--blood:#d1434f;--chaos:#b175dc;--devil:#db6735;--cyan:#56bfd3}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -20%,#82704a29,#0000 34%),radial-gradient(circle at 6% 30%,#525b621a,#0000 25%),repeating-linear-gradient(135deg,#ffffff03 0 1px,#0000 1px 6px),#060708;margin:0;font-family:Malgun Gothic,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.32;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.8%,#ffffff05 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#ffffff03 50%,#0000 50.2%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:110px 110px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;mask-image:radial-gradient(circle,#000,#0000 82%)}button{font:inherit}.page{width:min(1420px,100% - 36px);margin:0 auto;padding:42px 0 70px;position:relative}.masthead{background:linear-gradient(90deg,#000000eb,#1a1c1de0,#000000eb),repeating-linear-gradient(135deg,#17191b 0 2px,#101214 2px 7px);border:1px solid #3d3f41;justify-content:space-between;align-items:center;min-height:116px;margin-bottom:22px;padding:20px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008f,inset 0 1px #ffffff0f}.masthead:before,.masthead:after{content:"";background:linear-gradient(transparent, var(--gold), transparent);opacity:.45;width:2px;position:absolute;top:16px;bottom:16px}.masthead:before{left:14px}.masthead:after{right:14px}.brand{align-items:center;gap:19px;display:flex}.brand-mark{width:58px;height:58px;color:var(--gold-bright);background:linear-gradient(145deg,#27241d,#090a0b);border:1px solid #816c3e;place-items:center;font-family:Georgia,serif;font-size:31px;font-weight:700;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #0a0b0c,0 0 24px #d7b56d1c}.brand-mark span{transform:rotate(-45deg)}.brand-copy h1{color:#f0e5ce;letter-spacing:.13em;text-shadow:0 2px 18px #000;margin:0;font-family:Georgia,Malgun Gothic,serif;font-size:clamp(26px,3vw,44px)}.brand-copy p{color:#8f8a80;letter-spacing:.28em;margin:7px 0 0;font-size:12px}.update-time{color:#767a7d;text-align:right;font-size:12px;line-height:1.7}.update-time strong{color:#b2aa9a;letter-spacing:.08em;font-weight:500;display:block}.system-notice{color:#e2b4b4;background:#5b161657;border:1px solid #be4d4d73;margin-bottom:18px;padding:13px 18px;font-size:13px}.dashboard{grid-template-columns:352px minmax(0,1fr);align-items:start;gap:22px;display:grid}.side-column{gap:22px;display:grid}.metal-panel{background:linear-gradient(145deg,#1d1f21fa,#0b0d0efc 45%,#111315fc),repeating-linear-gradient(45deg,#0000 0 3px,#ffffff05 3px 4px);border:1px solid #3c3f42;position:relative;box-shadow:0 18px 44px #00000075,inset 0 1px #ffffff0e}.metal-panel:before{content:"";pointer-events:none;border:1px solid #ffffff09;position:absolute;inset:5px}.panel-heading{background:linear-gradient(90deg,#111315,#252729 50%,#111315);border-bottom:1px solid #414345;justify-content:space-between;align-items:center;min-height:65px;padding:15px 19px;display:flex;position:relative}.panel-heading:after{content:"";background:linear-gradient(90deg, transparent, var(--accent,var(--gold)), transparent);height:1px;position:absolute;bottom:-1px;left:19px;right:19px}.heading-title{align-items:center;gap:11px;display:flex}.heading-gem{border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 75%, white);background:var(--accent,var(--gold));width:10px;height:10px;box-shadow:0 0 11px color-mix(in srgb, var(--accent,var(--gold)) 50%, transparent);transform:rotate(45deg)}.heading-title h2{color:#ece6d9;letter-spacing:-.02em;margin:0;font-size:17px}.panel-kicker{color:#777b7e;letter-spacing:.14em;font-size:10px}.compact-list{padding:8px 13px 14px;position:relative}.compact-head,.compact-row{grid-template-columns:35px 50px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.compact-head{color:#a3a7aa;letter-spacing:.02em;text-align:center;min-height:40px;font-size:12px;font-weight:600}.compact-row{border-top:1px solid var(--line-soft);min-height:52px;padding:5px 2px;transition:all .18s;position:relative}.hall-list .compact-head,.hall-list .compact-row{grid-template-columns:35px 50px minmax(0,1fr)}.compact-row:hover{background:#ffffff07;transform:translate(2px)}.compact-row.rank-gold,.ranking-row.rank-gold{background:linear-gradient(90deg,#c295361c,#0000 65%)}.compact-row.rank-silver,.ranking-row.rank-silver{background:linear-gradient(90deg,#b3bcc517,#0000 65%)}.compact-row.rank-bronze,.ranking-row.rank-bronze{background:linear-gradient(90deg,#a05e361a,#0000 65%)}.rank-badge{color:#b3b5b6;background:#111315;border:1px solid #3f4244;border-radius:50%;place-items:center;width:28px;height:28px;margin:auto;font-family:Georgia,serif;font-size:12px;font-weight:700;display:grid}.rank-gold .rank-badge{color:#2e230d;background:radial-gradient(circle at 35% 30%,#fff1ad,#d0a13c 62%,#6f4b16);border-color:#d5ad52;box-shadow:0 0 13px #e0b1464d}.rank-silver .rank-badge{color:#24282b;background:radial-gradient(circle at 35% 30%,#fff,#aeb7be 64%,#535b61);border-color:#d5dbe0;box-shadow:0 0 11px #cad6dd33}.rank-bronze .rank-badge{color:#2b160c;background:radial-gradient(circle at 35% 30%,#ffd0a2,#ad6942 64%,#55301e);border-color:#c4875d}.class-avatar{color:#c7b889;background:radial-gradient(circle at 50% 30%,#363b3f,#151719 70%),#16181a;border:1px solid #4b4f52;border-radius:3px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0c0d0e}.class-avatar:after{content:"";pointer-events:none;border:1px solid #ffffff0e;position:absolute;inset:3px}.class-avatar img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:1px}.compact-name{color:#e4e2dd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.compact-score{color:var(--accent,var(--gold-bright));text-align:right;font-family:Georgia,Malgun Gothic,serif;font-size:13px;font-weight:700}.compact-score small{color:#6faad1;white-space:nowrap;margin-left:3px;font-family:Malgun Gothic,sans-serif;font-size:10px;font-weight:700}.empty-state{color:#777b7e;text-align:center;padding:42px 18px;font-size:13px}.content-column{flex-direction:column;min-width:0;display:flex}.event-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px;display:grid}.event-tab{--tab-color:var(--gold);color:#bcbfc1;cursor:pointer;isolation:isolate;background:#111315;border:1px solid #45484a;min-height:72px;padding:11px 8px;transition:all .2s;position:relative;overflow:hidden}.event-tab:before{content:"";z-index:-2;background:linear-gradient(180deg, #0a0b0c40, #08090af0), var(--tab-art) center 38% / cover no-repeat, linear-gradient(135deg, #292c2f, #0c0e0f);filter:grayscale(.45);transition:all .2s;position:absolute;inset:0}.event-tab:after{content:"";z-index:-1;background:var(--tab-color);height:2px;box-shadow:0 0 12px var(--tab-color);opacity:.45;transition:all .2s;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(.35)}.event-tab:hover,.event-tab.is-active{border-color:color-mix(in srgb, var(--tab-color) 65%, #555);color:#fff;transform:translateY(-2px)}.event-tab:hover:before,.event-tab.is-active:before{filter:grayscale(0)}.event-tab.is-active:after{opacity:1;transform:scaleX(1)}.event-tab strong{text-shadow:0 2px 8px #000;margin-top:22px;font-size:13px;display:block}.event-panel{--event-color:var(--gold);display:none}.event-panel.is-active{flex-direction:column;flex:1;min-height:0;animation:.28s panel-in;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.event-hero{background:linear-gradient(90deg, #08090afa 0%, #090a0bcf 48%, #07080947 100%), var(--event-art) right 35% / cover no-repeat, linear-gradient(135deg, #26292b, #090a0b);border-bottom:1px solid #414345;min-height:150px;padding:36px 36px 30px;position:relative;overflow:hidden}.event-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--event-color), transparent);height:2px;box-shadow:0 0 17px color-mix(in srgb, var(--event-color) 45%, transparent);position:absolute;bottom:0;left:0;right:0}.event-hero small{color:var(--event-color);letter-spacing:.24em;font-family:Georgia,serif;font-size:11px}.event-hero h2{color:#f2eee6;letter-spacing:-.04em;text-shadow:0 3px 18px #000;margin:9px 0 7px;font-size:clamp(25px,3vw,38px)}.event-hero p{color:#8f9294;max-width:570px;margin:0;font-size:13px;line-height:1.7}.table-scroll{scrollbar-color:#555 #111;scrollbar-width:thin;flex:1;min-height:0;position:relative;overflow:auto}.ranking-table{border-collapse:collapse;table-layout:fixed;width:100%}.ranking-table th{z-index:3;height:48px;color:color-mix(in srgb, var(--event-color) 72%, white);text-align:center;letter-spacing:.02em;background:#141618fa;border-bottom:1px solid #484b4d;padding:8px 12px;font-size:14px;font-weight:700;position:sticky;top:0}.ranking-table td{border-bottom:1px solid var(--line-soft);color:#d9d9d7;text-align:center;height:58px;padding:7px 12px;font-size:13px}.ranking-row{transition:background .15s}.ranking-row:hover{background-color:#ffffff07}.rank-column{width:72px}.class-column{width:82px}.score-column{width:150px}.table-class{justify-content:center;display:flex}.character-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden;color:#f0eee9!important}.value-strong{font-family:Georgia,Malgun Gothic,serif;font-weight:700;color:#f0e4c6!important}.stats-wrap{padding:24px;position:relative}.class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.class-stat{background:linear-gradient(135deg,#1b1d1f,#0e1011);border:1px solid #34373a;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:70px;padding:10px 13px;transition:all .18s;display:grid}.class-stat:hover{border-color:#64686b;transform:translateY(-2px)}.class-stat .class-avatar{width:46px;height:46px}.class-stat-name{color:#d8d7d3;min-width:0;font-size:12px;font-weight:700}.class-stat-count{color:var(--cyan);font-family:Georgia,serif;font-size:17px;font-weight:700}.page-footer{color:#55595c;text-align:center;letter-spacing:.12em;margin-top:22px;font-size:11px}@media (width<=1120px){.dashboard{grid-template-columns:310px minmax(0,1fr)}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=870px){.dashboard{grid-template-columns:1fr;align-items:start}.content-column,.event-panel.is-active{display:block}.table-scroll{max-height:850px}.side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.event-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.page{width:min(100% - 20px,1420px);padding-top:15px}.masthead{align-items:flex-start;min-height:104px;padding:18px 20px}.brand-mark,.brand-copy p,.update-time{display:none}.side-column,.class-grid{grid-template-columns:1fr}.event-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.event-tab:last-child{grid-column:1/-1}.event-hero{min-height:130px;padding:28px 22px 24px}.event-hero p{display:none}.ranking-table th,.ranking-table td{padding-left:7px;padding-right:7px}.ranking-table th{font-size:12px}.ranking-table td{font-size:11px}.rank-column{width:54px}.class-column{width:62px}.score-column{width:98px}.table-class .class-avatar{width:35px;height:35px}}.class-avatar{--frame-light:#84919a;--frame-mid:#394249;--frame-dark:#090c0f;--frame-glow:#7497ad26;isolation:isolate;width:36px;height:36px;box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative;overflow:visible}.class-avatar:before{content:"";z-index:0;background:linear-gradient(135deg, var(--frame-light) 0%, var(--frame-mid) 28%, var(--frame-dark) 52%, var(--frame-mid) 75%, var(--frame-light) 100%);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);position:absolute;inset:0}.class-avatar img{z-index:1;object-fit:cover;clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%);width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;filter:none!important;transform:none!important}.class-avatar:after{content:"";z-index:2;pointer-events:none;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:linear-gradient(135deg,#dcebf429,#0000 38%,#0000003d);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #becfd940,inset 0 0 0 3px #00000080}.table-class .class-avatar{width:36px;height:36px}.rank-gold .class-avatar,.rank-silver .class-avatar,.rank-bronze .class-avatar{width:48px;height:48px;filter:drop-shadow(0 0 6px var(--frame-glow))}.rank-gold .class-avatar:before,.rank-silver .class-avatar:before,.rank-bronze .class-avatar:before,.rank-gold .class-avatar:after,.rank-silver .class-avatar:after,.rank-bronze .class-avatar:after{clip-path:polygon(50% 0,63% 8%,80% 4%,88% 18%,100% 30%,94% 50%,100% 70%,88% 82%,80% 96%,63% 92%,50% 100%,37% 92%,20% 96%,12% 82%,0 70%,6% 50%,0 30%,12% 18%,20% 4%,37% 8%)}.rank-gold .class-avatar img,.rank-silver .class-avatar img,.rank-bronze .class-avatar img{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.rank-gold .class-avatar{--frame-light:#fff1a8;--frame-mid:#c38a23;--frame-dark:#3b2104;--frame-glow:#f4be437a}.rank-silver .class-avatar{--frame-light:#f5fbff;--frame-mid:#9cabb6;--frame-dark:#28343d;--frame-glow:#aadcff61}.rank-bronze .class-avatar{--frame-light:#ffc08c;--frame-mid:#ad6541;--frame-dark:#3c180d;--frame-glow:#dd663761}.rank-gold .rank-badge,.rank-silver .rank-badge,.rank-bronze .rank-badge{isolation:isolate;z-index:0;width:30px;height:30px;font-size:12px;font-weight:800;position:relative;overflow:visible}.rank-gold .rank-badge:after,.rank-silver .rank-badge:after,.rank-bronze .rank-badge:after{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:2px}.rank-gold .rank-badge,.rank-silver .rank-badge,.rank-bronze .rank-badge{--seal-light:#d8c078;--seal-mid:#80651f;--seal-dark:#312306;--seal-text:#f4e4ae;--seal-glow:#c99e3240;isolation:isolate;z-index:0;width:34px;height:34px;color:var(--seal-text);box-shadow:none;text-shadow:0 1px 1px #000, 0 0 4px var(--seal-glow);background:0 0;border:0;border-radius:0;font-size:12px;font-weight:800;position:relative;overflow:visible}.rank-gold .rank-badge:before,.rank-silver .rank-badge:before,.rank-bronze .rank-badge:before{content:"";z-index:-2;background:linear-gradient(135deg, var(--seal-light) 0%, var(--seal-mid) 28%, var(--seal-dark) 52%, var(--seal-mid) 74%, var(--seal-light) 100%);clip-path:polygon(50% 0%,68% 11%,88% 8%,100% 36%,90% 74%,50% 100%,10% 74%,0% 36%,12% 8%,32% 11%);filter:drop-shadow(0 0 4px var(--seal-glow));position:absolute;inset:0}.rank-gold .rank-badge:after,.rank-silver .rank-badge:after,.rank-bronze .rank-badge:after{content:"";z-index:-1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--seal-light) 55%, transparent), inset 0 0 6px #000;clip-path:polygon(50% 0%,68% 11%,88% 8%,100% 36%,90% 74%,50% 100%,10% 74%,0% 36%,12% 8%,32% 11%);background:radial-gradient(circle at 38% 30%,#30363a 0%,#15191c 46%,#07090a 100%);position:absolute;inset:3px}.rank-gold .rank-badge{--seal-light:#ead17a;--seal-mid:#927024;--seal-dark:#352405;--seal-text:#ffe9a2;--seal-glow:#dead374d;width:36px;height:36px}.rank-silver .rank-badge{--seal-light:#dce8ed;--seal-mid:#798991;--seal-dark:#273238;--seal-text:#e8f4f8;--seal-glow:#9bcde240}.rank-bronze .rank-badge{--seal-light:#d99a70;--seal-mid:#8c4b31;--seal-dark:#32150d;--seal-text:#f1b88f;--seal-glow:#bd4f283d}.rank-gold .rank-badge{--seal-light:#ffe99a;--seal-mid:#a77b21;--seal-dark:#382506;--seal-text:#fff0b0;--seal-glow:#f3bb3366;text-shadow:0 1px 1px #000,0 0 5px #ffdb6e94}.rank-gold .rank-badge:before{background:linear-gradient(120deg,#5c3906 0%,#c18b22 20%,#fff0a0 38%,#9a6815 55%,#e7bd50 76%,#553304 100%) 0 0/220% 220%;animation:4.2s ease-in-out infinite gold-seal-shimmer}@keyframes gold-seal-shimmer{0%,to{filter:drop-shadow(0 0 4px #dea82c52)drop-shadow(0 0 8px #dea82c1a);background-position:0%}50%{filter:drop-shadow(0 0 6px #ffce4885)drop-shadow(0 0 12px #ffce4833);background-position:100%}}@media (prefers-reduced-motion:reduce){.rank-gold .rank-badge:before{animation:none}}.compact-row>.class-avatar,.compact-head>span:nth-child(2){transform:translate(6px)}.compact-name{padding-left:16px}.compact-head>span:nth-child(3){text-align:left;padding-left:16px}.class-distribution{background:linear-gradient(135deg,#161a1cf7,#080a0bfa);border:1px solid #303438;margin-top:22px;padding:18px 20px}.class-distribution-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding-bottom:13px;display:flex}.class-distribution-head small{color:var(--cyan);letter-spacing:.18em;font-family:Georgia,serif;font-size:10px}.class-distribution-head h3{color:#e9e7e2;margin:4px 0 0;font-size:17px}.class-total{color:#858a8d;text-align:right;font-size:11px}.class-total strong{color:#dff8fc;margin-top:3px;font-family:Georgia,Malgun Gothic,serif;font-size:17px;display:block}.class-bar-list{gap:4px;display:grid}.class-bar-row{grid-template-columns:112px minmax(120px,1fr) 72px 48px;align-items:center;gap:11px;min-height:22px;padding:2px 0;display:grid}.class-bar-name{color:#cfd1d1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.class-bar-track{background:#080a0b;border:1px solid #293135;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000}.class-bar-fill{width:var(--bar-width);transform-origin:0;background:linear-gradient(90deg,#244a54 0%,#3e96a8 55%,#72d7e7 100%);height:100%;display:block;box-shadow:0 0 7px #56bfd352,inset 0 1px #ffffff2e}.class-bar-count{color:#dceff2;text-align:right;white-space:nowrap;font-family:Georgia,Malgun Gothic,serif;font-size:12px}.class-bar-share{color:#6fa9b4;text-align:right;white-space:nowrap;font-family:Georgia,serif;font-size:11px}#panel-classes.is-active .class-bar-fill{animation:.65s ease-out both class-bar-in}@keyframes class-bar-in{0%{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.class-bar-row.is-largest .class-bar-name{color:#9dbdf1;text-shadow:0 0 6px #6e97dc38;font-weight:700}.class-bar-row.is-largest .class-bar-track{border-color:#405779;height:8px;box-shadow:inset 0 1px 3px #000,0 0 6px #5d85cb2e}.class-bar-row.is-largest .class-bar-fill{background:linear-gradient(90deg,#293f68 0%,#527bc0 55%,#9dbdf1 100%);box-shadow:0 0 8px #6894de61,inset 0 1px #ffffff3d}.class-bar-row.is-largest .class-bar-count{color:#c6d9fa}.class-bar-row.is-largest .class-bar-share{color:#91afe1;font-weight:700}@media (width<=620px){.class-distribution{padding:15px 13px}.class-bar-row{grid-template-columns:88px minmax(70px,1fr) 67px;gap:8px}.class-bar-share{display:none}}
/* Event artwork paths are resolved from this CSS file. */
.event-tab[data-panel="rabbit"]{--tab-art:url("../../images/events/rabbit.jpg")}
.event-tab[data-panel="blood"]{--tab-art:url("../../images/events/blood-castle.jpg")}
.event-tab[data-panel="chaos"]{--tab-art:url("../../images/events/chaos-castle.jpg")}
.event-tab[data-panel="devil"]{--tab-art:url("../../images/events/devil-square.jpg")}
.event-tab[data-panel="classes"]{--tab-art:url("../../images/events/classes.jpg")}
#panel-rabbit{--event-art:url("../../images/events/rabbit.jpg")}
#panel-blood{--event-art:url("../../images/events/blood-castle.jpg")}
#panel-chaos{--event-art:url("../../images/events/chaos-castle.jpg")}
#panel-devil{--event-art:url("../../images/events/devil-square.jpg")}
#panel-classes{--event-art:url("../../images/events/classes.jpg")}