:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.draft-page,.draft-login-page{color:#f4f6f8;background:#07090d;min-height:100vh;font-family:Inter,Microsoft YaHei,sans-serif}.draft-header{background:#0b0e13;border-bottom:1px solid #292d34;align-items:center;gap:28px;height:72px;padding:0 24px;display:flex}.draft-wordmark{color:#fff;letter-spacing:-1px;font-size:22px;font-weight:1000;text-decoration:none}.draft-wordmark span{color:#ff354f}.draft-header>div:nth-child(2){display:grid}.draft-header small,.draft-kicker{color:#ff405a;letter-spacing:2px;font-size:10px;font-weight:900}.draft-header strong{margin-top:3px;font-size:17px}.draft-live{color:#9da5b1;border:1px solid #3a4049;margin-left:auto;padding:7px 13px;font-size:12px;font-weight:900}.draft-live.live{color:#fff;background:#e31d36;border-color:#e31d36}.draft-live.complete{color:#06110f;background:#37d1c4;border-color:#37d1c4}.draft-grid{grid-template-columns:244px minmax(760px,1fr) 260px;height:calc(100vh - 72px);min-height:700px;display:grid}.draft-sidebar,.draft-action-panel{background:#0c0f14;border-right:1px solid #292d34;overflow:hidden}.draft-sidebar{flex-direction:column;min-height:0;display:flex}.draft-action-panel{border-left:1px solid #292d34;border-right:0;padding:22px 18px;overflow-y:auto}.draft-clock{border-bottom:1px solid #292d34;padding:20px 16px 16px;display:grid}.draft-clock small{color:#ff405a;text-transform:uppercase;font-weight:900}.draft-clock b{letter-spacing:-3px;margin:8px 0 12px;font-size:48px;line-height:1}.draft-clock>div{background:#272b32;height:4px}.draft-clock i{background:#ff334f;height:100%;transition:width .2s linear;display:block}.draft-clock span{color:#9ca5b2;margin-top:10px;font-size:11px}.draft-sidebar h2{color:#aeb4be;letter-spacing:1px;margin:0;padding:12px 14px 8px;font-size:12px}.draft-order{scrollbar-width:thin;flex:auto;min-height:0;padding:0 8px 24px;overflow-y:auto}.order-row{color:#aab1bc;border-left:2px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;min-height:32px;padding:4px 7px;font-size:11px;display:grid}.order-row b{color:#69717e}.order-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-row em{color:#6c7380;font-size:9px;font-style:normal}.order-row.active{color:#fff;background:#24282f;border-left-color:#ff334f}.order-row.active b,.order-row.active em{color:#ff405a}.order-row.timeout{color:#cc6b76}.order-row.timeout em{color:#ff405a}.order-row.picked,.order-row.picked_late,.order-row.random{opacity:.62}.draft-main{background:radial-gradient(circle at 50% -20%,#1d232c 0,#0b0e13 45%,#07090d 100%);min-width:0;padding:18px;overflow:auto}.draft-stage-head{justify-content:center;align-items:stretch;gap:10px;margin-bottom:16px;display:flex}.turn-card{text-align:center;background:#11151c;border:1px solid #343944;align-content:center;width:190px;min-height:64px;padding:10px 14px;display:grid}.turn-card small{color:#777f8c;letter-spacing:1px;font-size:9px}.turn-card b{text-transform:uppercase;margin-top:3px;font-size:15px}.turn-card.current{background:#191318;border-color:#ff334f;box-shadow:inset 0 -3px #ff334f}.turn-card.current small{color:#ff405a}.turn-card.current span{color:#8d95a1;margin-top:3px;font-size:9px}.draft-map-grid{grid-template-columns:repeat(2,minmax(360px,1fr));gap:14px;display:grid}.draft-map-card{background:#0d1016;border:1px solid #343a45;min-width:0}.draft-map-card>header{border-bottom:2px solid var(--map-accent);justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.draft-map-card header div{align-items:baseline;gap:9px;display:flex}.draft-map-card header small{color:var(--map-accent);font-weight:1000}.draft-map-card h2{margin:0;font-size:18px}.draft-map-card header span{color:#838c99;font-size:10px}.draft-map-card header .draft-map-meta{align-items:center;gap:12px}.poi-state-key{white-space:nowrap;border-right:1px solid #343a45;align-items:center;gap:4px;padding-right:11px;display:inline-flex}.poi-state-key i{border:1px solid var(--map-accent);background:#090d12;width:8px;height:8px;margin-left:4px}.poi-state-key .key-taken{background:#cf172f;border-color:#ff405a}.draft-map-grid.maps-3{grid-template-columns:repeat(2,minmax(330px,1fr))}.draft-map-grid.maps-3>:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.maps-3 .poi,.maps-3 .poi-result{width:100px}.maps-3 .poi-option{width:96px}.maps-3 .poi-result b{font-size:8.5px}.maps-3 .poi-result small,.maps-3 .poi-option>b{font-size:6.5px}.draft-map-surface{aspect-ratio:1;isolation:isolate;background-image:var(--map-image), linear-gradient(135deg, #151a22, #07090d);background-position:50%;background-size:cover;position:relative;overflow:hidden}.mobile-poi-marker,.mobile-poi-list{display:none}.draft-map-brand{z-index:8;color:#fff;letter-spacing:.5px;pointer-events:none;filter:drop-shadow(0 4px 8px #000a);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);background:#080b10e8;border-left:3px solid #ff334f;align-items:center;padding:5px 9px 5px 10px;font-size:9px;font-weight:1000;line-height:1;display:flex;position:absolute;top:10px;left:10px}.draft-map-brand span{color:#fff}.draft-map-brand b{color:#ff405a;font:inherit}.map-pick-hint{z-index:7;color:#fff;letter-spacing:.6px;pointer-events:none;background:#090c11e8;border:1px solid #ff405a;padding:6px 9px;font-size:8px;font-weight:900;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #000a}.poi{color:#fff;z-index:2;width:116px;min-height:38px;font:inherit;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.poi:disabled{cursor:default}.poi.available{opacity:.62}.poi.taken{z-index:5;pointer-events:none}.poi-result{filter:drop-shadow(0 5px 8px #000b);grid-template-columns:32px minmax(0,1fr);width:116px;min-height:40px;animation:.32s cubic-bezier(.2,.85,.35,1.15) both poi-result-in;display:grid;position:relative}.poi-result>em{color:#fff;background:#0b0e13;border-left:3px solid #ff405a;place-items:center;margin:0;font-size:10px;font-style:normal;font-weight:1000;display:grid}.poi-result>span{text-align:left;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);background:linear-gradient(135deg,#cf172f,#ef3449);grid-template-rows:25px 15px;min-width:0;display:grid}.poi-result b{color:#fff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:6px 8px 3px;font-size:10px;font-weight:1000;line-height:1.1;overflow:hidden}.poi-result small{color:#ffdce1;letter-spacing:.2px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#8f1223b8;padding:3px 8px 2px;font-size:6.5px;font-weight:900;line-height:1.1;overflow:hidden}.poi-result>i{color:#ffe9ec;letter-spacing:.3px;background:#a11226;min-width:31px;height:13px;padding:2px 4px 0;font-size:5.5px;font-style:normal;font-weight:1000;line-height:1;position:absolute;top:-7px;right:-5px;box-shadow:0 2px 6px #000b}.poi.mine .poi-result{outline-offset:2px;filter:drop-shadow(0 0 7px #42ded1)drop-shadow(0 5px 8px #000b);outline:2px solid #42ded1}.poi.mine .poi-result>em{border-left-color:#42ded1}.poi.mine .poi-result>i{color:#061110;background:#42ded1}.poi-option{text-align:left;background:#080b10e8;border:1px solid #5a6471;grid-template-columns:25px minmax(0,1fr);align-items:stretch;width:112px;min-height:32px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 4px 9px #000b}.poi-option>em{color:#aab2bd;background:#151a21;place-items:center;font-size:8px;font-style:normal;font-weight:1000;display:grid}.poi-option>b{color:#eef2f6;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-self:center;min-width:0;padding:5px 6px;font-size:7px;font-weight:1000;line-height:1.15;overflow:hidden}.poi-option>i{border:1px solid var(--map-accent);min-width:28px;height:15px;color:var(--map-accent);letter-spacing:.5px;background:#090d12f2;place-items:center;padding:0 4px;font-size:6px;font-style:normal;font-weight:1000;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #000}.poi.selectable{z-index:6;cursor:pointer;touch-action:manipulation}.poi.selectable .poi-option{border:2px solid var(--map-accent);background:#090d12f2;animation:1.8s ease-in-out infinite poi-ready-pulse}.poi.selectable .poi-option>em{background:color-mix(in srgb, var(--map-accent) 28%, #111820);color:#fff}:is(.poi.selectable:hover .poi-option,.poi.selectable:focus-visible .poi-option){box-shadow:0 0 0 2px var(--map-accent), 0 8px 16px #000d;background:#141a21f5;border-color:#fff;animation:none;transform:scale(1.08)}.poi:focus-visible{outline-offset:3px;outline:2px solid #fff}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes poi-result-in{0%{opacity:0;transform:translateY(-7px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes poi-ready-pulse{0%,to{box-shadow:0 0 #0000,0 4px 9px #000b}50%{box-shadow:0 0 0 2px var(--map-accent), 0 4px 11px #000d}}.draft-action-panel h2{text-transform:uppercase;margin:7px 0 16px;font-size:20px}.my-picks{gap:8px;display:grid}.my-picks div{background:#11151b;border:1px solid #2f3540;padding:12px;display:grid}.my-picks small{color:#818997;font-size:9px}.my-picks b{margin-top:4px;font-size:14px}.turn-message{color:#a4abb6;background:#15191f;border-left:3px solid #5f6672;margin-top:14px;padding:12px;font-size:12px;line-height:1.5}.turn-message.ready{color:#fff;background:#251319;border-color:#ff334f}.pick-confirm{background:#171117;border:1px solid #ff405a;margin-top:14px;padding:14px;display:grid}.pick-confirm small{color:#ff405a}.pick-confirm strong{color:#8f98a5;margin-top:7px;font-size:11px}.pick-confirm b{margin:3px 0 14px;font-size:18px}.pick-confirm button,.inline-login button,.draft-login-card button{color:#fff;cursor:pointer;background:#e92740;border:0;padding:11px;font-weight:900}.pick-confirm .cancel{color:#aeb5c0;background:0 0;border:1px solid #39404b;margin-top:7px}.pick-help{color:#767e89;font-size:11px;line-height:1.6}.draft-rule{border-top:1px solid #2c313a;margin-top:22px;padding-top:16px}.draft-rule b{font-size:11px}.draft-rule p{color:#808894;font-size:10px;line-height:1.7}.draft-alert{color:#ff98a7;background:#36151c;margin-top:12px;padding:10px;font-size:11px}.inline-login{gap:8px;display:grid}.inline-login p{color:#8b94a0;font-size:11px}.inline-login input{color:#fff;background:#0a0d12;border:1px solid #3a404a;padding:10px}.draft-login-page{background:radial-gradient(circle at 50% 20%,#212732 0,#090c11 42%,#05070a 100%);place-items:center;display:grid}.draft-login-card{background:#0d1016e8;border:1px solid #353b46;width:min(430px,100vw - 30px);padding:36px;box-shadow:0 30px 80px #000}.draft-logo{color:#fff;background:#ef3149;place-items:center;width:50px;height:50px;font-size:24px;font-weight:1000;display:grid;transform:skew(-8deg)}.draft-logo span{color:#0a0d12}.draft-login-card h1{margin:8px 0;font-size:30px}.draft-login-card>p:not(.draft-kicker){color:#8e96a2}.draft-login-card form{gap:14px;margin:24px 0 16px;display:grid}.draft-login-card label{color:#9ba3af;gap:6px;font-size:11px;display:grid}.draft-login-card input{color:#fff;font:inherit;background:#080a0e;border:1px solid #3a404b;padding:12px}.draft-login-card>a{color:#818a96;font-size:11px}@media (max-width:1180px){.draft-grid{grid-template-columns:210px minmax(700px,1fr)}.draft-action-panel{z-index:20;border:1px solid #343a45;width:250px;max-height:70vh;position:fixed;bottom:14px;right:14px;box-shadow:0 20px 50px #000}.draft-map-grid{grid-template-columns:repeat(2,minmax(330px,1fr))}}@media (max-width:820px){.draft-page{overflow-x:hidden}.draft-grid{min-width:0;height:auto;display:block}.draft-sidebar{display:none}.draft-main{width:100%;min-width:0;min-height:calc(100vh - 72px);padding:10px;overflow:visible}.draft-map-grid,.draft-map-grid.maps-3{grid-template-columns:minmax(0,1fr);gap:18px;width:100%}.draft-map-grid.maps-3>:last-child{grid-column:auto;justify-self:stretch;width:100%;max-width:none}.draft-map-card{width:100%;min-width:0}.poi-state-key{display:none}.draft-map-surface{aspect-ratio:1;width:100%}.draft-map-brand{padding:4px 8px;font-size:8px;top:8px;left:8px}.desktop-poi{display:none}.mobile-poi-marker{z-index:4;color:#fff;pointer-events:none;background:#080b10e8;border:1px solid #aab2bd;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:1000;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #000c}.mobile-poi-marker.taken{background:#c51c31;border-color:#ff405a}.mobile-poi-marker.mine{background:#c51c31;border-color:#42ded1;box-shadow:0 0 0 2px #42ded1,0 2px 6px #000c}.mobile-poi-list{background:#090c11;border-top:1px solid #343a45;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.mobile-poi-card{color:#eef2f6;text-align:left;touch-action:manipulation;background:#11151b;border:1px solid #3c444f;grid-template-columns:34px minmax(0,1fr);align-items:stretch;min-width:0;min-height:50px;padding:0;display:grid}.mobile-poi-card>em{color:#b8c0cb;background:#1b2028;place-items:center;font-size:11px;font-style:normal;font-weight:1000;display:grid}.mobile-poi-card>span{align-content:center;gap:3px;min-width:0;padding:7px 8px;display:grid}.mobile-poi-card b{overflow-wrap:anywhere;font-size:12px;line-height:1.2}.mobile-poi-card small{color:#818b98;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mobile-poi-card.selectable{border:2px solid var(--map-accent);cursor:pointer;background:#0b1016;box-shadow:inset 0 0 0 1px #ffffff12}.mobile-poi-card.selectable>em{background:color-mix(in srgb, var(--map-accent) 28%, #111820);color:#fff}.mobile-poi-card.selectable small{color:var(--map-accent);font-weight:900}.mobile-poi-card.taken{opacity:1;background:#321018;border-color:#ff405a}.mobile-poi-card.taken>em{color:#fff;background:#b9182d}.mobile-poi-card.taken small{color:#ffbac4}.mobile-poi-card.mine{opacity:1;background:#321018;border-color:#42ded1;box-shadow:inset 3px 0 #42ded1,0 0 0 1px #42ded166}.mobile-poi-card.mine>em{background:#b9182d}.mobile-poi-card.mine small{color:#65eee3}.mobile-poi-card:focus-visible{outline-offset:2px;outline:3px solid #fff}.draft-action-panel{width:auto;max-height:none;margin:0 10px 20px;position:static}.turn-card{width:33%;min-width:0}.draft-header{gap:12px;padding:0 12px}.draft-header>div:nth-child(2){max-width:55%}.draft-header strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}