.mp{--bg:#F8F6F0;--bg-2:#FFFFFF;--panel:#FFFFFF;--panel-2:#FFF4D1;--line:rgba(20,18,16,.1);--line-2:rgba(20,18,16,.22);--chalk:#141210;--dust:#5F594E;--dim:#9C9588;--danfo:#FFC20E;--danfo-hi:#FFD445;--amber:#A26500;--paint-red:#C8302B;--ink:#141210;--glow:#FFC20E;--f-display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--f-body:"Barlow", "Segoe UI", system-ui, sans-serif;--f-label:"Barlow Condensed", "Arial Narrow", sans-serif;--f-paint:"Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.7,0,.2,1);color-scheme:light}.mp{height:100%}.mp [hidden]{display:none!important}.mp{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);color:var(--chalk);font-family:var(--f-body);font-size:15px;line-height:1.45;overflow:hidden}.mp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.mp input{font:inherit;color:inherit}.mp :focus{outline:none}.mp :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mp .mp-ambient{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.mp .grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.mp .court-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.mp .court-art svg{position:absolute;right:-18vmax;bottom:-30vmax;width:90vmax;height:90vmax;opacity:.04;transition:transform 1.2s var(--ease-out)}.mp .scr.title-scr{position:relative;height:100%;min-height:0;max-width:none;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);justify-items:start;align-content:stretch;gap:clamp(6px,1.8vh,20px);padding-top:clamp(0px,1vh,12px)}.mp[data-screen=title]{background:radial-gradient(55% 45% at 88% 6%,rgba(255,194,14,.5),transparent 70%),radial-gradient(40% 40% at 0% 100%,rgba(47,138,87,.12),transparent 70%),var(--bg)}.mp .logo{font-size:clamp(56px,min(15vw,16vh),210px);font-weight:900;line-height:.82;display:flex;flex-direction:column;letter-spacing:-.01em;color:var(--ink)}.mp .logo .l1{display:flex}.mp .logo .l1 span{display:inline-block;animation:slam .7s var(--ease-out) both;animation-delay:calc(var(--i)*55ms + .2s)}@keyframes slam{0%{opacity:0;transform:translateY(-40px) scale(1.25)}to{opacity:1;transform:none}}.mp .logo .l2{position:relative;align-self:flex-start;margin-top:.06em;padding:0 .14em .02em;color:var(--ink);background:var(--danfo);border:.03em solid var(--ink);transform:skew(-8deg);animation:panel .8s var(--ease-out) .65s both}.mp .logo .l2 span{display:inline-block;transform:skew(8deg)}.mp .logo .l2:after{content:"";position:absolute;left:-.03em;right:-.03em;bottom:-.2em;height:.11em;background:linear-gradient(var(--ink) 0 35%,transparent 35% 65%,var(--ink) 65%)}@keyframes panel{0%{clip-path:inset(-20% 100% -40% -5%)}to{clip-path:inset(-20% -5% -40% -5%)}}.mp .slogan{font-family:var(--f-paint);color:var(--paint-red);font-size:clamp(22px,min(3.4vw,4.4vh),44px);transform:rotate(-2.5deg);margin:.35em 0 0 .1em;animation:rise .8s var(--ease-out) 1s both}.mp .press{display:inline-flex;align-items:center;gap:14px;padding:14px 26px 14px 20px;background:var(--ink);color:var(--danfo);border-radius:999px;font-family:var(--f-display);font-weight:800;font-size:clamp(17px,2.4vh,22px);letter-spacing:.16em;text-transform:uppercase;animation:rise .6s var(--ease-out) 1.2s both;transition:transform .2s var(--ease-out),box-shadow .2s;box-shadow:0 10px 24px #1412102e}.mp .press:hover,.mp .press:focus{transform:translateY(-2px);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--danfo),0 14px 30px #14121038}.mp .press .dot{width:10px;height:10px;border-radius:50%;background:var(--danfo);animation:blink 1.4s ease-in-out infinite 1.8s}@keyframes blink{50%{opacity:.2}}.mp .title-scr>:not(.showroom){position:relative;z-index:2}.mp .showroom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.mp .showroom canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mp .sr-stadium{filter:blur(7px) saturate(.9);opacity:.7;transform:scale(1.06)}.mp .sr-spot{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(38% 55% at 66% 58%,#fffffff2,#fff0 70%),linear-gradient(90deg,#f8f6f0eb 0,#f8f6f08c 32%,#f8f6f000 52%)}.mp .sr-canvas{opacity:0;transition:opacity 1s var(--ease-out)}.mp .showroom.sr-ready .sr-canvas{opacity:1}.mp .sr-fallback{position:absolute;left:0;right:0;bottom:70px;height:40%;display:none}.mp .showroom.sr-failed .sr-fallback{display:block}.mp .showroom.sr-failed .sr-canvas{display:none}@media(max-aspect-ratio:23/20){.mp .sr-spot{background:radial-gradient(70% 40% at 50% 78%,#fffffff2,#fff0 70%),linear-gradient(180deg,#f8f6f0f2 0,#f8f6f099 38%,#f8f6f000 55%)}}.mp .bus-lane{position:relative;justify-self:stretch;align-self:stretch;min-height:110px}.mp .road{position:absolute;left:0;right:0;bottom:6px;height:5px;background:repeating-linear-gradient(90deg,var(--ink) 0 46px,transparent 46px 78px);opacity:.18}.mp .bus{position:absolute;right:2%;bottom:10px;height:min(100%,300px);width:auto;max-width:96%;animation:drive 1.7s cubic-bezier(.2,.8,.25,1) .45s both}.mp .bus .body{animation:idle .9s ease-in-out 2.2s infinite alternate}.mp .bus .wheel{transform-box:fill-box;transform-origin:center;animation:spin .32s linear .45s 6}@keyframes drive{0%{transform:translate(115vw)}to{transform:none}}@keyframes idle{to{transform:translateY(1.6px)}}@keyframes spin{to{transform:rotate(-360deg)}}@media(max-aspect-ratio:1/1){.mp .bus{right:auto;left:50%;transform:translate(-50%);animation:none}}.mp .mp-app{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto}.mp .topbar{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:14px max(16px,3vw) 10px;min-height:58px}.mp .brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:900;font-size:20px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.mp .brand .tag{background:var(--danfo);color:var(--ink);padding:0 7px 1px;transform:skew(-10deg);display:inline-block}.mp .crumbs{display:flex;gap:4px;margin-inline:auto;flex-wrap:nowrap;overflow:hidden}.mp .crumb{font-family:var(--f-label);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:4px 12px;position:relative;white-space:nowrap;display:flex;gap:6px;align-items:center}.mp .crumb b{font-family:var(--f-display);font-size:15px;color:inherit;opacity:.8}.mp .crumb.done{color:var(--dust)}.mp .crumb.now{color:var(--ink);background:var(--danfo);transform:skew(-10deg)}.mp .crumb.now>*{transform:skew(10deg)}.mp .top-right{display:flex;align-items:center;gap:8px;margin-left:auto}.mp .crumbs+.top-right{margin-left:0}.mp .chip{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0;font-size:13px;white-space:nowrap}.mp .chip .av{width:28px;height:28px;border-radius:50%;background:var(--danfo);color:var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:15px}.mp .chip small{display:block;color:var(--dust);font-size:11px;line-height:1.1}.mp .chip strong{display:block;line-height:1.1;font-weight:600}.mp .icon-btn{height:36px;min-width:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0;font-family:var(--f-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--dust);display:inline-flex;align-items:center;gap:6px}.mp .icon-btn:hover,.mp .icon-btn:focus-visible{color:var(--chalk);border-color:var(--line-2)}.mp .icon-btn[aria-pressed=true]{color:var(--amber)}.mp .mp-stage{position:relative;overflow:hidden auto;padding-inline:max(16px,3vw);padding-block:8px 24px;scrollbar-width:thin}.mp .hints{position:relative;z-index:3;display:flex;align-items:center;gap:22px;padding:10px max(16px,3vw) 14px;border-top:1px solid var(--line);background:#f8f6f0f0;font-family:var(--f-label);font-size:14px;letter-spacing:.04em;color:var(--dust);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.mp .hint{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.mp .hints .key-hint{display:inline-flex;align-items:center;gap:22px}.mp .k{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border:1px solid var(--line-2);border-bottom-width:3px;border-radius:5px;font-family:var(--f-label);font-weight:700;font-size:12px;color:var(--chalk);background:var(--panel)}.mp .back-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--chalk);padding:6px 14px;border:1px solid var(--line-2);border-radius:999px}.mp .back-btn[hidden]{display:none!important}@media(pointer:coarse){.mp .hints .key-hint{display:none}}.mp .wipe{position:fixed;top:-10%;right:-40%;bottom:-10%;left:-40%;z-index:50;pointer-events:none;display:grid;grid-template-columns:1fr;transform:translate(-130%) skew(-18deg)}.mp .wipe i{display:block}.mp .wipe .w1{background:var(--danfo)}.mp .wipe.run{animation:wipe .72s var(--ease-snap) forwards}.mp .wipe{background:linear-gradient(90deg,transparent 0 6%,var(--ink) 6% 9%,var(--danfo) 9% 46%,var(--ink) 46% 48%,var(--danfo) 48% 50%,var(--ink) 50% 52%,var(--danfo) 52% 91%,var(--ink) 91% 94%,transparent 94%)}@keyframes wipe{0%{transform:translate(-130%) skew(-18deg)}to{transform:translate(130%) skew(-18deg)}}.mp .scr{max-width:1240px;margin-inline:auto;min-height:100%;display:flex;flex-direction:column;gap:22px}.mp .scr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:6px}.mp .eyebrow{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--amber);margin:0}.mp h1,.mp h2,.mp h3{margin:0;font-family:var(--f-display);text-transform:uppercase;line-height:.9;letter-spacing:.005em;text-wrap:balance}.mp h2{font-size:clamp(38px,6vw,72px);font-weight:900}.mp h3{font-size:20px;font-weight:800;letter-spacing:.03em}.mp .lede{color:var(--dust);max-width:52ch;margin:0}.mp .rise{animation:rise .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms + .12s)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.mp .cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 34px;background:var(--danfo);color:var(--ink);font-family:var(--f-display);font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:transform .2s var(--ease-out),background .2s}.mp .cta:after{content:"";position:absolute;left:18px;right:18px;bottom:7px;height:6px;background:linear-gradient(var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 6px);opacity:.85}.mp .cta:hover,.mp .cta:focus{background:var(--danfo-hi);transform:translate(4px)}.mp .cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--chalk)}.mp .ghost{height:48px;padding:0 22px;border:1px solid var(--line-2);font-family:var(--f-label);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);display:inline-flex;align-items:center;gap:10px;transition:border-color .2s,background .2s}.mp .ghost:hover,.mp .ghost:focus{border-color:var(--danfo);background:#f5b80014}.mp .scr-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.mp .soon{font-family:var(--f-label);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line-2);color:var(--dust);border-radius:3px}.mp .signin{display:grid;grid-template-columns:1.1fr minmax(320px,440px);gap:clamp(20px,4vw,64px);align-items:center;flex:1}.mp .mural{position:relative;min-height:440px;align-self:stretch;overflow:hidden;background:linear-gradient(160deg,rgba(245,184,0,.92) 0 38%,transparent 38%),linear-gradient(200deg,transparent 0 55%,rgba(46,122,69,.9) 55% 80%,transparent 80%),linear-gradient(110deg,rgba(200,69,47,.85) 0 22%,transparent 22%),#2b251d;clip-path:polygon(0 0,100% 3%,97% 100%,2% 97%)}.mp .mural:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.55}.mp .mural .m1{position:absolute;left:7%;top:9%;font-family:var(--f-paint);font-size:clamp(34px,4.6vw,62px);line-height:.95;color:var(--ink);transform:rotate(-6deg)}.mp .mural .m2{position:absolute;right:7%;bottom:12%;font-family:var(--f-paint);font-size:clamp(26px,3.2vw,44px);line-height:1;color:#fff;text-align:right;transform:rotate(-4deg);text-shadow:3px 3px 0 rgba(0,0,0,.35)}.mp .mural .crests{position:absolute;left:7%;bottom:10%;display:flex;gap:8px}.mp .mural .crests svg{width:46px;height:52px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.mp .auth{display:flex;flex-direction:column;gap:16px}.mp .auth h2{font-size:clamp(40px,5vw,60px)}.mp .g-btn{height:52px;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #DADCE0;border-radius:4px;font-weight:600;font-size:16px;font-family:var(--f-body);transition:transform .15s,box-shadow .2s}.mp .g-btn:hover,.mp .g-btn:focus{box-shadow:0 0 0 3px var(--danfo);transform:translateY(-1px)}.mp .g-btn svg{width:20px;height:20px}.mp .or{display:flex;align-items:center;gap:12px;color:var(--dim);font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.mp .or:before,.mp .or:after{content:"";flex:1;height:1px;background:var(--line-2)}.mp .field{display:flex;flex-direction:column;gap:6px}.mp .field label{font-family:var(--f-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--dust)}.mp .field input{height:48px;padding:0 14px;background:var(--panel);border:1px solid var(--line-2);border-radius:3px;transition:border-color .2s}.mp .field input:focus{border-color:var(--danfo)}.mp .auth .row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mp .link{color:var(--amber);font-weight:600;text-decoration:underline;text-underline-offset:3px}.mp .guest-note{font-size:13px;color:var(--dust);margin:0}.mp .auth .cta{width:100%}.mp .nick{max-width:760px;justify-content:center;gap:26px;padding-bottom:6vh}.mp .nick-input{width:100%;background:none;border:0;border-bottom:3px solid var(--line-2);font-family:var(--f-display);font-weight:900;font-size:clamp(48px,8vw,96px);text-transform:uppercase;padding:0 0 6px;color:var(--chalk);transition:border-color .2s;letter-spacing:.01em}.mp .nick-input:focus{border-color:var(--danfo)}.mp .nick-input::placeholder{color:var(--dim)}.mp .sugg{display:flex;flex-wrap:wrap;gap:8px}.mp .sugg button{padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;color:var(--dust);transition:all .2s}.mp .sugg button:hover,.mp .sugg button:focus{color:var(--ink);background:var(--danfo);border-color:var(--danfo)}.mp .hub{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:min(560px,62vh)}.mp .tile{position:relative;overflow:hidden;text-align:left;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;gap:6px;transition:transform .35s var(--ease-out),border-color .25s,background .25s;isolation:isolate}.mp .tile .t-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transition:transform .8s var(--ease-out),opacity .3s;opacity:.85}.mp .tile h3{font-size:clamp(34px,4vw,54px);font-weight:900;line-height:.9}.mp .tile p{margin:0;color:var(--dust);max-width:40ch}.mp .tile .t-tag{position:absolute;top:18px;left:24px;font-family:var(--f-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--dust)}.mp .tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--danfo) 0 70%,var(--ink) 70% 72%,var(--danfo) 72% 74%,var(--ink) 74% 76%,var(--danfo) 76%);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}.mp .tile:hover,.mp .tile:focus{border-color:var(--ink);box-shadow:6px 6px 0 var(--danfo);transform:translate(-3px,-3px)}.mp .tile:hover:after,.mp .tile:focus:after{transform:scaleX(1)}.mp .tile:hover .t-art,.mp .tile:focus .t-art{transform:scale(1.04);opacity:1}.mp .tile:focus h3,.mp .tile:hover h3{color:var(--ink)}.mp .tile.hero{grid-row:1 / span 2;padding:30px 32px}.mp .tile.hero h3{font-size:clamp(56px,7.5vw,112px)}.mp .fixture{position:absolute;top:56px;left:32px;right:32px;display:flex;align-items:center;gap:18px}.mp .fixture svg.crest{width:clamp(56px,7vw,92px);height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.mp .fixture .vs{font-family:var(--f-display);font-weight:900;font-size:28px;color:var(--dust)}.mp .fixture .fx-meta{margin-left:auto;text-align:right;font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--dust)}.mp .fixture .fx-meta b{display:block;color:var(--chalk);font-size:16px}.mp .hub-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--dust);font-size:13px}.mp .hub-foot .pill{padding:6px 12px;border:1px solid var(--line);border-radius:999px}.mp .hub-foot .pill b{color:var(--chalk);font-weight:600}.mp .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:1;min-height:360px}.mp .mode{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);text-align:left;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;transition:transform .35s var(--ease-out),border-color .25s;isolation:isolate}.mp .mode .big{position:absolute;top:-10px;right:10px;font-family:var(--f-display);font-weight:900;font-size:220px;line-height:1;color:#1412100d;z-index:-1;transition:color .3s}.mp .mode h3{font-size:44px;font-weight:900}.mp .mode p{margin:0;color:var(--dust)}.mp .mode ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dust)}.mp .mode li:before{content:"";display:inline-block;width:10px;height:2px;background:var(--danfo);margin-right:10px;vertical-align:middle}.mp .mode:not([disabled]):hover,.mp .mode:not([disabled]):focus{border-color:var(--ink);box-shadow:6px 6px 0 var(--danfo);transform:translateY(-6px)}.mp .mode:not([disabled]):hover .big,.mp .mode:not([disabled]):focus .big{color:#f5b80029}.mp .mode:not([disabled]):focus h3,.mp .mode:not([disabled]):hover h3{color:var(--ink)}.mp .mode[disabled]{cursor:not-allowed;opacity:.55}.mp .mode .soon{position:absolute;top:20px;right:20px}.mp .rules{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start}.mp .opts{display:flex;flex-direction:column;gap:6px}.mp .opt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 10px 12px 20px;background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--ease-out);position:relative}.mp .opt:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s}.mp .opt:focus,.mp .opt:hover{background:var(--panel-2);border-color:var(--line-2)}.mp .opt:focus{transform:translate(6px)}.mp .opt:focus:before{background:var(--danfo)}.mp .opt-label{font-family:var(--f-label);font-weight:600;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.mp .opt-label small{display:block;font-family:var(--f-body);text-transform:none;letter-spacing:0;font-size:13px;color:var(--dust);font-weight:400}.mp .opt-val{display:flex;align-items:center;gap:4px}.mp .opt-val b{min-width:132px;text-align:center;font-family:var(--f-display);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.02em}.mp .arr{width:34px;height:34px;display:grid;place-items:center;color:var(--dust);border-radius:50%;transition:color .2s,background .2s}.mp .arr:hover{color:var(--ink);background:var(--danfo)}.mp .opt:focus .arr{color:var(--amber)}.mp .opt:focus .arr:hover{color:var(--ink)}.mp .arr svg{width:14px;height:14px}.mp .dots{display:flex;justify-content:center;gap:4px;margin-top:2px}.mp .dots i{width:14px;height:3px;background:var(--line-2)}.mp .dots i.on{background:var(--danfo)}.mp .opt.locked{cursor:default}.mp .opt.locked .opt-val b{color:var(--dust)}.mp .lock{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-right:12px}.mp .preview{position:sticky;top:0;background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);padding:24px;min-height:340px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.mp .preview .pv-title{font-family:var(--f-display);font-weight:900;font-size:40px;text-transform:uppercase;line-height:.9}.mp .preview p{margin:0;color:var(--dust)}.mp .pv-art{flex:1;display:grid;place-items:center;min-height:160px}.mp .pv-art svg{width:100%;max-width:360px;height:auto}.mp .meter{display:flex;align-items:flex-end;gap:8px;height:120px}.mp .meter i{width:46px;background:var(--line-2);transition:background .3s,height .4s var(--ease-out)}.mp .meter i.on{background:var(--danfo)}.mp .clock-big{font-family:var(--f-display);font-weight:900;font-size:clamp(64px,9vw,110px);line-height:1;font-variant-numeric:tabular-nums}.mp .clock-big small{font-size:.35em;color:var(--dust);margin-left:8px}.mp .sides{position:relative;display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:380px;border:1px solid var(--line);overflow:hidden}.mp .side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:28px;gap:4px;transition:background .4s}.mp .side span{font-family:var(--f-display);font-weight:900;font-size:clamp(46px,7vw,88px);text-transform:uppercase;color:#1412101a;transition:color .4s}.mp .side small{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.mp .side.home{background:linear-gradient(90deg,rgba(245,184,0,.04),transparent);border-right:1px dashed var(--line-2)}.mp .sides[data-pos="-1"] .side.home{background:linear-gradient(90deg,#f5b8002e,#f5b80005)}.mp .sides[data-pos="1"] .side.away{background:linear-gradient(270deg,#f5b8002e,#f5b80005)}.mp .sides[data-pos="-1"] .side.home span,.mp .sides[data-pos="1"] .side.away span{color:var(--amber)}.mp .tokens{position:absolute;left:0;right:0;bottom:16%;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.mp .token{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;transition:transform .5s var(--ease-out);pointer-events:auto;box-shadow:0 10px 30px #1412101f}.mp .token .pad{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--danfo);color:var(--ink)}.mp .token .pad svg{width:26px;height:26px}.mp .token.cpu .pad{background:var(--dim);color:var(--chalk)}.mp .token b{font-family:var(--f-display);font-size:22px;font-weight:800;text-transform:uppercase;display:block;line-height:1}.mp .token small{color:var(--dust);font-size:12px;font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase}.mp .token .nudge{display:flex;gap:2px;margin-left:8px;color:var(--amber)}.mp .token .nudge button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.mp .token .nudge button:hover{background:#f5b80026}.mp .token .nudge svg{width:13px;height:13px}.mp .teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(10px,2vw,24px);align-items:stretch;flex:1}.mp .teams.solo{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.mp .vs-mark{align-self:center;font-family:var(--f-display);font-weight:900;font-size:clamp(40px,5vw,64px);color:var(--dim);font-style:italic}.mp .tcard{--tc:var(--danfo);position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s;isolation:isolate;cursor:default}.mp .tcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--tc) 32%,transparent),transparent 70%);transition:background .5s}.mp .tcard:focus{border-color:var(--danfo)}.mp .tc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mp .who{font-family:var(--f-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;padding:4px 9px;background:var(--danfo);color:var(--ink)}.mp .who.cpu{background:var(--panel-2);color:var(--dust);border:1px solid var(--line-2)}.mp .side-lab{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--dust)}.mp .tc-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px}.mp .tc-id{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}.mp .tc-id svg.crest{width:clamp(84px,10vw,120px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}.mp .tc-id .crest-wrap{animation:crestIn .5s var(--ease-out)}@keyframes crestIn{0%{opacity:0;transform:translate(calc(var(--dir,1) * 40px)) scale(.9)}to{opacity:1;transform:none}}.mp .tc-name{font-family:var(--f-display);font-weight:900;font-size:clamp(36px,4.2vw,54px);text-transform:uppercase;line-height:.9}.mp .tc-nick{font-family:var(--f-paint);color:var(--tc-ink,var(--danfo));font-size:18px;transform:rotate(-2deg)}.mp .big-arr{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--chalk);transition:background .2s,color .2s}.mp .big-arr:hover{background:var(--danfo);color:var(--ink);border-color:var(--danfo)}.mp .big-arr svg{width:16px;height:16px}.mp .kits{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp .kit{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);background:#ffffffbf;text-align:left;transition:border-color .2s,background .2s}.mp .kit svg{width:46px;height:46px;flex:none}.mp .kit b{display:block;font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.mp .kit small{color:var(--dust);font-size:12px}.mp .kit[aria-pressed=true]{border-color:var(--ink);background:#ffc20e29}.mp .kit[aria-pressed=true] small{color:var(--chalk)}.mp .stats{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-family:var(--f-label);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dust)}.mp .stats .bar{height:6px;background:var(--line);position:relative;overflow:hidden}.mp .stats .bar i{position:absolute;inset:0 auto 0 0;background:var(--tc);transition:width .6s var(--ease-out)}.mp .stats b{color:var(--chalk);font-variant-numeric:tabular-nums;font-size:15px}.mp .tc-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--dust);border-top:1px solid var(--line);padding-top:12px}.mp .tc-foot b{color:var(--chalk);font-weight:600}.mp .picker{display:flex;justify-content:center;gap:6px}.mp .picker button{width:34px;height:38px;opacity:.4;transition:opacity .2s,transform .2s}.mp .picker button svg{width:100%;height:100%}.mp .picker button:hover{opacity:.8}.mp .picker button[aria-current=true]{opacity:1;transform:translateY(-3px)}.mp .picker button[disabled]{opacity:.12;cursor:not-allowed}.mp .clash{font-size:13px;color:var(--amber);display:flex;gap:6px;align-items:center;min-height:20px}.mp .open-pitch{background:var(--panel);border:1px dashed var(--line-2);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px}.mp .open-pitch h3{font-size:40px}.mp .open-pitch p{color:var(--dust);margin:0}.mp .plan{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(14px,2.4vw,28px);align-items:start}.mp .pitch-wrap{display:flex;flex-direction:column;gap:10px}.mp .pitch{position:relative;aspect-ratio:16/10;max-width:100%;background:radial-gradient(60% 80% at 50% 50%,rgba(255,255,255,.05),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 10%,transparent 10% 20%),#2f8a57;border:1px solid var(--line-2);overflow:hidden;box-shadow:inset 0 0 80px #00000073}.mp .pitch svg.lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mp .pm{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;transition:left .7s var(--ease-out),top .7s var(--ease-out);z-index:2}.mp .pm .disc{width:clamp(34px,4.6vw,52px);height:clamp(34px,4.6vw,52px);border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:clamp(16px,2vw,22px);box-shadow:0 6px 14px #00000073,inset 0 -4px #0003;border:3px solid var(--alt);background:var(--base);color:var(--num);transition:transform .25s var(--ease-out),box-shadow .25s}.mp .pm .nm{font-family:var(--f-label);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:#12100dd1;color:#fff;padding:2px 7px;white-space:nowrap}.mp .pm .rl{font-family:var(--f-label);font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--danfo);text-transform:uppercase}.mp .pm:hover .disc,.mp .pm:focus .disc{transform:scale(1.12)}.mp .pm.sel .disc{box-shadow:0 0 0 4px var(--danfo),0 6px 18px #00000080;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:scale(1.1)}}.mp .pitch .attack{position:absolute;right:10px;top:10px;font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;display:flex;align-items:center;gap:6px}.mp .plan-side{display:flex;flex-direction:column;gap:16px}.mp .forms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mp .form{background:var(--panel);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:6px;text-align:left;transition:border-color .2s,background .2s}.mp .form svg{width:100%;height:auto;aspect-ratio:16/10;background:#2f8a57}.mp .form b{font-family:var(--f-display);font-weight:900;font-size:22px;line-height:1}.mp .form small{font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--dust);font-size:11px}.mp .form:hover,.mp .form:focus{border-color:var(--line-2);background:var(--panel-2)}.mp .form[aria-pressed=true]{border-color:var(--danfo)}.mp .form[aria-pressed=true] b{color:var(--amber)}.mp .form-desc{font-size:13px;color:var(--dust);margin:0;min-height:20px}.mp .lineup{display:flex;flex-direction:column;gap:4px}.mp .lu{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px 8px 8px;background:var(--panel);border:1px solid var(--line);text-align:left;transition:background .2s,border-color .2s}.mp .lu .no{width:34px;height:34px;display:grid;place-items:center;background:var(--base);color:var(--num);border:2px solid var(--alt);font-family:var(--f-display);font-weight:900;font-size:17px;border-radius:50%}.mp .lu .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp .lu .rl{font-family:var(--f-label);font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--dust);text-transform:uppercase}.mp .lu:hover,.mp .lu:focus{background:var(--panel-2);border-color:var(--line-2)}.mp .lu.sel{border-color:var(--danfo)}.mp .lu.sel .rl{color:var(--amber)}.mp .swap-hint{font-size:13px;color:var(--dust);margin:0;display:flex;align-items:center;gap:8px}.mp .swap-hint b{color:var(--amber);font-weight:600}.mp .vs-scr{position:relative;flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:420px;overflow:hidden;border:1px solid var(--line)}.mp .vs-half{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(18px,4vw,56px);overflow:hidden}.mp .vs-half.h{background:linear-gradient(135deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));clip-path:polygon(0 0,100% 0,88% 100%,0 100%);animation:inL .8s var(--ease-out) both;align-items:flex-start}.mp .vs-half.a{background:linear-gradient(225deg,var(--c2),color-mix(in srgb,var(--c2) 55%,#000));clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);margin-left:-12%;animation:inR .8s var(--ease-out) both;align-items:flex-end;text-align:right}@keyframes inL{0%{transform:translate(-100%)}to{transform:none}}@keyframes inR{0%{transform:translate(100%)}to{transform:none}}.mp .vs-half svg.crest{width:clamp(90px,13vw,170px);height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5));animation:rise .7s var(--ease-out) .5s both}.mp .vs-half .vn{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,6.5vw,96px);line-height:.85;color:var(--ink-on);animation:rise .7s var(--ease-out) .6s both}.mp .vs-half .vk{font-family:var(--f-paint);font-size:clamp(18px,2vw,26px);color:var(--ink-on);opacity:.85;animation:rise .7s var(--ease-out) .7s both}.mp .vs-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-family:var(--f-display);font-weight:900;font-size:clamp(56px,8vw,120px);font-style:italic;color:#fff;text-shadow:0 6px 0 var(--ink),0 0 40px rgba(0,0,0,.6);animation:pop .5s var(--ease-out) .9s both}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mp .vs-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.mp .vs-info div{background:var(--panel);padding:12px 16px}.mp .vs-info small{display:block;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--dust)}.mp .vs-info b{font-family:var(--f-display);font-size:22px;font-weight:800;text-transform:uppercase}.mp .load{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mp .load .tip{flex:1;min-width:220px;color:var(--dust);font-size:14px;margin:0}.mp .load .tip b{color:var(--chalk)}.mp .bar-wrap{flex:1;min-width:200px;height:6px;background:var(--line);position:relative;overflow:hidden}.mp .bar-wrap i{position:absolute;inset:0 auto 0 0;width:0;background:var(--danfo)}.mp .tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}.mp .tab{padding:12px 18px;font-family:var(--f-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:15px;color:var(--dust);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.mp .tab[aria-selected=true]{color:var(--chalk);border-color:var(--danfo)}.mp .tab:hover,.mp .tab:focus{color:var(--chalk)}.mp .seg{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;gap:2px}.mp .seg button{padding:6px 14px;border-radius:999px;font-family:var(--f-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--dust)}.mp .seg button[aria-pressed=true]{background:var(--danfo);color:var(--ink)}.mp .kb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mp .kb-viewport{position:relative;width:100%;overflow:hidden}.mp .kb-stage{position:absolute;left:0;top:0;transform-origin:0 0}.mp .key{position:absolute;display:grid;place-items:center;border-radius:6px;background:linear-gradient(#fff,#f2efe7);border:1px solid rgba(20,18,16,.12);border-bottom:4px solid #D3CDBF;font-family:var(--f-label);font-weight:600;font-size:13px;color:#a8a193;letter-spacing:.04em;transition:all .25s}.mp .key.on{background:var(--danfo);border-color:var(--ink);border-bottom-color:var(--ink);color:var(--ink);font-size:17px;font-weight:700}.mp .key.hot{background:var(--ink);color:var(--danfo);border-bottom-color:#000;transform:translateY(2px)}.mp .kb-lines{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.mp .kb-lines path{fill:none;stroke:#14121099;stroke-width:1.5;transition:stroke .2s,stroke-width .2s}.mp .kb-lines path.halo{stroke:var(--bg);stroke-width:5;opacity:.85}.mp .kb-lines circle{fill:var(--ink)}.mp .kb-lines .hot path:not(.halo){stroke:var(--ink);stroke-width:2.5}.mp .callout{position:absolute;width:132px;padding:7px 10px;background:var(--panel);border:1px solid var(--line-2);border-left:3px solid var(--danfo);transition:background .2s,transform .2s;cursor:default}.mp .callout b{display:block;font-family:var(--f-display);font-weight:800;font-size:19px;text-transform:uppercase;line-height:1}.mp .callout small{display:block;color:var(--dust);font-size:11.5px;line-height:1.25;margin-top:3px}.mp .callout .kc{position:absolute;top:6px;right:8px;font-family:var(--f-label);font-weight:700;font-size:11px;color:var(--amber);letter-spacing:.08em}.mp .callout.hot{background:var(--panel-2);transform:translateY(-2px)}.mp .kb-note{color:var(--dust);font-size:13px;margin:0}.mp .opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:6px}.mp .hud-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(16px,2.5vw,32px);align-items:start}.mp .phone{container-type:inline-size;position:relative;width:100%;max-width:100%;aspect-ratio:19.5/9;background:#060505;border-radius:clamp(18px,4cqw,44px);padding:clamp(6px,1.1cqw,12px);box-shadow:0 0 0 2px #2a2621,0 30px 80px #0009}.mp .phone:before{content:"";position:absolute;left:clamp(8px,1.4cqw,16px);top:50%;width:clamp(4px,.7cqw,8px);height:16%;transform:translateY(-50%);border-radius:99px;background:#1b1916;z-index:4}.mp .screen{position:relative;width:100%;height:100%;border-radius:clamp(12px,3cqw,34px);overflow:hidden;background:#3b342b;touch-action:none;user-select:none;-webkit-user-select:none}.mp .screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mp .sb{position:absolute;top:3.2%;left:50%;transform:translate(-50%);display:flex;align-items:stretch;height:clamp(20px,5.2cqw,46px);font-family:var(--f-display);font-weight:900;text-transform:uppercase;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));z-index:3}.mp .sb>div{display:flex;align-items:center;gap:.5em;padding:0 .8em;font-size:clamp(10px,2.1cqw,22px)}.mp .sb .th{background:var(--hc);color:var(--hi);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.mp .sb .ta{background:var(--ac);color:var(--ai);clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.mp .sb .th svg,.mp .sb .ta svg{height:78%;width:auto}.mp .sb .sc{background:#0d0c0a;color:#fff;font-size:clamp(12px,2.6cqw,28px);min-width:2.1em;justify-content:center;font-variant-numeric:tabular-nums}.mp .sb .clk{background:#0d0c0ad9;color:#fff;flex-direction:column;justify-content:center;gap:0;line-height:1;font-variant-numeric:tabular-nums;padding:0 .7em}.mp .sb .clk small{font-family:var(--f-label);font-size:.5em;letter-spacing:.12em;color:#ffffffa6}.mp .hud-pause{position:absolute;top:4%;right:3.5%;width:clamp(26px,5cqw,44px);height:clamp(26px,5cqw,44px);border-radius:50%;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;z-index:3}.mp .hud-pause svg{width:38%;height:38%}.mp .stick{position:absolute;left:var(--sx,16%);bottom:var(--sy,30%);width:var(--outer);height:var(--outer);transform:translate(-50%,50%);z-index:3;--knob:clamp(38px,8.4cqw,76px);--outer:calc(var(--knob) * 2.5)}.mp .stick .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;border:0;pointer-events:none}.mp .phone.guide .stick .ring{border:1px dashed rgba(255,255,255,.35)}.mp .stick .knob{position:absolute;left:50%;top:50%;width:var(--knob);height:var(--knob);margin:calc(var(--knob) / -2) 0 0 calc(var(--knob) / -2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff6b,#ffffff24 60%,#ffffff14);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff80;touch-action:none;cursor:grab;transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.mp .stick .knob.drag{transition:none;cursor:grabbing;background:radial-gradient(circle at 35% 30%,#ffffff8c,#fff3 60%,#ffffff1f)}.mp .pad-btns{position:absolute;right:4%;bottom:7%;width:clamp(120px,27cqw,250px);aspect-ratio:1;z-index:3;--b:clamp(32px,7.4cqw,66px)}.mp .gb{position:absolute;width:var(--b);height:var(--b);transform:translate(-50%,-50%);border-radius:50%;background:#ffffff21;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.32);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--f-label);font-weight:700;letter-spacing:.06em;font-size:clamp(7px,1.25cqw,12px);line-height:1;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:transform .08s,background .15s;touch-action:none}.mp .gb i{font-style:normal;font-size:1.5em;margin-bottom:2px;opacity:.9}.mp .gb.big{width:calc(var(--b) * 1.3);height:calc(var(--b) * 1.3);font-size:clamp(8px,1.5cqw,14px)}.mp .gb.main{background:#f5b80052;border-color:#ffd65ab3}.mp .gb.pill{border-radius:999px;height:calc(var(--b) * .62);width:calc(var(--b) * 1.25)}.mp .gb.down{transform:translate(-50%,-50%) scale(.9);background:#f5b8008c}.mp .toast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--f-display);font-weight:900;font-size:clamp(28px,9cqw,96px);color:var(--danfo);text-shadow:0 5px 0 var(--ink);pointer-events:none;opacity:0;z-index:4;text-transform:uppercase;white-space:nowrap}.mp .toast.show{animation:toast 1.3s var(--ease-out)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.mp .pausem{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#0a09078c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1cqw,10px)}.mp .pausem h4{color:#fff;margin:0 0 .4em;font-family:var(--f-display);font-weight:900;font-size:clamp(22px,5cqw,52px);text-transform:uppercase}.mp .pausem button{color:#fff;min-width:40%;padding:.5em 1em;font-family:var(--f-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(10px,1.8cqw,17px);border:1px solid rgba(255,255,255,.2);background:#ffffff0f}.mp .pausem button:hover,.mp .pausem button:focus{background:var(--danfo);color:var(--ink);border-color:var(--danfo)}.mp .hud-side{display:flex;flex-direction:column;gap:18px}.mp .hud-side h3{font-size:26px}.mp .spec{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--dust)}.mp .spec li{padding-left:16px;position:relative}.mp .spec li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--danfo)}.mp .spec b{color:var(--chalk);font-weight:600}.mp .toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.mp .sw{width:42px;height:24px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);position:relative;flex:none;transition:background .2s}.mp .sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--dust);transition:transform .25s var(--ease-out),background .2s}.mp .sw[aria-checked=true]{background:#f5b80040;border-color:var(--danfo)}.mp .sw[aria-checked=true]:after{transform:translate(18px);background:var(--danfo)}.mp .readout{font-family:var(--f-label);font-size:13px;letter-spacing:.08em;color:var(--dust);font-variant-numeric:tabular-nums}.mp .rotate-hint{display:none;align-items:center;gap:10px;color:var(--dust);font-size:13px}@media(max-width:700px)and (orientation:portrait){.mp .rotate-hint{display:flex}}@media(max-width:980px){.mp .crumbs{display:none}.mp .hub{grid-template-columns:1fr;grid-template-rows:auto}.mp .tile{min-height:170px}.mp .tile.hero{grid-row:auto;min-height:340px}.mp .modes{grid-template-columns:1fr;min-height:0}.mp .mode{min-height:190px}.mp .rules{grid-template-columns:1fr}.mp .preview{position:static;min-height:0}.mp .teams,.mp .teams.solo{grid-template-columns:1fr}.mp .vs-mark{justify-self:center;font-size:36px;margin-block:-6px}.mp .plan,.mp .hud-layout,.mp .signin{grid-template-columns:1fr}.mp .mural{min-height:220px}}@media(max-width:640px){.mp{font-size:14px}.mp .topbar{gap:10px}.mp .brand .full,.mp .chip .meta{display:none}.mp .chip{padding-right:5px}.mp .icon-btn .lbl{display:none}.mp .fixture{left:22px;right:22px;top:46px;flex-wrap:wrap}.mp .fixture .fx-meta{margin-left:0;text-align:left;width:100%}.mp .tile.hero{padding:22px}.mp .opt{grid-template-columns:1fr;gap:6px;padding-right:12px}.mp .opt-val{justify-content:space-between}.mp .opt-val b{min-width:0;flex:1}.mp .vs-scr{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.mp .vs-half.h{clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}.mp .vs-half.a{clip-path:polygon(0 14%,100% 0,100% 100%,0 100%);margin-left:0;margin-top:-12%}.mp .vs-info{grid-template-columns:1fr 1fr}.mp .tc-main{grid-template-columns:auto minmax(0,1fr) auto}.mp .kits{grid-template-columns:1fr 1fr}.mp .kit svg{width:36px;height:36px}.mp .forms{grid-template-columns:repeat(3,minmax(0,1fr))}.mp .form b{font-size:18px}.mp .cta{height:52px;font-size:21px;padding:0 26px}.mp .scr-actions .cta{flex:1}}@media(prefers-reduced-motion:reduce){.mp *,.mp *:before,.mp *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.mp .auth-err{margin:0;min-height:1.2em;color:var(--paint-red);font-size:14px;font-weight:600}.mp .g-slot{min-height:44px;display:flex;justify-content:center}.mp .g-slot>div{max-width:100%}.mp .opt.vol{grid-template-columns:minmax(0,1fr) minmax(120px,220px);cursor:default}.mp .opt.vol input[type=range]{width:100%;accent-color:var(--ink)}.mp .court-screen{background:radial-gradient(60% 50% at 50% 55%,rgba(46,122,69,.55),transparent 70%),linear-gradient(180deg,#3b2f22 0,#3b2f22 30%,#6f675b 30%,#8e8473)}.mp .switch-pill{--b:clamp(32px,7.4cqw,66px);position:absolute;z-index:3}.mp .hud-layout .phone{max-width:860px}@media(max-height:500px)and (orientation:landscape){.mp .topbar{min-height:44px;padding-block:8px 4px}.mp .mp-stage{padding-block:2px 10px}.mp .hints{padding-block:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.mp .scr{gap:8px}.mp h2{font-size:clamp(24px,7vh,32px)}.mp .scr-head .eyebrow{display:none}.mp .scr-head{padding-top:0}.mp .scr-head .lede{display:none}.mp .crumbs{display:flex}.mp .crumb{padding:3px 8px;font-size:11px}.mp .crumb:not(.now) span{display:none}.mp .cta{height:44px;font-size:19px;padding:0 22px}.mp .scr-actions{padding-top:0}.mp .hub{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;min-height:0;height:calc(100vh - 140px)}.mp .tile{min-height:0;padding:12px 16px}.mp .tile.hero{grid-row:1 / span 2;min-height:0;padding:16px 18px}.mp .tile h3{font-size:26px}.mp .tile.hero h3{font-size:44px}.mp .tile p,.mp .tile .t-tag{display:none}.mp .fixture{top:16px;left:18px;right:18px}.mp .fixture svg.crest{width:46px}.mp .hub-foot{display:none}.mp .modes{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;height:calc(100vh - 140px)}.mp .mode{min-height:0;padding:14px}.mp .mode h3{font-size:28px}.mp .mode ul{display:none}.mp .mode .big{font-size:120px}.mp .rules{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mp .opt{padding-block:6px}.mp .opt-label{font-size:16px}.mp .opt-label small{display:none}.mp .preview{position:static;min-height:0;padding:12px 14px;gap:6px}.mp .preview .pv-title{font-size:26px}.mp .preview p{font-size:13px}.mp .pv-art{display:none}.mp .meter{height:60px}.mp .clock-big{font-size:48px}.mp .sides{min-height:0;height:calc(100vh - 200px)}.mp .side{padding-top:10px}.mp .tokens{bottom:8%;gap:8px}.mp .teams,.mp .teams.solo{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.mp .teams.solo{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.mp .tcard{padding:10px 12px;gap:6px}.mp .tc-id svg.crest{width:52px}.mp .tc-name{font-size:26px}.mp .tc-nick{display:none}.mp .picker,.mp .stats,.mp .tc-foot,.mp .clash:empty{display:none}.mp .kit{padding:4px 8px}.mp .kit svg{width:28px;height:28px}.mp .kit small{display:none}.mp .big-arr{width:36px;height:36px}.mp .vs-mark{font-size:30px;margin:0}.mp .plan{grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr);gap:12px}.mp .pitch{height:calc(100vh - 150px);width:auto;max-width:100%}.mp .plan-side h3:nth-of-type(2),.mp .lineup{display:none}.mp .swap-hint{display:none}.mp .plan-side{gap:8px}.mp .plan-side h3{font-size:16px}.mp .forms svg,.mp .form small,.mp .form-desc{display:none}.mp .form{padding:6px 8px}.mp .form b{font-size:18px}.mp .lu{padding:3px 10px 3px 4px}.mp .lu .no{width:24px;height:24px;font-size:13px}.mp .pm .nm{font-size:10px}.mp .vs-scr{min-height:0;flex:none;height:calc(100vh - 240px)}.mp .load .tip{display:none}.mp .load .bar-wrap{min-width:120px}.mp .vs-half svg.crest{width:64px}.mp .vs-half .vn{font-size:38px}.mp .vs-info b{font-size:16px}.mp .vs-info div{padding:6px 10px}.mp .signin{grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:16px}.mp .mural{min-height:0}.mp .auth{gap:8px}.mp .auth h2{font-size:32px}.mp .auth .lede{display:none}.mp .field input{height:40px}.mp .nick{gap:12px;padding-bottom:0}.mp .nick-input{font-size:48px}.mp .tabs .tab{padding:8px 14px}.mp .title-scr .logo{font-size:clamp(48px,17vh,90px)}}.mp .brand .mpost-logo{display:block;height:34px;width:auto}@media(max-height:500px)and (orientation:landscape){.mp .brand .mpost-logo{height:26px}}.mp .install-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border:1px solid var(--line-2);border-radius:14px;background:#ffffffe0;text-align:left;color:var(--ink);animation:rise .6s var(--ease-out) 1.35s both;box-shadow:0 6px 18px #14121014}.mp .install-pill .ip-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--danfo)}.mp .install-pill b{display:block;font-family:var(--f-display);font-weight:800;font-size:18px;text-transform:uppercase;line-height:1}.mp .install-pill small{display:block;color:var(--dust);font-size:12.5px}.mp .install-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#14121059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise .3s var(--ease-out)}.mp .is-card{width:min(460px,100%);max-height:100%;overflow:auto;background:var(--bg);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--danfo);padding:20px 22px;display:flex;flex-direction:column;gap:10px}.mp .is-card h3{font-size:30px;font-weight:900}.mp .is-lede{margin:0;color:var(--dust)}.mp .is-or{margin:0;color:var(--dust);font-size:13px}.mp .is-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.mp .is-steps li{padding-left:4px}.mp .is-steps svg{vertical-align:-2px}.mp .is-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.mp .is-install{width:100%}@media(max-height:500px)and (orientation:landscape){.mp .install-pill{padding:5px 12px 5px 6px}.mp .install-pill .ip-icon{width:30px;height:30px}.mp .install-pill b{font-size:15px}.mp .is-card{padding:14px 16px;gap:6px}.mp .is-card h3{font-size:22px}.mp .is-lede{font-size:13px}}.mp .mp-app{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}:root{--ink: #fff8e6;--muted: rgba(255, 248, 230, .72);--panel: rgba(18, 14, 10, .82);--gold: #f7c736;--red: #d63a2f;--green: #2d8c4a;--cyan: #2fd6ff;--display: "Anton", "Impact", "Arial Black", sans-serif;--condensed: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body,#root{position:fixed;top:0;right:0;bottom:0;left:0}#root{width:100%;height:100%;height:100dvh;min-width:320px}body{overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:var(--condensed);color:var(--ink);background:#120e0a}button,input{font:inherit}.game-shell,.game-frame,.three-game,.three-canvas{position:relative;width:100%;height:100%;min-height:0}.three-canvas{overflow:hidden}.three-canvas canvas{display:block}.three-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}button{-webkit-tap-highlight-color:transparent}.scorebug{position:absolute;top:18px;left:50%;display:flex;align-items:stretch;height:52px;transform:translate(-50%);filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.sb-team{display:flex;align-items:center;gap:10px;min-width:210px;padding:0 22px;color:var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--team) 92%,white),color-mix(in srgb,var(--team) 78%,black));font-family:var(--display);font-size:1.45rem;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.35)}.sb-home{justify-content:flex-start;clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}.sb-away{justify-content:flex-end;clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}.sb-crest{width:38px;height:38px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.sb-score{display:grid;place-items:center;width:54px;background:#15110d;border-inline:2px solid rgba(255,248,230,.12);font-family:var(--display);font-size:2rem}.sb-clock{display:grid;place-content:center;min-width:108px;padding:0 14px;text-align:center;background:#0d0a08}.sb-clock strong{font-family:var(--display);font-size:1.7rem;font-weight:400;line-height:1}.sb-clock small{margin-top:2px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.12em}.hud-toast,.restart-chip,.phase-banner,.controls-panel,.controls-hint,.debug-panel{opacity:0;transition:opacity .18s ease,transform .18s ease}.hud-toast{position:absolute;top:88px;left:50%;padding:6px 18px;transform:translate(-50%,-6px);background:var(--panel);border-left:4px solid var(--gold);font-family:var(--display);font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase}.hud-toast.is-visible{opacity:1;transform:translate(-50%)}.restart-chip{position:absolute;top:88px;left:50%;display:grid;gap:1px;padding:7px 18px;text-align:center;transform:translate(-50%);background:var(--panel);border-bottom:3px solid var(--cyan)}.restart-chip.is-visible{opacity:1}.restart-chip strong{font-family:var(--display);font-size:1.25rem;font-weight:400;letter-spacing:.03em;text-transform:uppercase}.restart-chip span{color:var(--muted);font-size:.95rem;font-weight:700}.phase-banner{position:absolute;top:40%;left:50%;width:min(560px,calc(100vw - 32px));padding:18px 24px 22px;text-align:center;transform:translate(-50%,-50%) scale(.96);background:linear-gradient(100deg,transparent 0,var(--panel) 8%,var(--panel) 92%,transparent 100%)}.phase-banner.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.phase-banner p,.phase-banner h2,.phase-banner span{display:block;margin:0}.phase-banner p{color:var(--gold);font-size:1.1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.phase-banner h2{margin-top:4px;font-family:var(--display);font-size:3rem;font-weight:400;line-height:1}.phase-banner.is-goal h2{color:var(--team, var(--gold));font-size:6rem;letter-spacing:.02em;text-shadow:0 4px 0 rgba(0,0,0,.5)}.phase-banner span{margin-top:8px;color:var(--muted);font-size:1.15rem;font-weight:700}.hud-player{position:absolute;bottom:22px;display:flex;align-items:center;gap:10px;width:min(330px,30vw)}.hud-home{left:22px}.hud-away{right:22px;flex-direction:row-reverse;text-align:right}.hp-crest{width:62px;height:62px;flex:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.hp-info{display:grid;flex:1;gap:4px}.hp-name{font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 4px rgba(0,0,0,.7);text-transform:uppercase}.hp-bar,.hp-power{position:relative;height:12px;overflow:hidden;background:#0a0806b8;border:1px solid rgba(255,248,230,.25);transform:skew(-18deg)}.hud-away .hp-bar{transform:skew(18deg)}.hp-bar i,.hp-power i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1aa6d6,var(--cyan))}.hud-away .hp-bar i{inset:0 0 0 auto}.hp-power{height:7px;opacity:0}.hp-power.is-visible{opacity:1}.hp-power i{background:linear-gradient(90deg,var(--gold),#ff7a2a)}.minimap{position:absolute;bottom:16px;left:50%;width:210px;height:140px;transform:translate(-50%);background:#0c0a0873}.minimap rect,.minimap line,.minimap circle:not(.mm-player):not(.mm-ball),.minimap path{fill:none;stroke:#fff8e6bf;stroke-width:1.2}.mm-player{stroke:#0009;stroke-width:1}.mm-player.is-controlled{stroke:var(--cyan);stroke-width:2.5}.mm-ball{fill:#fff;stroke:#111;stroke-width:1}.controls-hint{position:absolute;top:24px;right:22px;padding:5px 10px;color:var(--muted);background:var(--panel);font-size:.95rem;font-weight:700}.controls-hint.is-visible,.controls-panel.is-visible,.debug-panel.is-visible{opacity:1}.controls-panel{position:absolute;top:88px;right:22px;display:grid;gap:6px;padding:12px 14px;background:var(--panel);border-top:3px solid var(--gold);font-size:.98rem;font-weight:700}.controls-panel strong{font-family:var(--display);font-size:1.15rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.controls-panel div{display:grid;grid-template-columns:54px 1fr 54px 1fr;align-items:center;gap:6px 8px}.controls-panel div:first-of-type{grid-template-columns:54px 1fr}kbd{display:inline-grid;place-items:center;min-height:24px;padding:0 6px;border:1px solid rgba(255,248,230,.3);border-bottom-width:3px;border-radius:4px;color:var(--ink);background:#fff8e614;font-family:var(--condensed);font-size:.9rem;font-weight:800}.debug-panel{position:absolute;top:88px;left:22px;display:grid;gap:3px;width:270px;padding:10px 12px;color:var(--muted);background:#0c0a08b8;font-family:ui-monospace,monospace;font-size:.72rem}.debug-panel strong{color:var(--gold)}.pause-overlay{--mp-ink: #141210;--mp-dust: #5f594e;--mp-line: rgba(20, 18, 16, .12);--mp-danfo: #ffc20e;position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;opacity:0;pointer-events:none;background:#0c0a0861;transition:opacity .16s ease;color:var(--mp-ink);font-family:Barlow,system-ui,sans-serif}.pause-overlay.is-visible{opacity:1;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pause-overlay button{margin:0;min-height:0;box-shadow:none;text-shadow:none}.pause-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(860px,100%);max-height:100%;background:#f8f6f0;border:2px solid var(--mp-ink);box-shadow:10px 10px 0 var(--mp-danfo),0 30px 80px #00000073;animation:ps-in .28s cubic-bezier(.16,1,.3,1)}@keyframes ps-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.ps-main,.ps-side{display:flex;flex-direction:column;gap:12px;padding:clamp(16px,3vw,28px);min-width:0}.ps-side{border-left:1px solid var(--mp-line);background:#fff}.ps-logo{width:120px;height:auto}.pause-sheet h2{margin:0;font-family:Big Shoulders Display,Impact,sans-serif;font-size:clamp(40px,7vw,64px);font-weight:900;line-height:.85;text-transform:uppercase}.ps-score{margin:0;color:var(--mp-dust);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.ps-actions{display:grid;gap:8px;margin-top:auto}.pause-overlay .ps-cta{height:52px;border:0;border-radius:0;background:var(--mp-danfo);color:var(--mp-ink);font-family:Big Shoulders Display,Impact,sans-serif;font-size:26px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer}.pause-overlay .ps-btn{height:44px;border:1px solid rgba(20,18,16,.25);border-radius:0;background:#fff;color:var(--mp-ink);font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.pause-overlay .ps-cta:hover,.pause-overlay .ps-cta:focus-visible{background:#ffd445}.pause-overlay .ps-btn:hover,.pause-overlay .ps-btn:focus-visible{border-color:var(--mp-ink);box-shadow:4px 4px 0 var(--mp-danfo)}.pause-overlay .ps-link{align-self:flex-start;padding:0;border:0;background:none;color:#a26500;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ps-group{display:flex;flex-direction:column;gap:8px}.ps-group h3{margin:0;color:var(--mp-dust);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ps-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pause-overlay .ps-seg button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid rgba(20,18,16,.18);border-radius:0;background:#f8f6f0;color:var(--mp-ink);cursor:pointer}.ps-seg b{font-family:Big Shoulders Display,Impact,sans-serif;font-size:22px;font-weight:900;line-height:1}.ps-seg small{color:var(--mp-dust);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pause-overlay .ps-seg button[aria-pressed=true]{border-color:var(--mp-ink);background:var(--mp-danfo)}.ps-slider{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;font-weight:600}.ps-slider input[type=range]{width:100%;margin:0;padding:0;border:0;background:transparent;accent-color:var(--mp-ink)}.ps-hint{margin:auto 0 0;color:var(--mp-dust);font-size:13px}.ps-hint kbd{padding:1px 6px;border:1px solid rgba(20,18,16,.25);border-bottom-width:2px;border-radius:4px;background:#fff;font:700 11px Barlow Condensed,sans-serif}@media(pointer:coarse){.ps-hint{display:none}}@media(max-height:500px){.pause-sheet{box-shadow:6px 6px 0 var(--mp-danfo),0 20px 50px #00000073}.ps-main,.ps-side{gap:8px;padding:12px 16px}.ps-logo{width:84px}.pause-sheet h2{font-size:36px}.pause-overlay .ps-cta{height:42px;font-size:21px}.pause-overlay .ps-btn{height:36px;font-size:15px}.ps-actions{gap:6px}.pause-overlay .ps-seg button{padding:5px 8px}.ps-seg b{font-size:18px}.ps-slider{grid-template-columns:96px minmax(0,1fr);font-size:13px}}.pause-modal{width:min(440px,100%);padding:clamp(18px,3vw,28px);text-align:center;background:#f8f6f0;border:2px solid var(--mp-ink);box-shadow:10px 10px 0 var(--mp-danfo),0 30px 80px #00000073;animation:ps-in .28s cubic-bezier(.16,1,.3,1)}.pause-modal p,.pause-modal h2,.pause-modal span{display:block;margin:0}.pause-modal p{color:#a26500;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.pause-modal h2{margin-top:6px;font-family:Big Shoulders Display,Impact,sans-serif;font-size:clamp(34px,6vw,52px);font-weight:900;line-height:.9;text-transform:uppercase;text-wrap:balance}.pause-actions{display:grid;gap:8px;margin-top:18px}.pause-actions button{height:48px;border:0;border-radius:0;background:var(--mp-danfo);color:var(--mp-ink);font-family:Big Shoulders Display,Impact,sans-serif;font-size:22px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer}.pause-actions button.secondary{height:42px;border:1px solid rgba(20,18,16,.25);background:#fff;color:var(--mp-ink);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em;clip-path:none}.pause-modal span{margin-top:12px;color:var(--mp-dust);font-size:15px}.failure-detail{line-height:1.45}.game-failure{z-index:12}@media(max-height:500px){.pause-modal{padding:14px 18px}.pause-actions{margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pause-actions button,.pause-actions button.secondary{height:40px}}.cutscene-skip{position:absolute;left:50%;bottom:max(16%,calc(env(safe-area-inset-bottom) + 64px));z-index:8;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;margin:0;padding:10px 26px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#1412108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:Big Shoulders Display,Impact,sans-serif;font-size:20px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;pointer-events:auto;cursor:pointer;animation:ps-in .3s ease .4s both}.cutscene-skip[hidden]{display:none}.cutscene-skip span{color:#ffc20e;letter-spacing:-.1em}.three-game:not([data-ui=play]) .mobile-controls{display:none!important}.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;z-index:4;--knob: clamp(52px, 9vw, 76px);--b: clamp(46px, 7.4vw, 66px)}.mobile-controls .glass{position:absolute;pointer-events:auto;touch-action:none;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#ffffff21;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--condensed);font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:transform 80ms,background .15s}.mobile-controls .glass.is-pressed{background:#ffc20e8c}.mobile-pause{top:max(12px,env(safe-area-inset-top));width:40px;height:40px;display:grid;place-items:center;font-size:1.1rem}.mobile-pause{right:max(14px,env(safe-area-inset-right))}.mobile-pause svg{width:38%;height:38%;fill:#fff}.mobile-controls .pill{width:calc(var(--b) * 1.3);height:calc(var(--b) * .62);border-radius:999px;font-size:clamp(10px,1.3vw,13px)}.mobile-controls .switch{left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}.mobile-stick{position:absolute;left:max(15%,calc(env(safe-area-inset-left) + 110px));bottom:30%;width:calc(var(--knob) * 2.5);height:calc(var(--knob) * 2.5);transform:translate(-50%,50%);pointer-events:none}.stick-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;border:0}.stick-knob{position:absolute;left:50%;top:50%;width:var(--knob);height:var(--knob);border-radius:50%;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;cursor:grab;border:1px solid rgba(255,255,255,.45);background:radial-gradient(circle at 35% 30%,#ffffff6b,#ffffff24 60%,#ffffff14);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff80;transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.stick-knob.is-dragging{transition:none;cursor:grabbing;background:radial-gradient(circle at 35% 30%,#ffffff8c,#fff3 60%,#ffffff1f)}.mobile-pad{position:absolute;right:max(4%,env(safe-area-inset-right));bottom:max(6%,env(safe-area-inset-bottom));width:calc(var(--b) * 3.8);aspect-ratio:1;pointer-events:none}.mobile-pad .glass{transform:translate(-50%,-50%)}.mobile-pad .glass.is-pressed{transform:translate(-50%,-50%) scale(.9)}.mobile-pad .action{width:var(--b);height:var(--b);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(8px,1.2vw,12px)}.mobile-pad .action i{font-style:normal;font-size:clamp(20px,3.2vw,28px);line-height:1;opacity:.95}.mobile-pad .action.big i{font-size:clamp(24px,3.8vw,34px)}.mobile-pad .action.big{width:calc(var(--b) * 1.3);height:calc(var(--b) * 1.3);font-size:clamp(9px,1.4vw,14px)}.mobile-pad .action.main{background:#14100a59;border:2px solid rgba(255,214,90,.85)}.mobile-pad .action.main i{color:#ffd65a}.mobile-controls .glass.action.is-pressed{background:#ffc20ebf}.mobile-pad .action.main.is-pressed i{color:#141210}@media(pointer:coarse),(max-width:760px){.mobile-controls{display:block}.controls-hint,.controls-panel{display:none}.scorebug{top:max(12px,env(safe-area-inset-top));height:42px}.sb-team{min-width:0;max-width:30vw;padding:0 10px;gap:7px;font-size:.9rem}.sb-crest{width:28px;height:28px}.sb-score{width:42px;font-size:1.45rem}.sb-clock{min-width:84px;padding:0 8px}.sb-clock strong{font-size:1.25rem}.sb-clock small{font-size:.62rem}.hud-player{display:none}.minimap{width:132px;height:88px;bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-width:900px)and (pointer:fine){.sb-team{min-width:0;padding:0 12px;font-size:1.05rem}.minimap,.controls-panel{display:none}.hud-player{width:42vw}}.fulltime-overlay,.feedback-overlay{z-index:8}.fulltime-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fulltime-score strong{font-family:Big Shoulders Display,Impact,sans-serif;font-size:2.6rem;font-weight:900;font-variant-numeric:tabular-nums}.fulltime-stats{width:100%;margin-top:12px;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}.fulltime-stats th{color:#5f594e;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fulltime-stats td,.fulltime-stats th{padding:5px 6px;border-top:1px solid rgba(20,18,16,.12)}.feedback-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pause-actions .feedback-rating button{height:46px;font-size:1.4rem;clip-path:none;background:#fff;border:1px solid rgba(20,18,16,.2)}.pause-actions .feedback-rating button.is-selected{background:#ffc20e;border-color:#141210}.feedback-overlay textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(20,18,16,.25);border-radius:0;background:#fff;color:#141210;font:inherit;resize:vertical}.feedback-thanks{font-weight:700}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-content:center;justify-items:center;gap:16px;background:#f8f6f0;color:#5f594e;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}.loading-logo{width:min(260px,60vw);height:auto}.loading-bar{width:min(320px,70vw);height:6px;background:#1412101f;overflow:hidden}.loading-bar div{height:100%;background:#ffc20e;transition:width .12s linear}.rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#ffc20e;color:#141210;font-family:Barlow,system-ui,sans-serif}.rotate-prompt:after{content:"";position:absolute;left:0;right:0;bottom:12%;height:22px;background:linear-gradient(#141210 0 8px,transparent 8px 14px,#141210 14px)}.rot-phone{position:relative;width:74px;height:128px;border:5px solid #141210;border-radius:16px;animation:rot-turn 2.4s cubic-bezier(.7,0,.2,1) infinite}.rot-phone i{position:absolute;left:50%;bottom:7px;width:16px;height:4px;margin-left:-8px;border-radius:2px;background:#141210}@keyframes rot-turn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rot-logo{width:150px;height:auto;margin-top:12px}.rotate-prompt h2{margin:0;max-width:12ch;font-family:Big Shoulders Display,Impact,sans-serif;font-size:40px;font-weight:900;line-height:.9;text-transform:uppercase}.rot-sub{margin:0;max-width:30ch;font-size:15px}.rot-install{width:min(340px,100%);margin-top:8px;padding:12px 14px;border:2px solid #141210;background:#fff;text-align:left;font-size:14px}.rot-install ol{margin:6px 0 0;padding-left:20px}.rot-install li+li{margin-top:3px}.rot-install svg{vertical-align:-2px}@media(max-height:640px){.rotate-prompt:after{display:none}}.match-rotate{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;color:#fff;background:#0c0a0880;backdrop-filter:blur(14px) saturate(.9);-webkit-backdrop-filter:blur(14px) saturate(.9);font-family:Barlow,system-ui,sans-serif}.match-rotate-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffc20e;color:#141210;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.match-rotate-chip svg{width:11px;height:11px;fill:currentColor}.rot-phone.is-light{border-color:#fff}.rot-phone.is-light i{background:#fff}.match-rotate h2{margin:0;max-width:12ch;font-family:Big Shoulders Display,Impact,sans-serif;font-size:40px;font-weight:900;line-height:.9;text-transform:uppercase}.match-rotate-exit{margin-top:6px;padding:10px 22px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff1f;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.match-rotate p{margin:0;max-width:28ch;font-size:15px;opacity:.85}@media(orientation:portrait)and (pointer:coarse)and (max-width:600px){.rotate-prompt,.match-rotate{display:flex}.mobile-controls{display:none}}@media(prefers-reduced-motion:reduce){.rot-phone{animation:none}}.three-game[data-ui=cutscene] .minimap{opacity:0}