@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}