:root{--bg:#f2f4f6;--bg-wall:#e8e2d4;--panel:#fff;--panel-hi:#fffdf7;--panel-sunk:#ede8dd;--line:#ddd6c7;--ink:#1a1715;--ink-deep:#11120f;--ink-hover:#3a3d35;--desk:#ddd6c7;--text:#1a1715;--muted:#5d5a52;--muted-on-dark:#a9a596;--accent:#f07a2b;--accent-hi:#ffb27a;--accent-lo:#c05a12;--accent-soft:#f6c79f;--gold:#f2c14e;--gold-hi:#ffe08a;--gold-lo:#c99a25;--gold-ink:#8f6400;--win:#1d8a57;--win-lo:#0f5a37;--loss:#cc3049;--loss-lo:#8a1c2e;--font-pixel:"Galmuri11", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;word-break:keep-all;font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{place-items:center;min-height:100dvh;padding:0 24px;display:grid}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3{line-height:1.3;font-family:var(--font-pixel);margin:0;font-weight:400}h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}p{margin:0}img.px{image-rendering:pixelated;display:block}.shell{background:var(--bg);width:min(660px,100%);height:min(100vh,100dvh - 48px);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.screen{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;flex:1;align-content:start;gap:24px;padding:20px 16px 28px;display:grid;overflow-y:auto}.brand{border-bottom:3px solid var(--line);gap:6px;padding-bottom:16px;display:grid}.brand b{font:400 33px/1.2 var(--font-pixel)}.brand small{font:12px var(--font-pixel);letter-spacing:1.2px;color:var(--accent-lo);order:-1}main{gap:20px;display:grid}footer{border-top:3px solid var(--line);color:var(--muted);gap:12px;padding-top:16px;font-size:12px;display:grid}.brand b .tag{vertical-align:middle;font-size:12px}footer .build{font:11px var(--font-pixel);color:var(--muted)}footer .build a{color:var(--accent-lo)}.error{background:var(--loss);color:var(--panel-hi);font:13px var(--font-pixel);justify-self:start;margin:3px;padding:4px 10px}.panel{background:var(--panel);color:var(--text);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), 0 8px 0 0 var(--ink);gap:14px;margin:3px 3px 11px;padding:18px;display:grid}.panel-sunk{background:var(--panel-sunk)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nowrap{flex-wrap:nowrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center;justify-items:center}.muted{color:var(--muted)}.eyebrow{color:var(--accent-lo);font:12px var(--font-pixel);letter-spacing:1px;margin-bottom:4px}.win{color:var(--win)}.loss{color:var(--loss)}.tag{background:var(--ink);color:var(--gold);font:400 11px var(--font-pixel);padding:1px 5px}.tag.gold{background:var(--gold);color:var(--ink)}.stage-tag{background:var(--accent);color:var(--ink);font:12px var(--font-pixel);box-shadow:0 -3px 0 0 var(--accent), 0 3px 0 0 var(--accent), -3px 0 0 0 var(--accent), 3px 0 0 0 var(--accent);margin:3px;padding:2px 8px}.badges{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.badges li{background:var(--panel-hi);color:var(--ink);font:12px var(--font-pixel);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 -2px 0 0 var(--line);margin:2px;padding:2px 8px}.primary,.ghost,.option,.btn-cmd,.roster-card{--face:var(--panel);--hi:var(--panel-hi);--lo:#bdb29a;--fc:var(--ink);background:var(--face);color:var(--ink);box-shadow:0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 3px 0 0 var(--hi), inset 0 -4px 0 0 var(--lo);border:0;border-radius:0;margin:3px}:is(.primary,.ghost,.option,.btn-cmd,.roster-card):hover:not(:disabled){filter:brightness(1.05)}:is(.primary,.ghost,.option,.btn-cmd,.roster-card):active:not(:disabled),.primary.holding{box-shadow:0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 3px 0 0 var(--hi), inset 0 -2px 0 0 var(--lo);transform:translateY(2px)}:is(.primary,.ghost,.option,.btn-cmd):disabled{--face:var(--panel-sunk);--hi:var(--panel-sunk);--lo:var(--line);color:var(--muted)}.primary{--face:var(--accent);--hi:var(--accent-hi);--lo:var(--accent-lo);font:16px var(--font-pixel);padding:10px 18px}.primary.big{width:calc(100% - 6px);padding:14px;font-size:18px}.ghost{font:13px var(--font-pixel);padding:6px 12px}.ghost.big{width:calc(100% - 6px);padding:13px;font-size:16px}.cmds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.btn-cmd{--sub:var(--muted);text-align:left;min-height:58px;font-family:var(--font-pixel);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;display:grid}.btn-cmd.primary{--sub:#4a2008}.btn-cmd[aria-pressed=true]{--face:var(--gold-hi);--hi:#fff3c4;--lo:var(--gold-lo)}.btn-cmd>span{gap:2px;min-width:0;display:grid}.btn-cmd .icon{width:33px;height:33px}.btn-cmd .label{font-size:16px;line-height:1.2}.btn-cmd .sub{color:var(--sub);font:700 12px Noto Sans KR,sans-serif}.btn-cmd:disabled .sub{color:var(--muted)}.split-cmd.solo{display:contents}.split-cmd:not(.solo){background:var(--ink);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);grid-template-columns:1fr 1fr;margin:3px;display:grid}.split-cmd:not(.solo)>.btn-cmd{min-width:0;box-shadow:inset 0 3px 0 0 var(--hi), inset 0 -4px 0 0 var(--lo);margin:0}.split-cmd:not(.solo)>.btn-cmd:active:not(:disabled){box-shadow:inset 0 3px 0 0 var(--hi), inset 0 -2px 0 0 var(--lo)}.split-cmd:not(.solo)>.btn-cmd:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);margin-right:-12px;padding-right:24px}.split-cmd>.btn-cmd.train{--face:var(--gold);--hi:var(--gold-hi);--lo:#b08a20;clip-path:polygon(27px 0,100% 0,100% 100%,3px 100%);grid-template-columns:minmax(0,1fr);margin-left:-12px;padding-left:30px}.split-cmd>.btn-cmd.train[aria-pressed=true]{--face:var(--gold-hi);--hi:#fff3c4}.train-result{background:var(--ink);color:var(--gold);font:13px var(--font-pixel);justify-self:start;padding:6px 12px}.options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 12px;margin-top:6px;display:grid}.option{text-align:left;gap:2px;padding:10px 14px;display:grid}.option b{font:400 15px var(--font-pixel)}.option small{color:var(--muted);font:700 12px Noto Sans KR,sans-serif}.option.on{--face:var(--gold);--hi:var(--gold-hi);--lo:#b08a20}.tabs{background:var(--ink);flex-wrap:wrap;gap:3px;padding:3px;display:flex}.tabs button{color:var(--panel);font:12px var(--font-pixel);background:0 0;border:0;border-radius:0;padding:6px 12px}.tabs button:hover{background:var(--ink-hover)}.tabs button[aria-selected=true]{background:var(--gold);color:var(--ink);box-shadow:inset 0 2px 0 0 var(--gold-hi), inset 0 -3px 0 0 #b08a20}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel-hi);color:var(--ink);font:13px var(--font-pixel);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 -3px 0 0 var(--line);border:0;border-radius:0;margin:2px;padding:4px 10px}.chip small{color:var(--muted)}.chip:hover{background:#fff}.chip.on{background:var(--gold);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 2px 0 0 var(--gold-hi), inset 0 -3px 0 0 #b08a20}.field{gap:6px;display:grid}.field>span{font:12px var(--font-pixel);color:var(--muted)}input,select{background:var(--panel-hi);color:var(--ink);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 2px 0 0 var(--line);border:0;border-radius:0;margin:2px;padding:9px 12px}.kv{grid-template-columns:auto 1fr;gap:4px 16px;display:grid}.kv span{color:var(--muted)}.kv b{font:400 15px var(--font-pixel)}.bars{gap:9px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:10px;display:grid}.bars li>span{font-size:13px;font-weight:700}.bars b{text-align:right;font:400 14px var(--font-pixel)}.seg-bar{border:2px solid var(--ink);background:var(--panel-sunk);grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;height:12px;padding:2px;display:grid}.seg-bar>i.on{background:var(--accent)}.seg-bar.elite>i.on{background:var(--gold)}.hero{gap:0;padding:0}.status{background:var(--ink);color:var(--panel);font:12px var(--font-pixel);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.status .tag.gold{padding:1px 6px;font-size:12px}.status .alert{color:var(--gold);align-items:center;gap:6px;display:flex}.status .alert:before{content:"";background:var(--loss);width:8px;height:8px;box-shadow:0 0 0 2px #5a1420}.stage{background:var(--bg-wall);border-bottom:3px solid var(--ink);height:280px;position:relative;overflow:hidden}.stage:after{content:"";border-top:3px solid var(--ink);background:repeating-linear-gradient(90deg,#d49a5e 0 28px,#c98b52 28px 56px);height:72px;position:absolute;inset:auto 0 0}.pennant{z-index:1;background:var(--ink);color:var(--panel);font:13px var(--font-pixel);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);align-items:center;gap:8px;padding:8px 26px 8px 14px;display:flex;position:absolute;top:16px;left:0}.ovr-shield{--shape:polygon(25% 0, 75% 0, 75% 6%, 88% 6%, 88% 14%, 100% 14%, 100% 68%, 88% 68%, 88% 80%, 75% 80%, 75% 90%, 62% 90%, 62% 100%, 38% 100%, 38% 90%, 25% 90%, 25% 80%, 12% 80%, 12% 68%, 0 68%, 0 14%, 12% 14%, 12% 6%, 25% 6%);z-index:1;background:var(--ink);width:72px;height:82px;clip-path:var(--shape);position:absolute;top:10px;right:14px}.ovr-shield>div{background:var(--gold);color:var(--ink);font-family:var(--font-pixel);clip-path:var(--shape);box-shadow:inset 0 5px 0 0 var(--gold-hi), inset 0 -8px 0 0 var(--gold-lo);align-content:center;justify-items:center;padding-bottom:8px;display:grid;position:absolute;inset:4px}.ovr-shield small{font-size:11px}.ovr-shield strong{font-size:28px;font-weight:400;line-height:1}.stage .sprite{z-index:1;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-body{gap:18px;padding:18px 18px 20px;display:grid}.name-row{align-items:center;gap:12px;display:flex}.pos-tag{--team:#23306b;background:var(--team);color:var(--gold);font:14px var(--font-pixel);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 2px 0 0 #ffffff26, inset 0 -3px 0 0 #0000004d;margin:3px;padding:2px 8px}.plates{flex-wrap:wrap;gap:8px;margin-top:-8px;display:flex}.plate{box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);margin:2px;display:inline-flex}.plate>b{background:var(--ink);color:var(--gold);font:400 11px var(--font-pixel);padding:3px 7px}.plate>span{background:var(--panel-hi);color:var(--ink);font:12px var(--font-pixel);box-shadow:inset 0 -2px 0 0 var(--line);padding:3px 9px}.contract{color:var(--muted);margin-top:-8px;font-size:13px}.recent{border:2px solid var(--ink);display:grid}.recent>p{background:var(--ink);color:var(--panel);font:12px var(--font-pixel);padding:8px 12px}.recent-row{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:grid}.recent-row .muted{font-variant-numeric:tabular-nums}.wl{width:22px;height:22px;color:var(--panel-hi);font:12px var(--font-pixel);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 -3px 0 0 var(--lo);flex:none;place-items:center;margin:2px;display:inline-grid}.wl.win{--lo:var(--win-lo);background:var(--win)}.wl.loss{--lo:var(--loss-lo);background:var(--loss)}.stats{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:12px 0;display:grid}.stat{background:var(--panel-sunk);box-shadow:inset 0 -3px 0 0 var(--line);padding:8px 12px;display:grid}.stat small{color:var(--muted);font-size:12px}.stat b{font:400 20px var(--font-pixel)}.awards,.trophies{gap:6px;margin:0;padding:0;list-style:none;display:grid}.awards li{align-items:center;gap:8px;display:flex}.awards img.px{width:22px;height:22px}.trophies li{background:var(--panel-hi);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 -3px 0 0 var(--line);grid-template-columns:1fr auto;gap:0 12px;margin:2px;padding:8px 12px;display:grid}.trophies li b{font:400 14px var(--font-pixel)}.trophies li small{grid-column:1/-1}.trophies .gold{background:var(--gold);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 2px 0 0 var(--gold-hi), inset 0 -3px 0 0 #b08a20}.count{color:var(--gold-ink);font:400 14px var(--font-pixel)}.trophies .gold .count,.trophies .gold small{color:var(--ink)}.scroll-x{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:right;padding:9px 10px}th{border-bottom:2px solid var(--ink);color:var(--muted);font:400 12px var(--font-pixel);padding-block:8px}td{border-bottom:1px solid var(--line)}th.left,td.left{text-align:left}td.pos{font:13px var(--font-pixel)}tr.me td{background:var(--accent-soft);font-weight:700}.best{gap:14px;display:grid}.cast{gap:12px;margin-top:4px;display:grid}.cast h3{gap:6px}.pbp{background:var(--ink);max-height:420px;color:var(--panel);box-shadow:inset 0 3px 0 0 var(--ink-deep);gap:4px;margin:0;padding:12px 14px;font-size:13px;list-style:none;display:grid;overflow-y:auto}.pbp .q{text-align:center;color:var(--muted-on-dark);font:12px var(--font-pixel);padding:4px 0}.pbp .hot{color:var(--gold);font-weight:700}.drill{gap:12px;margin-top:6px;display:grid}.drill-stage{grid-template-columns:minmax(0,1fr) 26px;gap:14px;display:grid}.court{background:linear-gradient(var(--bg-wall) 0 62%, transparent 62%), repeating-linear-gradient(90deg, #d49a5e 0 28px, #c98b52 28px 56px);height:260px;box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);margin:3px;position:relative;overflow:hidden}.court .ball{z-index:2;width:33px;height:33px;margin-left:-16px;position:absolute;bottom:70px;left:50%}.call{z-index:3;background:var(--ink);color:var(--panel);font:16px var(--font-pixel);white-space:nowrap;padding:4px 10px;position:absolute;top:46%;left:50%;translate:-50%}.call.good{background:var(--win)}.court.pass .call,.court.dribble .call{top:12px}.court.shoot .hoop{z-index:1;width:66px;height:66px;margin-left:-33px;position:absolute;top:18px;left:50%}.court.shoot .ball.fly-good{animation:.85s ease-in-out forwards fly-good}.court.shoot .ball.fly-short{animation:.85s ease-in-out forwards fly-short}.court.shoot .ball.fly-long{animation:.85s ease-in-out forwards fly-long}@keyframes fly-good{50%{translate:0 -150px;scale:.7}75%{translate:0 -118px;scale:.62}to{opacity:0;translate:0 -96px;scale:.6}}@keyframes fly-short{55%{translate:0 -95px;scale:.76}to{opacity:0;translate:0 -40px;scale:.8}}@keyframes fly-long{45%{translate:0 -178px;scale:.64}70%{translate:6px -168px;scale:.62}to{opacity:0;translate:40px -60px;scale:.7}}.court.pass{--track:170px;height:300px}.court.pass .mate{left:50%;bottom:calc(20px + var(--d) * var(--track));position:absolute;translate:-50%}.court.pass .ball{transition-property:translate;transition-duration:.6s;transition-timing-function:ease-out;bottom:56px}.court.pass .ball.flying{translate:0 calc(var(--to) * var(--track) * -1)}.court.dribble .defender,.court.dribble .dribbler{position:absolute;left:50%;translate:-50%}.court.dribble .defender{transition-property:translate;transition-duration:.12s;transition-timing-function:ease-out;top:20px}.court.dribble .defender.lean-left{translate:calc(-50% - 34px)}.court.dribble .defender.lean-right{translate:calc(34px - 50%)}.court.dribble .dribbler{z-index:1;transition-property:translate;transition-duration:.3s;transition-timing-function:ease-out;bottom:12px}.court.dribble .dribbler.go-left{translate:calc(-50% - 110px) -70px}.court.dribble .dribbler.go-right{translate:calc(110px - 50%) -70px}.dribble-keys{grid-template-columns:1fr 1fr;gap:8px;display:grid}.drill-hint{text-align:center;font:13px var(--font-pixel)}.gauge{background:var(--panel-sunk);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);margin:3px;position:relative;overflow:hidden}.gauge-zone{z-index:1;border-block:2px solid var(--win);background:#1d8a5759;position:absolute;inset-inline:0}.gauge-fill{background:var(--accent);transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.drill .primary{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.shots{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shots li{background:var(--panel-hi);width:14px;height:14px;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink)}.shots .in{background:var(--win)}.shots .out{background:var(--loss)}.overlay{z-index:10;background:#f4f2ecf5;place-items:center;padding:16px;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out;display:grid;position:absolute;inset:0}.overlay.leaving{opacity:0}.loading{text-align:center;justify-items:center;gap:12px;width:min(100%,420px);transition-property:translate;transition-duration:.15s;transition-timing-function:ease-out;display:grid}.overlay.leaving .loading{translate:0 -12px}.loading .eyebrow{color:var(--accent-lo)}.progress{border:2px solid var(--ink);background:var(--ink);width:100%;height:16px;padding:2px}.progress>div{background:var(--accent);transform-origin:0;height:100%;transition-property:transform;transition-duration:.8s;transition-timing-function:linear}.steps{color:var(--muted);font:13px var(--font-pixel);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:8px;display:flex}.steps li:before{content:"";border:2px solid var(--muted);flex:none;width:10px;height:10px}.steps .done{color:var(--text)}.steps .done:before{background:var(--accent);border-color:var(--accent)}.steps .now{color:var(--gold-ink)}.steps .now:before{border-color:var(--gold-ink);animation:.76s step-end infinite pulse}@keyframes pulse{50%{background:var(--gold-ink)}}.modal{background:var(--panel);width:min(100% - 32px,620px);color:var(--text);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);opacity:0;transition-behavior:allow-discrete;border:0;border-radius:0;padding:20px;transition-property:opacity,translate,overlay,display;transition-duration:.15s;transition-timing-function:ease-out;translate:0 -12px}.modal[open]{opacity:1;transition-duration:.4s;translate:0}@starting-style{.modal[open]{opacity:0;translate:0 12px}}.modal::backdrop{background:#1a17158c}.modal .primary{margin-top:16px}.title{margin:4px 0;font-size:clamp(2rem,7vw,2.6rem)}.caption{animation:.4s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.milestones{width:100%;color:var(--muted);font:12px var(--font-pixel);grid-template-columns:repeat(5,1fr);margin:8px 0 0;padding:0;list-style:none;display:grid}.milestones li{justify-items:center;padding-top:22px;display:grid;position:relative}.milestones li:before{content:"";z-index:1;background:var(--panel-sunk);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);margin-left:-6px;position:absolute;top:4px;left:50%}.milestones li+li:after{content:"";background:var(--line);width:100%;height:3px;position:absolute;top:9px;right:50%}.milestones li:before,.milestones li:after{transition-property:background-color;transition-duration:.4s;transition-timing-function:ease-out}.milestones li.on{color:var(--text)}.milestones li.on:before,.milestones li.on:after{background:var(--accent)}.league{vertical-align:middle;filter:grayscale();opacity:.5;transition-property:filter,opacity;transition-duration:.4s;transition-timing-function:ease-out}.milestones li.on .league{filter:none;opacity:1}.hall{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hall li{background:var(--panel-hi);font-variant-numeric:tabular-nums;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), inset 0 -3px 0 0 var(--line);align-items:center;gap:10px;margin:2px;padding:6px 12px;display:flex}.hall .rank{width:1.5em;color:var(--accent-lo);font:400 16px var(--font-pixel)}.hall li>b:last-child{font:400 13px var(--font-pixel)}.hall img.px:not([width]){width:22px;height:22px}.cta{z-index:2;background:var(--bg);border-top:3px solid var(--line);gap:4px;margin-inline:-16px;padding:12px 16px 8px;display:grid;position:sticky;bottom:-28px}.create header{gap:2px;display:grid}.pick{gap:20px}.pick-head{justify-items:start;gap:12px;display:grid}.pick-head h2 small{color:var(--muted);font-size:14px}.pose-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.pose-strip figure{background:var(--panel);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);justify-items:center;gap:6px;margin:2px;padding:10px 4px 8px;display:grid}.pose-strip figcaption{font:12px var(--font-pixel)}.roster{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.roster-card{justify-items:center;gap:6px;padding:14px 6px 10px;display:grid;position:relative}.roster-card:hover:not([aria-pressed=true]){transform:translateY(-3px)}.roster-card[aria-pressed=true]{--face:var(--gold-hi);--hi:#fff3c4;--lo:var(--gold-lo)}.roster-card .tag{padding:2px 6px;position:absolute;top:-3px;left:-3px}.roster-card b{font:400 13px var(--font-pixel)}.roster-card small{color:var(--gold-ink);font:11px var(--font-pixel)}.logo{object-fit:contain;vertical-align:middle;flex:none}.logo.badge{color:#fff;place-items:center;font-weight:700;display:inline-grid}@media (width<=480px){#root{padding:0}.shell{width:100%;height:100dvh;box-shadow:none}}@media (width<=420px){.cmds{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.caption,.steps .now:before{animation:none}.steps .now:before{background:var(--gold-ink)}.milestones li:before,.milestones li:after,.overlay,.loading,.modal,.progress>div,.league{transition:none}}