*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pink: #ff00aa;--blue: #ffaaff;--green: #00ffaa;--yellow: #ffaa00;--orange: #ffaa00;--purple: #aa88ff;--teal: #8866aa;--cyan: #18e0ff;--cream: #2a1a4a;--white: rgba(28, 16, 52, .5);--ink: #ffaaff;--text: #f0d9ff;--muted: #aa88cc;--outline: 1px solid rgba(255, 170, 255, .4);--shadow: 0 0 20px rgba(255, 170, 255, .28), 0 0 46px rgba(255, 170, 0, .1);--font-d: "Audiowide", cursive;--font-b: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background-color:var(--cream);color:var(--text);font-family:var(--font-b);min-height:100vh;overflow-x:hidden;position:relative}.vapor-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#140a30,#24123f 22%,#3a1062 42%,#9c2876 66%,#ef5f81 82%,#2a1a4a)}.vapor-stars{position:absolute;top:0;right:0;bottom:55%;left:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#ffd6f0 100%,transparent),radial-gradient(1.5px 1.5px at 28% 8%,#bdf0ff 100%,transparent),radial-gradient(1px 1px at 44% 24%,#fff 100%,transparent),radial-gradient(1.5px 1.5px at 62% 12%,#ffd6f0 100%,transparent),radial-gradient(1px 1px at 76% 30%,#bdf0ff 100%,transparent),radial-gradient(1.5px 1.5px at 88% 6%,#fff 100%,transparent),radial-gradient(1px 1px at 6% 34%,#bdf0ff 100%,transparent),radial-gradient(1.5px 1.5px at 94% 22%,#ffd6f0 100%,transparent);background-repeat:repeat;background-size:340px 260px;animation:twinkle 5s ease-in-out infinite}.vapor-planet{position:absolute;top:9%;right:10%;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#d9b3ff,#7d4bff 55%,#3a1a7a);box-shadow:0 0 40px #7d4bff8c,0 0 90px #7d4bff40}.vapor-planet:before,.vapor-planet:after{content:"";position:absolute;left:50%;top:50%;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);opacity:.65;animation:planetRing 12s ease-in-out infinite}.vapor-planet:before{width:150px;height:46px;margin:-23px 0 0 -75px}.vapor-planet:after{width:132px;height:34px;margin:-17px 0 0 -66px;opacity:.4;animation-delay:-3s}.vapor-sun{position:absolute;top:12%;left:50%;width:300px;height:300px;transform:translate(-50%);border-radius:50%;background:linear-gradient(to bottom,#ffe066,#f80,#f0a,#a0f);box-shadow:0 0 120px #ff8cc873,0 0 240px #b026ff33}.vapor-sun:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,#1a0a3a 9px,#1a0a3a 14px);mask-image:linear-gradient(to bottom,transparent 42%,#000 42%);-webkit-mask-image:linear-gradient(to bottom,transparent 42%,#000 42%)}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes planetRing{0%,to{transform:rotate(-8deg) scaleY(1)}50%{transform:rotate(-14deg) scaleY(.88)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes ring-pulse{0%{box-shadow:0 0 #00ffaab3}70%{box-shadow:0 0 0 8px #0fa0}to{box-shadow:0 0 #0fa0}}@keyframes countIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-wrap{max-width:1200px;margin:0 auto;padding:20px 20px 80px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:18px;animation:bounceIn .45s cubic-bezier(.34,1.56,.64,1) both;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:baseline;gap:14px}.logo-name{font-family:var(--font-d);font-size:40px;line-height:1;background:linear-gradient(90deg,#faf,#b6f 40%,#f0a 70%,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 14px rgba(255,170,255,.5))}.logo-name em{font-style:normal}.live-indicator{position:relative;display:flex;align-items:center;padding:8px;cursor:default}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 1.6s ease-in-out infinite,ring-pulse 2s ease-out infinite}.live-tooltip{position:absolute;top:100%;right:0;margin-top:8px;display:flex;align-items:baseline;gap:6px;font-family:var(--font-b);font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;background:#140a26e6;border:var(--outline);border-radius:6px;padding:6px 10px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.live-tooltip #last-update{font-size:11px;font-weight:700;color:var(--muted)}.live-indicator:hover .live-tooltip{opacity:1;transform:translateY(0)}.controls-bar{display:none}.toggle-group{display:flex;gap:24px}.toggle-btn{padding:4px 0;font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:.03em;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.toggle-btn.active{color:#fff;border-bottom-color:var(--ink);text-shadow:0 0 8px rgba(255,170,255,.5)}.toggle-btn:hover:not(.active){color:var(--text)}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:18px;margin-top:6px}.section-label-text{font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink);text-shadow:0 0 10px rgba(255,170,255,.5)}.section-label:after{content:"";flex:1;height:1px;background:#ffaaff40}#contest-section{margin-bottom:32px;background:var(--white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--outline);border-radius:22px;padding:18px 32px;position:relative;box-shadow:var(--shadow);animation:popUp .4s cubic-bezier(.34,1.56,.64,1) both}.contest-bar{display:flex;align-items:center;flex-wrap:wrap;row-gap:8px;column-gap:20px;margin-bottom:4px}.contest-title{font-family:var(--font-d);font-size:22px;background:linear-gradient(90deg,#fa0,#f0a 70%,#b6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 9px rgba(255,170,0,.5))}.winner-banner{display:none;background:linear-gradient(135deg,#ffaa002e,#ff00aa2e);border:1px solid var(--yellow);border-radius:12px;padding:12px 20px;margin-bottom:20px;font-family:var(--font-d);font-size:18px;color:var(--yellow);box-shadow:0 0 14px #ffaa0059}.contest-table{width:100%;border-collapse:collapse}.contest-table th{text-align:left;padding:8px 16px;font-family:var(--font-b);font-size:11px;font-weight:800;letter-spacing:2px;color:var(--ink);text-transform:uppercase;background:transparent;border-bottom:1px solid rgba(255,170,255,.4)}.contest-table td{padding:9px 16px;font-family:var(--font-b);font-size:13px;font-weight:600;white-space:nowrap;border-bottom:1px solid rgba(255,170,255,.1);color:var(--text);background:transparent}.contest-table td:nth-child(2){font-family:var(--font-d);font-size:16px;font-weight:400}.contest-table tr:hover td{background:#ffaaff0d}.contest-table .medal-gold td{background:#ffd60026;font-weight:800}.contest-table .medal-silver td{background:#c0c0c01f}.contest-table .medal-bronze td{background:#cd7f321f}.contest-table .medal-gold td:first-child{border-left:3px solid rgba(255,214,0,.8)}.contest-table .medal-silver td:first-child{border-left:3px solid rgba(192,192,192,.6)}.contest-table .medal-bronze td:first-child{border-left:3px solid rgba(205,127,50,.6)}.contest-table tr.rank-moved-up td{background:#22c55e24}.contest-table tr.rank-moved-down td{background:#ef44441f}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 760px){.categories-grid{grid-template-columns:1fr}.logo-name{font-size:30px}.controls-bar{flex-direction:column;align-items:flex-start}.site-header{flex-wrap:wrap}.toggle-group{order:3;width:100%;justify-content:center}.toggle-btn{padding:8px 16px;font-size:16px}}.cat-card{background:var(--white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--outline);border-radius:20px;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:var(--shadow);animation:popUp .5s cubic-bezier(.34,1.56,.64,1) both}.cat-card:nth-child(1){animation-delay:.05s}.cat-card:nth-child(2){animation-delay:.1s}.cat-card:nth-child(3){animation-delay:.15s}.cat-card:nth-child(4){animation-delay:.2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 0 34px #faf6,0 0 60px #18e0ff26}.cat-header{padding:18px 24px 16px;border-bottom:1px solid rgba(255,170,255,.2);display:flex;align-items:center;gap:14px}.cat-card:nth-child(1) .cat-header{background:#ffaaff1f}.cat-card:nth-child(2) .cat-header{background:#ff00aa1f}.cat-card:nth-child(3) .cat-header{background:#00ffaa1f}.cat-card:nth-child(4) .cat-header{background:#ffaa001f}.cat-icon{font-size:26px;line-height:1;flex-shrink:0}.cat-meta{flex:1;min-width:0}.cat-title{font-family:var(--font-d);font-size:20px;line-height:1}.cat-card:nth-child(1) .cat-title{color:var(--blue)}.cat-card:nth-child(2) .cat-title{color:var(--pink)}.cat-card:nth-child(3) .cat-title{color:var(--green)}.cat-card:nth-child(4) .cat-title{color:var(--orange)}.cat-desc{font-size:12px;font-weight:700;color:var(--muted);margin-top:4px}.rank-list{--rank-row-h: 34px;padding:4px 24px 20px;max-height:calc(10 * var(--rank-row-h));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.rank-list::-webkit-scrollbar{width:6px}.rank-list::-webkit-scrollbar-track{background:transparent}.rank-list::-webkit-scrollbar-thumb{background:var(--ink);border-radius:3px;opacity:.4}.rank-row{display:grid;grid-template-columns:32px 1fr auto 60px;align-items:center;height:var(--rank-row-h);padding:4px 8px;gap:12px;border-bottom:1px solid rgba(255,170,255,.1);border-radius:8px;transition:all .15s}.rank-row:hover{background:#ffaaff0f;transform:translate(4px)}.rank-row.medal-gold{background:#ffd60026;border-left:3px solid rgba(255,214,0,.8)}.rank-row.medal-silver{background:#c0c0c01f;border-left:3px solid rgba(192,192,192,.6)}.rank-row.medal-bronze{background:#cd7f321f;border-left:3px solid rgba(205,127,50,.6)}.rank-row.medal-gold .rank-name,.rank-row.medal-silver .rank-name,.rank-row.medal-bronze .rank-name{font-size:17px}.rank-row.medal-gold .rank-value{color:#ffd166}.rank-row.medal-silver .rank-value{color:#dbe4f0}.rank-row.medal-bronze .rank-value{color:#ffb37a}.rank-row.rank-moved-up{background:#22c55e29}.rank-row.rank-moved-down{background:#ef444424}.rank-num{font-family:var(--font-d);font-size:16px;color:var(--muted);text-align:center;line-height:1.2}.rank-row.medal-gold .rank-num,.rank-row.medal-silver .rank-num,.rank-row.medal-bronze .rank-num{font-size:19px}.rank-name{font-family:var(--font-d);font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-family:var(--font-b);font-size:14px;font-weight:800;color:var(--blue);text-align:right;animation:countIn .3s ease-out both}.rank-row:nth-child(1) .rank-value{animation-delay:.04s}.rank-row:nth-child(2) .rank-value{animation-delay:.08s}.rank-row:nth-child(3) .rank-value{animation-delay:.12s}.rank-row:nth-child(4) .rank-value{animation-delay:.16s}.rank-row:nth-child(5) .rank-value{animation-delay:.2s}.rank-row:nth-child(6) .rank-value{animation-delay:.24s}.rank-row:nth-child(7) .rank-value{animation-delay:.28s}.rank-row:nth-child(8) .rank-value{animation-delay:.32s}.rank-row:nth-child(9) .rank-value{animation-delay:.36s}.rank-row:nth-child(10) .rank-value{animation-delay:.4s}.rank-wr{font-family:var(--font-b);font-size:11px;font-weight:700;color:var(--muted);text-align:right}.rank-list-empty{padding:32px 20px;font-family:var(--font-d);font-size:17px;color:var(--muted);text-align:center}.meta-chip{display:flex;flex-direction:column;gap:2px;background:#ffffff0a;border:var(--outline);border-radius:8px;padding:6px 14px}.contest-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px}.contest-meta .meta-chip{flex-direction:row;align-items:baseline;gap:6px;background:none;border:none;border-radius:0;padding:0 18px 0 0;border-right:1px solid rgba(255,170,255,.16)}.contest-meta .meta-chip:last-child{padding-right:0;border-right:none}.meta-chip-label{font-family:var(--font-b);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.meta-chip-value{font-family:var(--font-d);font-size:15px;color:var(--text);line-height:1.1}.past-contest-card{background:var(--white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--outline);border-radius:22px;padding:28px 28px 24px;margin-bottom:32px;box-shadow:var(--shadow);animation:popUp .4s cubic-bezier(.34,1.56,.64,1) both}.past-contest-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.past-contest-title{font-family:var(--font-d);font-size:23px;background:linear-gradient(90deg,#a8f,#faf 60%,#18e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 9px rgba(170,136,255,.5))}.ended-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-b);font-size:12px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.ended-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.past-contest-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.past-contest-categories{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.past-contest-categories{grid-template-columns:1fr}}.past-podium{padding:8px 16px 12px}.past-podium-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--text);border-bottom:1px dashed rgba(255,170,255,.12)}.past-podium-row:last-child{border-bottom:none}.past-podium-medal{font-size:16px;flex-shrink:0}.past-podium-name{font-family:var(--font-d);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.past-podium-score{font-family:var(--font-b);font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap;flex-shrink:0}.history-empty{padding:48px 20px;font-family:var(--font-d);font-size:20px;color:var(--muted);text-align:center}