@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,800;1,700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap");*{box-sizing:border-box}body{margin:0;background:#071112;color:#f7f5ed;font-family:Noto Sans SC,sans-serif}.app-shell{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;padding:22px max(20px,calc((100vw - 1160px)/2)) 48px}.photo{position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 82% 17%,#f05b20 0 5%,transparent 28%),radial-gradient(circle at 23% 30%,#135843 0 4%,transparent 29%),linear-gradient(125deg,#071112 5%,#103a37 43%,#081615);opacity:.96}.photo:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(120deg,transparent 0 45px,#fff1 46px 48px,transparent 49px 88px);transform:rotate(-9deg)}.grain{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#000a,#0001 60%,#0008);pointer-events:none}header{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;color:#fff;font:800 28px Barlow Condensed;letter-spacing:1px;cursor:pointer}.brand span{color:#f35d27}.header-actions{display:flex;align-items:center;gap:18px}.header-actions button{background:transparent;color:#fff;border:0;font:500 14px Noto Sans SC;cursor:pointer}.avatar{width:31px;height:31px;border-radius:50%;display:inline-grid;place-items:center;background:#f15b2a;color:#111;font-weight:900}.theme-note{position:absolute;right:26px;top:92px;opacity:.55;font-size:11px;letter-spacing:1px}.welcome{max-width:720px;margin:15vh 0 0 7vw}.eyebrow{color:#fa7140;font:700 14px Barlow Condensed;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}.community h1,.result h1,.welcome h1{font:800 clamp(56px,10vw,112px)/.83 Barlow Condensed;letter-spacing:-2px;margin:0}.welcome h1 i{color:#f46630;font-style:italic}.lede{line-height:1.8;color:#d1d8d1;max-width:480px;margin:28px 0}.primary{border:0;border-radius:4px;padding:13px 19px;color:#16110e;background:#f2642f;font:700 15px Noto Sans SC;cursor:pointer;box-shadow:0 7px 24px #0005}.primary:disabled,button:disabled{opacity:.36;cursor:not-allowed}.big{padding:17px 25px;font-size:16px}.big b{margin-left:15px}.rules{display:flex;gap:20px;margin-top:45px;font-size:12px;color:#c9d2cd}.rules span{border-left:2px solid #f2642f;padding-left:9px}.community,.game,.result{max-width:1080px;margin:8vh auto 0}.game-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.game h2{font-size:31px;margin:0}.progress{font:800 40px Barlow Condensed;color:#f2642f}.progress small{font:500 14px Noto Sans SC;color:#ddd}.draft-layout{display:grid;grid-template-columns:340px 1fr;grid-gap:20px;gap:20px}.draft-panel,.feed-card,.result-lineup{background:#081616cf;border:1px solid #dfe9de2b;border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.draft-panel{min-height:482px;padding:21px}.panel-title{font-size:12px;letter-spacing:1px;color:#adbab1;margin:0 0 18px}.empty,.hint{color:#92a69a;font-size:13px;line-height:1.7}.teams{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.team{background:#ffffff0d;border:1px solid #ffffff16;border-radius:7px;padding:12px 8px;display:flex;align-items:center;gap:7px;font-size:13px}.team b{background:#f2642f;color:#1b1512;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.player-list{display:grid;grid-gap:7px;gap:7px}.player-card{display:flex;align-items:center;gap:9px;background:#ffffff0b;border:1px solid transparent;border-radius:6px;padding:7px;cursor:-webkit-grab;cursor:grab}.player-card.selected{border-color:#f2642f;background:#f2642f20}.rating{font:800 25px Barlow Condensed;color:#f87749}.player-card strong{font-size:12px;display:block}.player-card small{font-size:10px;color:#aebcb4}.player-card em{font-size:10px;margin-left:auto;color:#d0ddd4;font-style:normal}.court{position:relative;border:1px solid #e5d6af42;border-radius:9px;min-height:482px;background:linear-gradient(90deg,#ffffff08 1px,transparent 0),linear-gradient(#ffffff08 1px,transparent 0),#8c46192a;background-size:42px 42px;overflow:hidden}.court-lines{position:absolute;left:50%;top:0;height:100%;border-left:2px solid #e7d8b96e}.court-lines:before{content:"";position:absolute;width:180px;height:180px;border:2px solid #e7d8b96e;border-radius:50%;top:50%;left:-91px;transform:translateY(-50%)}.slot{position:absolute;width:154px;min-height:70px;border:1px dashed #e7d8b978;border-radius:7px;background:#071112c9;color:#fff;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.slot span{font-size:10px;color:#f06b3e}.slot b{font-size:12px;margin-top:3px}.slot small{font-size:10px;color:#cdd7cd;margin-top:3px}.slot i{font-size:21px;color:#fb6631;font-style:normal}.slot.active{border:2px solid #f2642f;box-shadow:0 0 24px #f2642f44}.slot.locked{border-style:solid;border-color:#9ab9a9}.slot-PG{left:50%;top:8%;transform:translateX(-50%)}.slot-SG{right:6%;top:30%}.slot-SF{left:6%;top:30%}.slot-PF{right:12%;bottom:8%}.slot-C{left:12%;bottom:8%}.controls{display:flex;justify-content:center;gap:9px;margin-top:18px}.controls button{border:1px solid #b8c6ba49;border-radius:4px;background:#061514c9;color:#eff6ef;padding:11px 14px;cursor:pointer;font:500 13px Noto Sans SC}.controls button.primary{background:#f2642f;color:#15110e;border-color:#f2642f}.controls small{opacity:.6}.result{text-align:center}.result h1{font-size:150px;color:#f46d39;margin-top:14px}.result h1 small{font:700 25px Noto Sans SC;color:#f9f6ee}.result h2{font-size:26px;margin:0}.result .lede{margin:10px auto 25px}.result-lineup{max-width:650px;margin:0 auto 26px;padding:9px}.result-lineup>div{display:grid;grid-template-columns:48px 1fr 50px;text-align:left;padding:11px;border-bottom:1px solid #ffffff14}.result-lineup>div:last-child{border:0}.result-lineup span{color:#fa7040;font-weight:900}.result-lineup b{font-size:14px}.result-lineup em{font:800 24px Barlow Condensed;color:#f5eee1;font-style:normal}.community{max-width:760px}.community h1{font-size:72px;margin-bottom:25px}.feed{display:grid;grid-gap:12px;gap:12px}.feed-card{padding:16px;display:flex;align-items:center;gap:13px}.feed-card b{font-size:14px}.feed-card b small{color:#aebbb3;font-weight:400}.feed-card p{font-size:12px;color:#cbd6ce;margin:7px 0}.feed-card em{font-size:11px;color:#f27648;font-style:normal}.feed-card>strong{margin-left:auto;font:800 40px Barlow Condensed;color:#f26b39}.feed-card>strong small{font:500 11px Noto Sans SC;color:#fff}@media(max-width:720px){.app-shell{padding:16px 14px 36px}.theme-note{display:none}.welcome{margin:16vh 7px 0}.welcome h1{font-size:66px}.community,.game,.result{margin-top:45px}.draft-layout{grid-template-columns:1fr}.draft-panel{min-height:170px}.court{min-height:430px}.controls{flex-wrap:wrap}.controls button{font-size:12px;padding:9px}.player-list{max-height:330px;overflow:auto}.slot{width:126px}.slot-PF{right:4%}.slot-C{left:4%}.slot-SG{right:1%}.slot-SF{left:1%}.result h1{font-size:120px}}.nickname{margin-top:28px;max-width:470px}.nickname label{display:block;color:#d7dfd9;font-size:14px;margin-bottom:10px}.nickname div{display:flex;gap:8px}.nickname input{min-width:0;flex:1 1;border:1px solid #c0cfc45c;border-radius:4px;background:#071413d9;color:#fff;padding:13px;font:14px Noto Sans SC;outline:none}.nickname input:focus{border-color:#f2642f}.wechat-login{position:absolute;z-index:4;inset:110px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:16vh;background:#071112d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.wechat-login h2{font:800 62px Barlow Condensed;margin:0}.wechat-login p{max-width:380px;line-height:1.7;color:#d4ddd5}.wechat-login a{display:inline-block;text-decoration:none;margin:14px 0}.wechat-login small{color:#aebbb3;font-size:11px}.wechat-login{display:none}.lineup-tools{position:fixed;z-index:8;right:18px;bottom:18px;display:flex;gap:8px}.lineup-tools button{border:1px solid #ffffff42;border-radius:5px;background:#061514e8;color:#fff;padding:10px 13px;font:600 12px Noto Sans SC;cursor:pointer}.lineup-tools button:first-child{background:#f2642f;color:#17110e;border-color:#f2642f}.share-preview{position:fixed;z-index:9;left:50%;bottom:72px;transform:translateX(-50%);width:min(92vw,480px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #f2642f;background:#0c1b1add;color:#fff;border-radius:7px;box-shadow:0 10px 28px #0007}.share-preview.error{justify-content:center;border-color:#ff9b78}.share-preview button{border:0;border-radius:4px;padding:8px 10px;background:#f2642f;color:#17110e;font-weight:700;white-space:nowrap;cursor:pointer}.lineup-notice{position:fixed;z-index:10;left:50%;bottom:72px;transform:translateX(-50%);padding:10px 16px;border-radius:6px;background:#e9f2e9;color:#102019;font-size:13px;box-shadow:0 8px 25px #0006}@media(max-width:720px){.lineup-tools{right:12px;bottom:12px}.share-preview{bottom:64px}}.lineup-tools button,.share-preview button{min-height:44px;touch-action:manipulation}@media(max-width:720px){.lineup-tools{left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr 1fr}.lineup-tools button{padding:11px 8px;font-size:13px}.share-preview{bottom:70px;flex-wrap:wrap;padding:12px}.share-preview b,.share-preview button{width:100%}.controls{padding-bottom:64px}.header-actions{gap:8px}.header-actions button{min-height:44px;padding:0 4px}}.lineup-tools .save-history{background:#e9f2e9;color:#102019;border-color:#e9f2e9}.local-history{position:absolute;z-index:7;inset:86px 0 0;padding:8vh max(18px,calc((100vw - 760px)/2));overflow:auto;background:#071112ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.local-history h2{font:800 60px Barlow Condensed;margin:0 0 22px}.history-list{display:grid;grid-gap:10px;gap:10px}.history-card{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;border:1px solid #ffffff25;border-radius:8px;background:#0b1a19;color:#fff;text-align:left;cursor:pointer}.history-card b{color:#f27040}.history-card p{margin:8px 0;font-size:13px}.history-card small{color:#a8b7ad}.history-card strong{font:800 38px Barlow Condensed;color:#f27040}@media(max-width:720px){.local-history{padding:42px 14px 90px}.local-history h2{font-size:46px}.history-card{min-height:96px}.history-card p{font-size:12px;line-height:1.5}.lineup-tools:has(.save-history){grid-template-columns:1fr 1fr 1fr}}.result .primary.big{display:none}.publish-square{z-index:9;bottom:76px;min-height:44px;border:1px solid #f2642f;background:#f2642f;color:#17110e;padding:10px 13px;font:700 13px Noto Sans SC;cursor:pointer}.publish-notice,.publish-square{position:fixed;right:18px;border-radius:5px}.publish-notice{z-index:12;bottom:126px;background:#e9f2e9;color:#102019;padding:8px 12px;font-size:12px}.publish-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#0009}.publish-modal>div{width:min(92vw,420px);padding:22px;border:1px solid #ffffff35;border-radius:10px;background:#0a1918;color:#fff}.publish-modal h3{margin:0 0 16px;font-size:24px}.publish-modal input{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid #ffffff35;border-radius:5px;background:#102522;color:#fff}.publish-modal button{min-height:44px;margin:8px 8px 0 0;border:1px solid #ffffff40;border-radius:5px;background:#122724;color:#fff;padding:8px 12px;cursor:pointer}.square-overlay{position:absolute;z-index:8;inset:86px 0 0;overflow:auto;padding:8vh max(18px,calc((100vw - 760px)/2)) 90px;background:#071112ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.square-overlay h2{font:800 60px Barlow Condensed;margin:0 0 22px}.square-list{display:grid;grid-gap:10px;gap:10px}.square-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #ffffff25;border-radius:8px;background:#0b1a19;cursor:pointer}.square-card b{display:block;color:#f27040}.square-card small{color:#a8b7ad}.square-card p{font-size:13px}.square-card>strong{font:800 38px Barlow Condensed;color:#f27040}.square-card>strong small{font:500 11px Noto Sans SC;color:#fff}@media(max-width:720px){.publish-square{left:12px;right:12px;bottom:66px}.publish-notice{right:12px;left:12px;bottom:120px;text-align:center}.square-overlay{padding:42px 14px 90px}.square-overlay h2{font-size:46px}.square-card{min-height:94px}.square-card p{line-height:1.5}}.share-dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#020807b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-dialog{position:relative;width:min(92vw,430px);padding:28px;border:1px solid #f2642f75;border-radius:13px;background:linear-gradient(145deg,#122725f5,#071413fa);box-shadow:0 28px 70px #000b;text-align:center}.share-dialog h2{margin:0 0 20px;font:800 42px Barlow Condensed;letter-spacing:.5px}.share-dialog-close{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.share-qr{display:grid;place-items:center;min-height:210px;margin:auto;padding:12px;border-radius:9px;background:#fff}.share-qr img{display:block;width:min(100%,260px);height:auto;image-rendering:pixelated}.share-qr span{color:#102019;font-size:13px}.share-qr-caption{margin:14px 0 18px;color:#d9e1da;font-size:14px}.share-dialog-actions{display:flex;justify-content:center;gap:10px}.share-dialog-actions button{min-height:46px;flex:1 1;border:1px solid #ffffff42;border-radius:5px;background:#102522;color:#fff;padding:10px 12px;font:700 14px Noto Sans SC;cursor:pointer}.share-dialog-actions .primary{border-color:#f2642f;background:#f2642f;color:#17110e}@media(max-width:720px){.share-dialog-backdrop{align-items:end;padding:12px}.share-dialog{width:100%;padding:24px 18px 20px;border-radius:13px 13px 8px 8px}.share-dialog h2{font-size:38px}.share-qr{min-height:190px}.share-qr img{width:230px}.share-dialog-actions{flex-direction:column-reverse}.share-dialog-actions button{width:100%}}.lineup-tools .publish-square{position:static;min-height:44px;border:1px solid #f2642f;border-radius:5px;background:#f2642f;color:#17110e;padding:10px 13px;font:700 12px Noto Sans SC;cursor:pointer}.publish-modal label{display:block;color:#cbd6ce;font-size:12px;text-align:left}.publish-preview{display:grid;grid-gap:6px;gap:6px;margin:16px 0;padding:12px;border:1px solid #ffffff22;border-radius:7px;background:#061514aa;text-align:left}.publish-preview b{color:#f27040}.publish-preview span{font-size:12px}.publish-preview em{margin-top:4px;color:#cbd6ce;font-size:12px;font-style:normal}.publish-error{margin:10px 0;color:#ff9676;font-size:13px}.square-card{display:block}.square-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.square-roster{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin:14px 0}.square-roster span{min-width:0;padding:7px;border-radius:4px;background:#ffffff0b;color:#d9e1da;font-size:12px;overflow-wrap:anywhere}.square-roster b{display:inline;color:#f27040;margin-right:5px}.square-meta{display:flex;flex-wrap:wrap;gap:12px;color:#aebbb3;font-size:12px}.square-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.square-actions button{min-height:42px;border:1px solid #ffffff38;border-radius:5px;background:#102522;color:#fff;padding:8px 10px;font:600 12px Noto Sans SC;cursor:pointer}.square-actions .primary{border-color:#f2642f;background:#f2642f;color:#17110e}.square-actions button:disabled{cursor:not-allowed}.square-notice{padding:9px 11px;border:1px solid #f2642f75;border-radius:5px;background:#0c1b1add;color:#fff;font-size:13px}@media(max-width:720px){.lineup-tools:has(.save-history){grid-template-columns:1fr 1fr}.lineup-tools .publish-square{width:100%}.square-roster{grid-template-columns:1fr}.square-actions{display:grid;grid-template-columns:1fr 1fr}.square-actions button{width:100%}}.app-shell{--theme-primary:#f2642f;--theme-secondary:#103a37;--theme-accent:#f2642f;--theme-text:#f7f5ed}.photo{background-color:#071112;background-size:cover;background-position:50%;transition:filter .7s ease,opacity .7s ease}.photo-previous{z-index:-4}.photo-current{z-index:-3;animation:champion-theme-fade .7s ease both}.photo:after{content:"";inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.08) 60%,rgba(0,0,0,.28))}.photo:after,.theme-watermark{position:absolute;pointer-events:none}.theme-watermark{z-index:-1;right:-2vw;bottom:4vh;max-width:90vw;color:var(--theme-text);font:800 clamp(46px,9vw,142px)/.78 Barlow Condensed;letter-spacing:-2px;opacity:.13;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand span,.eyebrow,.result-lineup span,.slot span{color:var(--theme-primary)}.controls button.primary,.lineup-tools .publish-square,.primary,.share-dialog-actions .primary,.square-actions .primary{background:var(--theme-primary);border-color:var(--theme-primary)}.history-card b,.history-card strong,.progress,.rating,.result h1,.square-card b,.square-card>strong{color:var(--theme-primary)}.slot.active{border-color:var(--theme-primary);box-shadow:0 0 24px color-mix(in srgb,var(--theme-primary) 35%,transparent)}.theme-note{color:var(--theme-accent)}@keyframes champion-theme-fade{0%{opacity:0;filter:blur(3px)}to{opacity:.96;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.photo{transition:none}.photo-current{animation:none}}@media(max-width:720px){.theme-watermark{right:-10vw;bottom:7vh;max-width:110vw;font-size:56px;opacity:.09}}.draft-panel,.result-lineup{background-color:#061514de}.court{box-shadow:inset 0 0 0 999px rgba(4,18,17,.16)}.theme-watermark{opacity:var(--theme-watermark-opacity,.13)}.champion-theme-selector{position:fixed;z-index:35;left:50%;top:18px;display:flex;transform:translateX(-50%);align-items:center;gap:7px;border:1px solid #ffffff35;border-radius:6px;background:#061514c9;color:#dce7df;padding:6px 8px;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px}.champion-theme-selector span{color:#b9c9bf;white-space:nowrap}.champion-theme-selector select{max-width:190px;border:0;border-radius:3px;outline:0;background:#102522;color:#fff;padding:6px 8px;font:500 12px Noto Sans SC;cursor:pointer}.champion-theme-selector option{background:#102522;color:#fff}@media(max-width:720px){.champion-theme-selector{top:auto;right:12px;bottom:12px;left:auto;transform:none;padding:5px 7px}.champion-theme-selector span{display:none}.champion-theme-selector select{max-width:168px;font-size:11px}}.app-shell{--theme-glow:#f2642f}.app-shell .draft-panel,.app-shell .feed-card,.app-shell .player-card,.app-shell .result-lineup,.app-shell .slot,.app-shell .square-card,.app-shell .team,.app-shell button,.app-shell input,.app-shell select{transition:background-color .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease}.app-shell .controls button.primary,.app-shell .lineup-tools .publish-square,.app-shell .primary,.app-shell .share-dialog-actions .primary,.app-shell .square-actions .primary{background-color:var(--theme-primary);border-color:var(--theme-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--theme-glow) 30%,transparent)}.app-shell .controls button.primary:hover:not(:disabled),.app-shell .lineup-tools .publish-square:hover:not(:disabled),.app-shell .primary:hover:not(:disabled),.app-shell .share-dialog-actions .primary:hover:not(:disabled),.app-shell .square-actions .primary:hover:not(:disabled){background-color:var(--theme-accent);box-shadow:0 0 26px color-mix(in srgb,var(--theme-glow) 58%,transparent)}.app-shell .draft-panel,.app-shell .feed-card,.app-shell .player-card,.app-shell .result-lineup,.app-shell .slot,.app-shell .square-card,.app-shell .team{border-color:color-mix(in srgb,var(--theme-secondary) 35%,var(--theme-accent) 65%)}.app-shell .avatar,.app-shell .team b{background-color:var(--theme-primary)}.app-shell .eyebrow,.app-shell .result-lineup span,.app-shell .slot span,.app-shell .welcome h1 i{color:var(--theme-accent)}.app-shell .slot.active{border-color:var(--theme-accent);box-shadow:0 0 26px color-mix(in srgb,var(--theme-glow) 58%,transparent)}.app-shell .history-card b,.app-shell .history-card strong,.app-shell .progress,.app-shell .rating,.app-shell .result h1,.app-shell .square-card b,.app-shell .square-card>strong{color:var(--theme-accent)}.app-shell .nickname input,.app-shell .publish-modal input,.app-shell input:focus,.app-shell select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-glow) 20%,transparent)}.champion-theme-selector{border-color:color-mix(in srgb,var(--selector-accent) 65%,#ffffff35)}.champion-theme-selector select{border:1px solid color-mix(in srgb,var(--selector-primary) 45%,var(--selector-accent));box-shadow:0 0 16px color-mix(in srgb,var(--selector-glow) 20%,transparent);transition:border-color .4s ease,box-shadow .4s ease}.champion-theme-selector select:focus{border-color:var(--selector-accent);box-shadow:0 0 18px color-mix(in srgb,var(--selector-glow) 52%,transparent)}body:has(.result) .photo-current{animation:result-background-in .6s ease both}.result{animation:result-content-in .56s ease .12s both}.result h1{animation:result-wins-in .62s cubic-bezier(.2,.8,.2,1) .26s both}.result-lineup>div{opacity:0;animation:result-player-in .42s ease forwards}.result-lineup>div:first-child{animation-delay:.36s}.result-lineup>div:nth-child(2){animation-delay:.44s}.result-lineup>div:nth-child(3){animation-delay:.52s}.result-lineup>div:nth-child(4){animation-delay:.6s}.result-lineup>div:nth-child(5){animation-delay:.68s}@keyframes result-background-in{0%{opacity:.55}to{opacity:.96}}@keyframes result-content-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes result-wins-in{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes result-player-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.result-lineup>div{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.result-lineup>div:hover{position:relative;z-index:1;transform:translateY(-2px);border-color:var(--theme-accent);box-shadow:0 7px 18px color-mix(in srgb,var(--theme-glow) 22%,transparent)}}@media(prefers-reduced-motion:reduce){.result,.result h1,.result-lineup>div,body:has(.result) .photo-current{animation:none;opacity:1;transform:none;filter:none}.result-lineup>div{transition:none}}.result h1 .record-divider{display:inline-block;margin:0 .08em;color:var(--theme-text);opacity:.72}.result h1 .record-label{display:block;margin-top:8px;color:#f9f6ee;font-size:18px;letter-spacing:3px}.analysis-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0 auto 14px;border:1px solid color-mix(in srgb,var(--theme-accent) 55%,#ffffff35);border-radius:6px;background:#061514c9;color:#edf4ef;padding:10px 16px;font:700 13px Noto Sans SC;cursor:pointer;box-shadow:0 8px 22px #0004}.analysis-toggle:hover{border-color:var(--theme-accent);box-shadow:0 0 22px color-mix(in srgb,var(--theme-glow) 30%,transparent)}.analysis-toggle span{color:var(--theme-accent);font:800 22px/1 Barlow Condensed}.lineup-analysis{max-width:780px;max-height:0;overflow:hidden;margin:0 auto;opacity:0;text-align:left;transition:max-height .42s ease,opacity .26s ease,margin .3s ease}.lineup-analysis.expanded{max-height:1100px;margin:0 auto 25px;opacity:1}.analysis-inner{border:1px solid color-mix(in srgb,var(--theme-accent) 42%,#ffffff22);border-radius:9px;background:#061514d9;padding:16px;box-shadow:0 14px 36px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.analysis-metric{min-width:0;border:1px solid #ffffff18;border-radius:6px;background:#ffffff08;padding:10px}.analysis-metric>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;grid-gap:7px;gap:7px}.analysis-metric span{overflow:hidden;color:#c7d5cc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.analysis-metric b{color:var(--theme-accent);font:800 19px/1 Barlow Condensed;letter-spacing:.3px}.analysis-metric em{min-width:20px;color:#f6f3e7;font:700 11px/1 Barlow Condensed;font-style:normal;text-align:right}.analysis-metric>i{display:block;height:6px;overflow:hidden;margin-top:9px;border-radius:999px;background:#ffffff18}.analysis-metric>i>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-secondary),var(--theme-accent));box-shadow:0 0 13px color-mix(in srgb,var(--theme-glow) 68%,transparent);transition:width .5s ease}.analysis-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:10px}.analysis-notes section{min-width:0;border:1px solid #ffffff18;border-radius:6px;background:#ffffff06;padding:12px}.analysis-notes p{margin:0 0 8px;color:var(--theme-accent);font:800 13px Noto Sans SC}.analysis-notes ul{display:grid;grid-gap:5px;gap:5px;margin:0;padding-left:17px;color:#dbe6df;font-size:12px;line-height:1.55}.analysis-notes small{color:#aebeb4;font-size:12px}@media(max-width:720px){.analysis-toggle{width:100%;max-width:360px}.analysis-inner{padding:12px}.analysis-grid,.analysis-notes{grid-template-columns:1fr}.lineup-analysis.expanded{max-height:1500px}.analysis-metric{padding:10px 11px}}@media(prefers-reduced-motion:reduce){.analysis-metric>i>i,.lineup-analysis{transition:none}}header{gap:16px}header>.champion-theme-selector{z-index:auto;flex:0 1 auto;min-width:0;box-shadow:0 6px 18px #0005}header>.header-actions{margin-left:auto}.app-shell:has(.lineup-tools){padding-bottom:190px}.photo-current{animation-duration:.2s}@media(max-width:720px){header{height:auto;align-items:flex-start;gap:6px}.brand{font-size:23px}header>.champion-theme-selector{padding:5px 6px}header>.champion-theme-selector select{max-width:136px;padding:6px;font-size:11px}.header-actions{gap:4px}.header-actions button{font-size:11px}.header-actions .avatar{display:none}.app-shell:has(.lineup-tools){padding-bottom:176px}.optimizer-panel{padding-bottom:176px!important}}.optimizer-panel{max-width:780px;margin:0 auto 16px;text-align:left}.optimizer-toggle{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:14px;border:1px solid color-mix(in srgb,var(--theme-accent) 50%,#ffffff32);border-radius:8px;background:#061514cf;color:#f4f5ef;padding:11px 15px;text-align:left;cursor:pointer;box-shadow:0 10px 28px #0004}.optimizer-toggle span{display:grid;grid-gap:3px;gap:3px}.optimizer-toggle b{color:#fff;font:800 16px Noto Sans SC}.optimizer-toggle small{color:#bacac0;font-size:12px}.optimizer-toggle>i{color:var(--theme-accent);font:800 27px/1 Barlow Condensed;font-style:normal}.optimizer-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .44s ease,opacity .24s ease}.optimizer-panel.expanded .optimizer-content{max-height:2600px;opacity:1}.optimizer-inner{margin-top:9px;border:1px solid #ffffff20;border-radius:9px;background:#061514dc;padding:16px;box-shadow:0 14px 36px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.optimizer-intro{margin:0 0 13px;color:#c8d6ce;font-size:13px;line-height:1.65}.optimizer-intro strong{display:block;color:var(--theme-accent);font-weight:700}.optimizer-mode{display:flex;gap:7px;margin-bottom:12px}.optimizer-mode button{min-height:40px;flex:1 1;border:1px solid #ffffff2d;border-radius:5px;background:#102522;color:#cbd7cf;font:700 13px Noto Sans SC;cursor:pointer}.optimizer-mode button.active{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-primary) 28%,#102522);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--theme-glow) 25%,transparent)}.optimizer-alert,.optimizer-balanced,.optimizer-status{display:grid;grid-gap:3px;gap:3px;margin:0 0 12px;border:1px solid #ffffff22;border-radius:6px;background:#ffffff08;padding:11px 12px;color:#dce7df;font-size:12px}.optimizer-alert{border-color:color-mix(in srgb,var(--theme-accent) 60%,#ffffff22)}.optimizer-alert b{color:var(--theme-accent)}.optimizer-balanced b{color:#d7efe0}.optimizer-label{margin:13px 0 7px;color:var(--theme-accent);font:800 13px Noto Sans SC}.optimizer-card{border:1px solid color-mix(in srgb,var(--theme-accent) 36%,#ffffff22);border-radius:8px;background:linear-gradient(135deg,#ffffff0e,#061514aa);padding:13px}.optimizer-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.optimizer-card-head>span{color:var(--theme-accent);font:800 17px Barlow Condensed}.fit-over-ovr{border:1px solid var(--theme-accent);border-radius:999px;background:color-mix(in srgb,var(--theme-primary) 19%,transparent);color:#fff;padding:4px 8px;font:700 11px Noto Sans SC}.optimizer-swap{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin:8px 0}.optimizer-swap>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.optimizer-swap>div:last-child{text-align:right}.optimizer-record small,.optimizer-swap small{color:#9fb0a6;font-size:11px}.optimizer-swap strong{overflow:hidden;color:#f7f6ed;font:800 18px Barlow Condensed;text-overflow:ellipsis;white-space:nowrap}.optimizer-swap em{color:var(--theme-accent);font-size:12px;font-style:normal}.optimizer-record>i,.optimizer-swap>i{color:var(--theme-accent);font:800 22px/1 Barlow Condensed;font-style:normal;text-align:center}.fit-note{margin:0 0 9px;color:#cad9d0;font-size:12px}.optimizer-record{display:grid;grid-template-columns:1fr 18px 1fr auto;align-items:end;grid-gap:8px;gap:8px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding:10px 0}.optimizer-record div{display:grid;grid-gap:3px;gap:3px}.optimizer-record div:nth-of-type(2){text-align:right}.optimizer-record b{color:#fff;font:800 21px Barlow Condensed}.optimizer-record>strong{align-self:center;color:var(--theme-accent);font:800 23px Barlow Condensed;white-space:nowrap}.optimizer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;margin-top:10px}.optimizer-summary span{display:grid;grid-gap:2px;gap:2px;color:#abb9b1;font-size:11px}.optimizer-summary b{color:#e7ede9;font:700 12px Barlow Condensed;white-space:nowrap}.optimizer-reasons{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:10px}.optimizer-reasons section{border:1px solid #ffffff18;border-radius:6px;background:#ffffff06;padding:10px}.optimizer-reasons p{margin:0 0 6px;color:var(--theme-accent);font:800 12px Noto Sans SC}.optimizer-reasons ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding:0;list-style:none;color:#dbe5df;font-size:12px}.optimizer-reasons small{color:#aebeb4;font-size:12px}.optimizer-alternatives{margin-top:13px}.optimizer-card.compact{margin-top:8px;padding:11px}.optimizer-card.compact .optimizer-swap strong{font-size:16px}.optimizer-compact-meta{display:flex;justify-content:space-between;margin-top:8px;color:#cbd8d0;font-size:12px}.optimizer-compact-meta span:first-child{color:var(--theme-accent);font-weight:800}.optimizer-detail-toggle{width:100%;min-height:38px;margin-top:9px;border:1px solid #ffffff27;border-radius:5px;background:#102522;color:#dce8e0;font:700 12px Noto Sans SC;cursor:pointer}.optimizer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;margin-top:9px;border-top:1px solid #ffffff18;padding-top:9px}.optimizer-details div{display:flex;justify-content:space-between;gap:6px;color:#b9c8bf;font-size:12px}.optimizer-details b{font:700 13px Barlow Condensed}.optimizer-details b.positive{color:var(--theme-accent)}.optimizer-details b.negative{color:#f0a18d}@media(max-width:720px){.optimizer-inner{padding:12px}.optimizer-panel.expanded .optimizer-content{max-height:3900px}.optimizer-swap{grid-template-columns:1fr;gap:5px}.optimizer-swap>div:last-child{text-align:left}.optimizer-swap>i{transform:rotate(0deg);text-align:left}.optimizer-record{grid-template-columns:1fr;align-items:start;gap:5px}.optimizer-record div:nth-of-type(2){text-align:left}.optimizer-record>i{text-align:left;transform:rotate(90deg)}.optimizer-record>strong{justify-self:start}.optimizer-details,.optimizer-reasons,.optimizer-summary{grid-template-columns:1fr}.optimizer-toggle{min-height:62px}}@media(prefers-reduced-motion:reduce){.optimizer-content{transition:none}}.app-shell{--action-bar-height:144px;--action-bar-safe-area:calc(var(--action-bar-height) + 64px)}.app-shell:has(.lineup-tools){padding-bottom:var(--action-bar-safe-area)}.optimizer-panel{padding-bottom:var(--action-bar-safe-area)!important}.lineup-tools{max-width:calc(100vw - 48px);flex-wrap:wrap;justify-content:flex-end}@media(min-width:721px) and (max-width:980px){.lineup-tools{max-width:360px}.lineup-tools button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px)}}@media(max-width:720px){.app-shell{--action-bar-height:128px;--action-bar-safe-area:calc(var(--action-bar-height) + 40px)}.lineup-tools{max-width:none;justify-content:stretch}.optimizer-panel{padding-bottom:var(--action-bar-safe-area)!important}}.share-preview .secondary{border:1px solid #ffffff42;border-radius:4px;background:#102522;color:#edf4ef;font-weight:700}.share-preview .secondary:hover{border-color:var(--theme-accent);color:#fff}.share-preview-actions{display:flex;flex:1 1;justify-content:flex-end;gap:8px}.share-preview-actions button{flex:0 0 auto}@media(max-width:720px){.share-preview-actions{display:grid;width:100%;grid-gap:8px;gap:8px}.share-preview-actions button{width:100%}}header>.champion-theme-selector{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none}@media(max-width:720px){header{height:auto;flex-wrap:wrap;align-items:center;justify-content:flex-start;row-gap:8px}header>.brand,header>.header-actions{flex:0 0 auto;white-space:nowrap}header>.header-actions{margin-left:auto;flex-wrap:nowrap;gap:2px}header>.header-actions button{min-height:44px;padding:0 5px;font-size:11px;white-space:nowrap}header>.champion-theme-selector{order:2;display:flex;flex:0 0 100%;width:100%;max-width:100%;padding:5px 6px}header>.champion-theme-selector span{display:block;flex:0 0 auto;white-space:nowrap}header>.champion-theme-selector select{flex:1 1 auto;width:1%;max-width:none;min-width:0;min-height:34px;font-size:12px}.theme-note{display:none}}@media(max-width:768px){.share-preview-active .controls,.share-preview-active .lineup-tools{display:none}.share-preview{z-index:50;left:16px;right:16px;bottom:max(16px,calc(12px + env(safe-area-inset-bottom)));transform:none;width:auto;min-height:0;display:block;padding:12px;border-color:var(--theme-accent);background:#071514e8;box-shadow:0 12px 32px #0009}.share-preview b{display:block;margin-bottom:10px}.share-preview-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;grid-gap:8px;gap:8px}.share-preview-actions button{width:100%;min-width:0;padding:10px 8px;font-size:12px;white-space:normal}.share-preview.error{bottom:max(16px,calc(12px + env(safe-area-inset-bottom)))}@media(max-width:360px){.share-preview-actions{grid-template-columns:1fr}}}