:root{color:#f6f3ef;background:#07090b;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--ink-0: #07090b;--ink-1: #0d1115;--ink-2: #151b20;--ink-3: #202930;--paper: #f6f3ef;--muted: #94a2a6;--red: #ff4655;--red-dark: #9f1f2a;--cyan: #7ee9ee;--cyan-dark: #173b40;--line: #26343b;--shadow: 0 18px 50px rgb(0 0 0 / 42%)}*{box-sizing:border-box}html{background:var(--ink-0)}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(120deg,transparent 0 72%,rgb(126 233 238 / 4%) 72% 72.4%,transparent 72.4%),radial-gradient(circle at 10% 0%,rgb(255 70 85 / 12%),transparent 34rem),var(--ink-0)}button{min-height:44px;border:1px solid var(--line);border-radius:.2rem;padding:.75rem 1rem;color:inherit;background:var(--ink-2);font:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}button:not(:disabled):hover{border-color:var(--cyan)}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}h1,h2,p{margin:0}h1,h2,strong{overflow-wrap:anywhere}.app-shell{position:relative;display:grid;min-height:100vh;place-content:center;gap:1.15rem;overflow:hidden;padding:clamp(1.25rem,6vw,3rem);text-align:center}.app-shell:before,.app-shell:after{position:absolute;z-index:-1;content:"";transform:rotate(-12deg)}.app-shell:before{inset:14% -20% auto 25%;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 8rem #7ee9ee38,0 16rem #ff46552e}.app-shell:after{right:-5rem;bottom:-8rem;width:20rem;height:20rem;border:1px solid var(--line)}.home-brand{display:grid;justify-items:center;gap:.4rem}.home-brand__mark{width:clamp(4.5rem,12vw,7rem);height:clamp(4.5rem,12vw,7rem);object-fit:contain;filter:drop-shadow(0 1rem 2rem rgb(0 0 0 / 48%))}.home-brand h1{font-size:clamp(2.65rem,10vw,6rem);font-weight:950;letter-spacing:-.035em;line-height:.94;text-transform:uppercase;text-shadow:0 0 2.5rem rgb(126 233 238 / 10%)}.home-brand__subtitle{color:var(--cyan);font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:900;letter-spacing:.4em;text-indent:.4em}.home-screen__intro{color:var(--muted);line-height:1.6}.weapon-launches{display:grid;gap:.75rem;width:min(72rem,calc(100vw - 2.5rem));margin-top:.65rem}.primary-action,.share-actions button:first-child{border-color:#ff7b86;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 10px 30px #ff465524;font-weight:800}.weapon-launches button{position:relative;display:flex;min-height:7.5rem;align-items:flex-end;overflow:hidden;padding:1.15rem;border-color:#35434a;text-align:left;background:linear-gradient(145deg,rgb(255 70 85 / 18%),transparent 46%),linear-gradient(115deg,#151b20 0,#151b20 54%,#090d10 54%);box-shadow:var(--shadow);isolation:isolate}.weapon-launches button:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(7 9 11 / 92%) 0 38%,transparent 76%);content:""}.weapon-launches button:after{position:absolute;z-index:-1;top:-2rem;right:-1rem;width:5rem;height:8rem;border-left:1px solid rgb(255 255 255 / 30%);content:"";transform:rotate(20deg)}.weapon-launches button:not(:disabled):hover{border-color:var(--cyan);background:linear-gradient(145deg,rgb(255 70 85 / 24%),transparent 48%),linear-gradient(115deg,#192228 0,#192228 54%,#0a1014 54%);transform:translateY(-2px)}.weapon-launch__copy{position:relative;z-index:1;display:grid;gap:.25rem}.weapon-launch__copy strong{color:#fff;font-size:clamp(1.65rem,5vw,2.2rem);font-weight:950;letter-spacing:.04em}.weapon-launch__copy span{color:var(--cyan);font-size:.82rem;font-weight:800;letter-spacing:.08em}.weapon-launch__skin{position:absolute;z-index:0;right:-4%;bottom:10%;width:67%;height:74%;object-fit:contain;object-position:right center;filter:drop-shadow(0 .8rem 1.1rem rgb(0 0 0 / 65%));opacity:.94;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.weapon-launches button:not(:disabled):hover .weapon-launch__skin{opacity:1;transform:translate(-2%) scale(1.04)}@media(min-width:52rem){.weapon-launches{grid-template-columns:repeat(2,minmax(0,1fr))}.weapon-launches button{min-height:10.5rem}.weapon-launch__skin{right:-8%;bottom:14%;width:82%;height:68%}}@media(min-width:72rem){.weapon-launches{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-shell,.tournament-shell{display:flex;min-height:100vh;flex-direction:column}.home-shell .app-shell{min-height:auto;flex:1}.top-bar{position:sticky;z-index:2;top:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.75rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:#07090bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-bar>div,.top-bar nav{display:flex;align-items:center;gap:.65rem}.top-bar>div{min-height:44px}.top-bar strong{font-size:1.1rem}.top-bar span,.skin-card__tier,.champion-tier,.eyebrow{color:var(--cyan)}.top-bar button{padding:.5rem .75rem}.top-bar .danger-action{border-color:#ff8c92;background:var(--red-dark)}.tournament-main{flex:1;width:min(76rem,100%);margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}.creator-footer{position:relative;z-index:5;display:flex;justify-content:center;padding:.75rem max(1rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid rgb(126 233 238 / 7%);background:#07090bc2}.creator-profile{position:relative}.creator-trigger{display:flex;min-height:44px;align-items:center;gap:.45rem;padding:.25rem .65rem .25rem .3rem;border-color:#7ee9ee1a;border-radius:999px;background:#0d111585;box-shadow:none;opacity:.72}.creator-trigger:hover,.creator-trigger:focus-visible,.creator-profile:focus-within .creator-trigger{opacity:1}.creator-trigger>img{width:1.65rem;height:1.65rem;border:1px solid rgb(255 70 85 / 55%);border-radius:50%;object-fit:cover}.creator-trigger>span{display:grid;gap:.05rem;text-align:left}.creator-trigger small{color:var(--muted);font-size:.5rem;font-weight:800;letter-spacing:.18em}.creator-trigger strong{color:var(--paper);font-size:.82rem;line-height:1.05}.creator-card{position:absolute;z-index:20;bottom:calc(100% + .55rem);left:50%;display:grid;width:min(16.5rem,calc(100vw - 2rem));gap:.6rem;padding:.75rem;border:1px solid rgb(126 233 238 / 22%);border-radius:.35rem;background:linear-gradient(145deg,rgb(255 70 85 / 8%),transparent 42%),#0d1216;box-shadow:0 1rem 2.5rem #0000008f;transform:translate(-50%)}.creator-card:after{position:absolute;top:100%;left:50%;width:.75rem;height:.75rem;border-right:1px solid rgb(126 233 238 / 34%);border-bottom:1px solid rgb(126 233 238 / 34%);background:#0d1216;content:"";transform:translate(-50%,-50%) rotate(45deg)}.creator-card__header{display:flex;align-items:center;gap:.65rem;text-align:left}.creator-card__header>img{width:3rem;height:3rem;border:2px solid var(--red);border-radius:.4rem;object-fit:cover;box-shadow:0 .5rem 1rem #00000052}.creator-card__header>div{display:grid;gap:.16rem}.creator-card__header span{color:var(--red);font-size:.55rem;font-weight:900;letter-spacing:.2em}.creator-card__header strong{font-size:1.25rem;line-height:1}.creator-card__header small{color:var(--muted);font-size:.72rem}.creator-github{display:block;border:1px solid rgb(126 233 238 / 30%);border-radius:.25rem;padding:.5rem .65rem;color:var(--cyan);background:#173b406b;font-size:.78rem;font-weight:800;text-align:center;text-decoration:none}.creator-github:hover{border-color:var(--cyan);background:#173b40ad}.creator-github:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.creator-wechat{display:grid;justify-items:center;gap:.3rem;margin:0}.creator-wechat img{display:block;width:min(7.5rem,100%);max-height:8.5rem;border-radius:.2rem;object-fit:contain;background:#fff}.creator-wechat figcaption{color:var(--muted);font-size:.68rem;font-weight:700}.round-intro{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:clamp(1.5rem,6vw,5rem);background:linear-gradient(128deg,transparent 0 62%,rgb(126 233 238 / 9%) 62% 62.4%,transparent 62.4%),radial-gradient(circle at 50% 45%,rgb(255 70 85 / 18%),transparent 34rem),#07090b;animation:round-intro-enter .42s cubic-bezier(.16,1,.3,1) both}.round-intro:before,.round-intro:after{position:absolute;content:"";pointer-events:none}.round-intro:before{top:9%;right:6%;bottom:9%;left:6%;border:1px solid rgb(126 233 238 / 22%);clip-path:polygon(0 0,88% 0,100% 18%,100% 100%,12% 100%,0 82%)}.round-intro:after{width:min(72rem,120vw);height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 7rem #7ee9ee52;transform:rotate(-8deg)}.round-intro__frame{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(.75rem,3vw,1.4rem);text-align:center}.round-intro__brand{color:var(--red);font-size:.8rem;font-weight:950;letter-spacing:.34em}.round-intro strong{max-width:12ch;font-size:clamp(3.4rem,14vw,9rem);font-weight:950;letter-spacing:-.07em;line-height:.88}.round-intro p{color:#c8d0d1;font-size:clamp(.9rem,2.6vw,1.2rem);font-weight:650}.round-intro--exiting{animation:round-intro-exit .26s ease-in both}@keyframes round-intro-enter{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes round-intro-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}.stage{display:grid;gap:1.25rem}.stage__heading{display:grid;gap:.35rem;padding:1rem 0;text-align:center}.stage__heading h1,.champion-screen__heading h1{font-size:clamp(2.3rem,9vw,5rem);letter-spacing:-.055em;line-height:.95}.stage__heading p,.champion-screen__heading p{color:var(--muted)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem}.skin-card{display:grid;min-width:0;gap:.5rem;overflow:hidden;border-color:var(--line);text-align:left;background:linear-gradient(145deg,var(--ink-2),#101418);box-shadow:var(--shadow)}.skin-card--selected{border-color:var(--cyan);background:linear-gradient(145deg,#14272b,var(--ink-2));box-shadow:0 0 0 2px var(--cyan),var(--shadow)}.skin-card__visual{position:relative;display:grid;min-height:8rem;place-items:center;overflow:hidden;border-radius:.1rem;background:#090b0e}.skin-card__visual:after{position:absolute;right:-2rem;bottom:.5rem;width:8rem;height:1px;background:var(--red);content:"";transform:rotate(-18deg)}.skin-card img{display:block;width:100%;height:9rem;object-fit:contain}.skin-card__placeholder,.champion-hero__placeholder{display:grid;width:100%;min-height:9rem;place-items:center;color:#c8d0d1;background:repeating-linear-gradient(135deg,#12171b,#12171b 12px,#1b2429 12px,#1b2429 24px)}.skin-card__effects{display:flex;flex-wrap:wrap;gap:.35rem}.skin-card__effects span{border:1px solid #28575b;border-radius:999px;padding:.18rem .45rem;color:#d8f9fa;background:var(--cyan-dark);font-size:.75rem}.primary-action{position:sticky;bottom:1rem;justify-self:center;min-width:min(20rem,100%)}.champion-screen{gap:clamp(1.5rem,5vw,3rem);padding-bottom:5rem}.champion-screen__heading{display:grid;gap:.45rem;padding-top:clamp(1rem,5vw,3rem);text-align:center}.eyebrow,.champion-kicker{font-size:.75rem;font-weight:900;letter-spacing:.22em}.champion-hero{position:relative;display:grid;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#11161a,#090c0f);box-shadow:var(--shadow)}.champion-hero:before{position:absolute;z-index:1;inset:0 auto 0 0;width:6px;background:var(--red);content:""}.champion-hero__visual{display:grid;min-height:16rem;place-items:center;padding:1rem;background:linear-gradient(150deg,transparent 58%,rgb(255 70 85 / 16%) 58% 59%,transparent 59%),var(--ink-0)}.champion-hero__visual img{display:block;width:100%;max-height:21rem;object-fit:contain;filter:drop-shadow(0 22px 24px rgb(0 0 0 / 65%))}.champion-hero__placeholder{min-height:15rem}.champion-hero__copy{display:grid;align-content:center;gap:.45rem;padding:clamp(1.25rem,5vw,2.5rem)}.champion-kicker{color:var(--red)}.champion-hero__copy h2{max-width:18ch;font-size:clamp(2rem,8vw,4.75rem);letter-spacing:-.055em;line-height:.98}.champion-tier{font-weight:800}.runner-up{margin-top:.75rem;color:var(--muted)}.share-panel{display:grid;gap:1rem;border:1px solid var(--line);padding:clamp(1rem,4vw,1.5rem);background:#0d1115e5}.share-panel h2{font-size:1.15rem}.share-panel{grid-template-columns:1fr}.share-preview{width:min(100%,22rem);aspect-ratio:4 / 5;justify-self:center;border:1px solid var(--line);object-fit:cover;background:var(--ink-0)}.share-preview--empty{display:grid;place-items:center;color:#66777c;background:linear-gradient(145deg,transparent 49.6%,var(--line) 49.8% 50.2%,transparent 50.4%),var(--ink-0)}.bracket-share-description{margin-top:.55rem;color:var(--muted);line-height:1.6}.bracket-share-preview{max-height:44rem;aspect-ratio:9 / 16;object-fit:contain}.share-status{min-height:1.5rem;color:var(--muted)}.share-status--success{color:var(--cyan)}.share-status--error{color:#ff8f98}.share-actions{display:grid;grid-template-columns:1fr;gap:.65rem}.share-image-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-image-overlay__sheet{display:grid;width:min(100%,34rem);max-height:calc(100dvh - 1.5rem);gap:.75rem;overflow:auto;border:1px solid rgb(126 233 238 / 30%);padding:1rem;background:linear-gradient(145deg,rgb(255 70 85 / 10%),transparent 38%),var(--ink-1);box-shadow:0 1.5rem 5rem #000000b3}.share-image-overlay__sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.share-image-overlay__sheet header div{display:grid;gap:.25rem;text-align:left}.share-image-overlay__sheet h2{font-size:clamp(1.15rem,5vw,1.6rem)}.share-image-overlay__sheet header button{display:grid;width:2.75rem;min-height:2.75rem;flex:0 0 auto;place-items:center;padding:0;border-color:#ff46557f;border-radius:50%;font-size:1.65rem;line-height:1}.share-image-overlay__instruction{color:var(--cyan);font-size:.95rem;font-weight:800;line-height:1.55;text-align:center}.share-image-overlay__sheet img{display:block;width:100%;max-height:calc(100dvh - 14rem);border:1px solid var(--line);object-fit:contain;background:#050607;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.share-image-overlay__filename{overflow:hidden;color:var(--muted);font-size:.72rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.play-again{position:static}@media(min-width:42rem){.skin-grid--duel{grid-template-columns:repeat(2,minmax(0,1fr))}.champion-hero{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.8fr)}.share-panel{grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);align-items:start}.share-panel>div:first-child,.share-status,.share-actions{grid-column:1}.share-preview{grid-column:2;grid-row:1 / span 3}.share-actions,.bracket-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:38rem){.top-bar nav{width:100%}.top-bar nav button{flex:1}.stage--group,.stage--revival{gap:.75rem}:is(.stage--group,.stage--revival) .stage__heading{gap:.2rem;padding:.25rem 0}:is(.stage--group,.stage--revival) .stage__heading h1{font-size:clamp(1.75rem,8vw,2.2rem);line-height:1}:is(.stage--group,.stage--revival) .stage__heading p{font-size:.78rem;line-height:1.25}.skin-grid--group,.skin-grid--revival{grid-template-columns:minmax(0,1fr);gap:.5rem}:is(.skin-grid--group,.skin-grid--revival) .skin-card{grid-template-columns:6.25rem minmax(0,1fr);grid-template-rows:auto auto 1fr;min-height:5.75rem;column-gap:.6rem;row-gap:.2rem;padding:.45rem .5rem}:is(.skin-grid--group,.skin-grid--revival) .skin-card__visual{grid-row:1 / -1;grid-column:1;min-height:4rem;height:4rem;align-self:center}:is(.skin-grid--group,.skin-grid--revival) .skin-card img{height:4rem}:is(.skin-grid--group,.skin-grid--revival) .skin-card__placeholder{min-height:4rem}:is(.skin-grid--group,.skin-grid--revival) .skin-card>strong,:is(.skin-grid--group,.skin-grid--revival) .skin-card__tier,:is(.skin-grid--group,.skin-grid--revival) .skin-card__effects{grid-column:2;min-width:0}:is(.skin-grid--group,.skin-grid--revival) .skin-card>strong{display:-webkit-box;overflow:hidden;font-size:.82rem;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.skin-grid--group,.skin-grid--revival) .skin-card__tier{font-size:.68rem;line-height:1.1}:is(.skin-grid--group,.skin-grid--revival) .skin-card__effects{align-content:start;gap:.18rem}:is(.skin-grid--group,.skin-grid--revival) .skin-card__effects span{padding:.1rem .3rem;font-size:.6rem;line-height:1.1}.stage--revival{padding-bottom:5.5rem}.stage--revival .primary-action{position:fixed;z-index:3;right:max(1rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));width:auto;min-width:0;justify-self:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.round-intro,.round-intro.round-intro--exiting{animation:none}}