.muggin{--mg-ink:#30283d;--mg-paper:#fff0d6;--mg-mint:#c4f8dd;z-index:1000;isolation:isolate;color:var(--mg-paper);font-family:var(--font-sans,system-ui, sans-serif);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#33273d;outline:none;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.muggin *{box-sizing:border-box}.muggin button,.muggin a,.muggin select{font:inherit}.muggin button,.muggin a{touch-action:none;-webkit-tap-highlight-color:transparent}.muggin button{cursor:pointer;color:inherit;background:#30283dc9;border:1px solid #fff0d64d;border-radius:7px;min-height:38px;padding:6px 12px}.muggin button:hover{background:#5f4965}.muggin button:focus-visible,.muggin a:focus-visible,.muggin select:focus-visible{outline:3px solid var(--mg-mint);outline-offset:3px}.muggin button:disabled{opacity:.55;cursor:wait}.muggin a{color:inherit;text-decoration:none}.muggin p,.muggin h1,.muggin h2{margin:0}.muggin-canvas{width:100%;height:100%;position:absolute;inset:0}.muggin-nav{z-index:3;height:44px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:linear-gradient(#2c233fd9,#2c233f00);justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.muggin-nav>a{align-items:center;min-height:40px;display:flex}.muggin-brand{letter-spacing:.18em;font-size:13px;font-weight:800}.muggin-brand em{letter-spacing:.04em;opacity:.7;margin-left:7px;font-size:10px;font-style:normal}.muggin-nav>div{gap:5px;display:flex}.muggin-nav button{background:#30283d85;min-height:32px;padding:4px 10px;font-size:11px}.muggin-pick{padding:52px max(5vw, env(safe-area-inset-right)) 31px max(5vw, env(safe-area-inset-left));background:linear-gradient(90deg, #2d284fe8, #53394c96 65%, #6b44664a), var(--muggin-arena) center/cover;grid-template-columns:minmax(200px,.85fr) minmax(360px,1.65fr);align-content:center;gap:5vw;display:grid;position:absolute;inset:0}.muggin-intro{flex-direction:column;justify-content:center;min-width:0;display:flex}.muggin-eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#f9dabb;font-size:10px;font-weight:650}.muggin h1{letter-spacing:-.07em;color:#fce4cf;text-shadow:3px 4px #ab789d55;font-family:Georgia,serif;font-size:clamp(48px,8vw,112px);font-style:italic;font-weight:400;line-height:1.03}.muggin h1 span{color:#a3eed7}.muggin-tagline{color:#efd9df;font-family:Georgia,serif;font-size:clamp(18px,2.5vw,30px);line-height:1.15;margin:8px 0 18px!important}.muggin-modes{gap:5px;margin:8px 0 13px;display:flex}.muggin-modes button{white-space:nowrap;padding:7px 10px;font-size:11px}.muggin button[aria-pressed=true]{background:var(--mg-mint);color:var(--mg-ink);border-color:var(--mg-mint)}.muggin-art-pickers{gap:10px;max-width:260px;display:grid}.muggin-skin-label{letter-spacing:.1em;text-transform:uppercase;color:#e8ccd8;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;font-size:9px;display:flex}.muggin-art-pickers select{width:100%}.muggin select{color:#fff0d6;letter-spacing:normal;text-transform:none;background:#30283ddd;border:1px solid #edc6d785;border-radius:6px;max-width:100%;min-height:36px;padding:5px 25px 5px 9px;font-size:12px}.muggin-roster{align-self:center;min-width:0}.muggin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.muggin .muggin-card{text-align:left;background:#3b2b499c;border:1px solid #e3c3d96b;border-radius:10px;min-width:0;padding:0 0 9px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.muggin .muggin-card.is-picked{color:#3a2d49;background:#f3ddcc;border-color:#b0f1d7;transform:translateY(-3px);box-shadow:0 0 0 3px #b0f1d7}.muggin-card img,.muggin-portrait{object-fit:cover;object-position:50% 30%;border-bottom:1px solid #c996b252;width:100%;height:clamp(75px,19vh,180px);display:block}.muggin-card strong{text-overflow:ellipsis;white-space:nowrap;padding:6px 8px 0;font:italic 23px Georgia,serif;display:block;overflow:hidden}.muggin-card small{opacity:.8;white-space:nowrap;text-overflow:ellipsis;padding:3px 8px 0;font-size:9px;display:block;overflow:hidden}.muggin-card-marker{letter-spacing:.04em;color:#f7e4c8;background:#342d47eb;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800;position:absolute;top:6px;left:6px}.muggin-card-marker:empty{display:none}.muggin-fighter-copy{color:#f6e2d5;min-height:41px;margin-top:12px;font-size:11px;line-height:1.5}.muggin-fighter-copy strong{color:#bdf7de}.muggin-start-row{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.muggin .muggin-primary{background:var(--mg-mint);color:var(--mg-ink);border:0;min-height:43px;padding:8px 29px;font-weight:750;box-shadow:0 3px #608780}.muggin .muggin-primary:hover{background:#dcffe9}.muggin .muggin-text-button{text-underline-offset:4px;background:0 0;border:0;font-size:11px;text-decoration:underline}.muggin-menu-foot{text-align:center;letter-spacing:.05em;color:#f1d9e0b0;width:100%;font-size:9px;position:absolute;bottom:10px;left:0}.muggin-hud{top:46px;left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right));z-index:2;pointer-events:none;grid-template-columns:1fr 78px 1fr;column-gap:10px;display:grid;position:absolute}.muggin-vitals-0{grid-area:1/1}.muggin-vitals-1{grid-area:1/3}.muggin-name{text-shadow:0 2px 4px #2b1e38;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:750;line-height:1.5;display:flex}.muggin-name>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.muggin-name>span:last-child{white-space:nowrap;color:#fff0ba}.muggin-health{background:#41334ca3;border:1px solid #fff0d6bf;border-radius:3px;height:13px;margin:4px 0 5px;overflow:hidden;box-shadow:0 2px 8px #36264555}.muggin-health i,.muggin-meter i{transform-origin:0;background:linear-gradient(90deg,#92d4bb,#d2ffe5);width:100%;height:100%;transition:transform 75ms linear;display:block}.muggin-vitals-1 .muggin-health i{transform-origin:100%;background:linear-gradient(90deg,#efb4cb,#ffe0ea)}.muggin-meter{background:#46384caf;border-radius:3px;width:75%;height:4px;overflow:hidden}.muggin-meter i{background:#e4c997}.muggin-vitals-1 .muggin-meter{margin-left:auto}.muggin-vitals-1 .muggin-meter i{transform-origin:100%}.muggin-meter.is-full{box-shadow:0 0 10px #ffeacb}.muggin-clock{text-align:center;text-shadow:0 3px 4px #453048;grid-area:1/2}.muggin-clock strong{font:italic 34px/1 Georgia,serif;display:block}.muggin-clock small{letter-spacing:.1em;font-size:8px;font-weight:800}.muggin-controls{--mg-button:64px;--mg-stick:118px;inset:auto max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));z-index:3;pointer-events:none;opacity:var(--mg-control-opacity,.9);position:absolute}.muggin-controls.is-large{--mg-button:72px;--mg-stick:134px}.muggin-pad{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:relative}.muggin-pad-name{color:#d4ffeb;text-shadow:0 1px 3px #30243f;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-17px;left:3px;overflow:hidden}.muggin-pad-1 .muggin-pad-name{color:#ffcfeb}.muggin .muggin-stick{flex:0 0 var(--mg-stick);width:var(--mg-stick);height:var(--mg-stick);pointer-events:auto;touch-action:none;background:radial-gradient(circle,#857089b8 0 27%,#342c45c9 29% 64%,#e8dbda30 65% 67%,#342c4599 68%);border:1px solid #e8dbda75;border-radius:50%;padding:0;position:relative;box-shadow:0 3px #271f3577}.muggin-stick span{opacity:.8;font-size:10px;font-weight:800;position:absolute}.muggin-stick .mg-up{width:100%;top:7%;left:0}.muggin-stick .mg-down{width:100%;bottom:7%;left:0}.muggin-stick .mg-left{top:44%;left:8%}.muggin-stick .mg-right{top:44%;right:8%}.muggin-stick span.is-on{color:#c4f8dd;opacity:1;text-shadow:0 0 10px #c4f8dd}.muggin-stick i{width:36%;height:36%;transform:translate(calc(var(--thumb-x,0%) * 2.77), calc(var(--thumb-y,0%) * 2.77));pointer-events:none;background:#f3dddc66;border:1px solid #fff0d67a;border-radius:50%;position:absolute;top:32%;left:32%}.muggin-actions{grid-template-columns:repeat(3, var(--mg-button));grid-template-rows:repeat(2, var(--mg-button));pointer-events:none;gap:6px;display:grid}.muggin .muggin-control{pointer-events:auto;background:#342c45e8;border:1px solid #e8dbda80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;padding:3px;font-size:12px;font-weight:800;line-height:1.05;display:flex;box-shadow:0 3px #271f3577}.muggin .muggin-control.is-held{color:#253e36;background:#c4f8dd;transform:translateY(2px);box-shadow:0 0 0 3px #c4f8dd55}.muggin-control small{letter-spacing:.04em;opacity:.8;font-size:8px}.muggin-control-throw{grid-area:2/1}.muggin-control-high{grid-area:1/2}.muggin-control-low{grid-area:2/3}.muggin-control-block{grid-area:2/2}.muggin-control-special{grid-area:1/3}.muggin .muggin-control-high,.muggin .muggin-control-low{border-color:#c4f8dd}.muggin .muggin-control-special{color:#ffecc6;background:#775777e8;border-color:#edd392}.muggin .muggin-control.is-charged{color:#30283d;background:#fae6a8;box-shadow:0 0 16px #ffefb770}.muggin-controls.is-solo{margin-inline:var(--mg-control-inset,0px)}.is-solo.is-left-handed .muggin-pad{flex-direction:row-reverse}.muggin-tuning{text-align:left;width:min(520px,100%);font-size:12px}.muggin-tuning summary{cursor:pointer;text-align:center;padding:8px}.muggin-tuning>div{grid-template-columns:1fr 1fr;gap:8px 20px;padding:8px;display:grid}.muggin-tuning label{justify-content:space-between;align-items:center;gap:8px;display:flex}.muggin-tuning input[type=range]{accent-color:#c4f8dd;width:100px}.muggin-tuning select{width:100px;min-height:30px;padding:2px}.muggin-tuning input[type=checkbox]{accent-color:#c4f8dd;width:20px;height:20px}.muggin-round-call{text-align:center;pointer-events:none;color:#fff0d6;text-shadow:0 2px 3px #382b52,0 0 26px #382b52;z-index:2;position:absolute;inset:34% 10% auto}.muggin-round-call strong{font:italic clamp(32px,5vw,64px)/1.2 Georgia,serif;display:block}.muggin-round-call small{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800}.muggin-sheet{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;touch-action:pan-y;background:#32283fcf;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;inset:44px 0 0;overflow-y:auto}.muggin-sheet h2{color:#fbe8d2;font:italic clamp(30px,5vw,64px)/.95 Georgia,serif}.muggin-sheet h2 em{color:#b7efd6;font-weight:400}.muggin-sheet p{color:#f4d9dc;font-size:12px}.muggin-sheet .muggin-score{color:#f7dfb8;font:26px Georgia,serif}.muggin-sheet-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:5px;font-size:12px;display:flex}.muggin-sheet-actions a{text-underline-offset:4px;align-items:center;min-height:44px;padding:8px 15px;text-decoration:underline;display:inline-flex}.muggin-help{z-index:6;background:#211c2ae8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.muggin-help>div{touch-action:pan-y;background:#49394e;border:1px solid #ccb6cb66;border-radius:12px;max-width:700px;max-height:100%;padding:15px 22px;overflow:auto}.muggin-help h2{margin:5px 0 12px;font:italic 30px Georgia,serif}.muggin-help ul{grid-template-columns:1fr 1fr;gap:12px 27px;margin:10px 0;padding-left:17px;font-size:12px;line-height:1.4;display:grid}.muggin-help strong{color:#c0f1db}.muggin-key-guide{opacity:.75;font-size:10px;line-height:1.6;margin:14px 0!important}.muggin-help .muggin-primary{min-height:38px;font-size:12px}.muggin-rotate{z-index:10;background:linear-gradient(#322b51e8, #5b4260e8), var(--muggin-arena) center/cover;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:19px;padding:35px;display:flex;position:absolute;inset:0}.muggin-rotate>span{color:#c5f3df;font-size:80px}.muggin-rotate h2{font:italic 36px Georgia,serif}.muggin-rotate p{font-size:14px;line-height:1.5}.muggin-rotate a{padding:18px;font-size:13px;text-decoration:underline}@media (height<=430px){.muggin-pick{gap:4vw;padding-top:46px;padding-bottom:23px}.muggin h1{font-size:70px}.muggin-tagline{font-size:20px;margin:4px 0 7px!important}.muggin-tagline br{display:none}.muggin-art-pickers{gap:7px}.muggin-card img,.muggin-portrait{height:95px}.muggin-card strong{font-size:21px}.muggin-fighter-copy{min-height:32px;margin-top:8px;font-size:10px}.muggin-modes{margin:6px 0 9px}.muggin-primary{min-height:38px!important}.muggin-menu-foot{font-size:8px;bottom:6px}.muggin-controls{bottom:max(7px, env(safe-area-inset-bottom))}.muggin-sheet{gap:8px}.muggin-sheet h2{font-size:44px}.muggin-hud{top:39px}.muggin-nav{height:37px}}@media (width<=740px) and (orientation:landscape){.muggin-pick{grid-template-columns:180px 1fr;gap:20px;padding-left:25px;padding-right:25px}.muggin h1{font-size:58px}.muggin-eyebrow{font-size:8px}.muggin-cards{gap:6px}.muggin-card strong{font-size:19px}.muggin-card small{font-size:8px}.muggin .muggin-control{font-size:9px}.muggin-tagline{font-size:18px}.muggin-modes button{padding:5px 8px;font-size:10px}.muggin-help ul{gap:9px 24px;font-size:10px}.muggin-help h2{margin-bottom:7px;font-size:24px}.muggin-key-guide{font-size:9px;margin:9px 0!important}}@media (height<=350px) and (orientation:landscape){.muggin-card img,.muggin-portrait{height:64px}.muggin-tagline{font-size:17px}.muggin h1{font-size:49px}.muggin-card strong{font-size:18px}.muggin-card small{font-size:8px}.muggin-fighter-copy{min-height:29px;margin-top:5px}.muggin-skin-label{gap:2px}.muggin select{min-height:30px}.muggin-sheet h2{font-size:34px}}@media (prefers-reduced-motion:reduce){.muggin *{transition:none!important;animation:none!important}}@media (width<=620px) and (orientation:landscape){.muggin-controls.is-solo{margin-inline:min(var(--mg-control-inset,0px), 12px)}}@media (height<=350px) and (orientation:landscape){.muggin-controls.is-solo{--mg-button:54px;--mg-stick:98px}}.muggin .muggin-control-throw.is-in-range{border-color:#c4f8dd;box-shadow:0 0 0 2px #c4f8dd45,0 3px #271f3577}.muggin-control-hint{color:#fff0d6;pointer-events:none;background:#30283ded;border-radius:5px;max-width:100%;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;bottom:calc(100% + 18px);right:0}.muggin-home{padding:64px max(5vw, env(safe-area-inset-right)) 32px max(5vw, env(safe-area-inset-left));background:linear-gradient(90deg, #302845e6, #48334b70), var(--muggin-arena) center / cover;grid-template-columns:minmax(180px,.95fr) minmax(300px,1.15fr);align-content:center;align-items:center;gap:4vw;display:grid;position:absolute;inset:0}.muggin-welcome{gap:13px;display:grid}.muggin-welcome h1{font-size:clamp(64px,10vw,150px)}.muggin-welcome .muggin-tagline{font-size:clamp(18px,2.6vw,30px)}.muggin-welcome>p:last-child{color:#fff0d6d9;max-width:27ch;font-size:14px;line-height:1.6}.muggin-mode-cards{gap:10px;display:grid}.muggin .muggin-mode-card{text-align:left;background:#392e49ed;border:1px solid #fce4cf6e;border-radius:14px;gap:6px;padding:17px 22px;display:grid;position:relative;box-shadow:0 10px 35px #241e3526}.muggin .muggin-mode-card.muggin-primary{color:#30283d;background:#c4f8dd;border-color:#c4f8dd}.muggin-mode-card strong{font:600 clamp(18px,2.2vw,27px) Georgia,serif}.muggin-mode-card strong span{float:right}.muggin-mode-card small{letter-spacing:.09em;text-transform:uppercase;opacity:.8;font-size:10px}.muggin-mode-card>span{font-size:12px;line-height:1.4}.muggin-mode-card em{font-size:10px;font-style:normal;font-weight:750;position:absolute;top:13px;right:22px}.muggin-home .muggin-home-help{justify-self:start;min-height:44px}.muggin-home-foot{color:#fff0d6b3;text-align:right;font-size:11px}.muggin-setup{grid-template-columns:minmax(195px,.9fr) minmax(320px,1.65fr);gap:3vw}.muggin-setup .muggin-intro{gap:12px}.muggin-setup h2{letter-spacing:-.035em;font:italic clamp(24px,3.2vw,42px)/1.08 Georgia,serif}.muggin-setup-hint{color:#fff0d6cf;max-width:36ch;font-size:12px;line-height:1.55}.muggin .muggin-back{color:#c4f8dd;background:0 0;border:0;align-self:flex-start;min-height:32px;padding:0;font-size:12px}.muggin-look-options{border-top:1px solid #fff0d633;padding-top:9px;font-size:12px}.muggin-look-options summary{cursor:pointer;touch-action:manipulation;min-height:36px}.muggin-look-options summary span{opacity:.65;margin:4px 0 0 15px;font-size:10px;display:block}.muggin-look-options .muggin-art-pickers{margin-top:4px}.muggin-pick-label{align-items:center;gap:10px;min-height:40px;font-size:12px;display:flex}.muggin-pick-label strong{color:#c4f8dd}.muggin-tour-route{color:#c4f8dd;font-size:11px;margin-top:10px!important}.muggin-phone-lobby{background:#29243e80;border:1px solid #fff0d633;border-radius:10px;gap:8px;padding:12px;display:grid}.muggin-phone-lobby form{gap:6px;display:grid}.muggin-phone-lobby form>div{gap:6px;display:flex}.muggin-phone-lobby label,.muggin-phone-lobby small{font-size:11px;line-height:1.4}.muggin-phone-lobby p{font-size:12px;line-height:1.4}.muggin-phone-lobby input{color:#fff0d6;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#1e1b31;border:1px solid #fff0d680;border-radius:6px;width:100%;min-width:0;min-height:42px;padding:8px;font:16px monospace}.muggin-room-code{letter-spacing:.18em;color:#c4f8dd;-webkit-user-select:all;user-select:all;font:700 28px monospace}.muggin-network-notice{z-index:8;text-align:center;background:#30283ded;border:1px solid #fff0d680;border-radius:12px;max-width:90%;padding:16px;font-size:14px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.muggin-network-notice button{margin-top:10px}.muggin-setup .muggin-primary,.muggin-sheet-actions button{min-height:44px}.muggin-setup .muggin-card{min-width:0}.muggin-setup.is-online .muggin-start-row{flex-wrap:wrap}@media (height<=520px){.muggin-home{gap:12px 4vw;padding-top:51px;padding-bottom:13px}.muggin-welcome{gap:9px}.muggin-mode-cards{gap:7px}.muggin .muggin-mode-card{border-radius:10px;gap:4px;padding:11px 15px}.muggin-mode-card em{top:10px;right:15px}.muggin-setup{touch-action:pan-y;align-content:safe center;padding-top:48px;padding-bottom:14px;overflow-y:auto}.muggin-setup .muggin-intro{gap:8px}.muggin-setup .muggin-roster{min-width:0}.muggin-setup-hint{font-size:11px;line-height:1.4}.muggin-setup .muggin-card>img,.muggin-setup .muggin-portrait{height:clamp(66px,23vh,116px)}.muggin-setup.is-online{align-content:start;align-items:start}.muggin-setup.is-online h2{font-size:25px}.muggin-setup.is-online .muggin-setup-hint{display:none}.muggin-phone-lobby{gap:6px;padding:9px}.muggin-look-options summary span{margin-left:6px;display:inline}.muggin-look-options summary{min-height:28px}.muggin-setup .muggin-start-row{flex-wrap:wrap;gap:8px;margin-top:10px}}@media (width<=700px) and (orientation:landscape){.muggin-home{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));grid-template-columns:minmax(150px,.8fr) minmax(280px,1.2fr);gap:9px 20px}.muggin-welcome h1{font-size:64px}.muggin-welcome>p:last-child{font-size:12px}.muggin-mode-card>span{font-size:11px}.muggin-mode-card em{display:none}.muggin-home-foot{font-size:10px}.muggin-setup{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));grid-template-columns:minmax(170px,.8fr) minmax(290px,1.4fr);gap:18px}.muggin-setup .muggin-fighter-copy{min-height:42px}.muggin-setup .muggin-start-row{justify-content:flex-start}.muggin-setup .muggin-primary{padding:9px 12px;font-size:12px}}@media (height<=350px){.muggin-home{gap:6px 20px;padding-top:45px}.muggin .muggin-mode-card{gap:3px;padding-top:8px;padding-bottom:8px}.muggin-mode-card strong{font-size:18px}.muggin-home-foot{justify-self:end;max-width:29ch}.muggin-setup .muggin-intro{gap:6px}.muggin-setup h2{font-size:24px}.muggin-setup .muggin-fighter-copy{min-height:35px;margin-top:6px}}.downbeat{z-index:80;color:#f8f8f8;font-family:var(--mq-sans,Arial, sans-serif);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171717;position:fixed;inset:0;overflow:hidden}.downbeat *{box-sizing:border-box}.downbeat button,.downbeat a{font:inherit;color:#eee;cursor:pointer;touch-action:manipulation;background:#171717d9;border:1px solid #ffffff38;border-radius:6px;min-height:44px;padding:9px 14px;font-size:12px;text-decoration:none}.downbeat button:hover,.downbeat a:hover{border-color:#fff}.downbeat button:focus-visible,.downbeat a:focus-visible{outline-offset:3px;outline:3px solid #fff}.downbeat button[aria-pressed=true]{color:#191919;background:#eee;border-color:#fff}.downbeat button:disabled{opacity:.45;cursor:default}.downbeat .db-primary{color:#111;background:#f4f4f4;border-color:#fff;font-weight:750}.db-embedded{z-index:0;height:70dvh;min-height:480px;position:relative}.db-canvas{object-fit:contain;background:#171717;width:100%;height:100%;position:absolute;inset:0}.db-kicker{letter-spacing:.21em;color:#b5b5b5;margin:0 0 12px;font-size:10px}.db-menu-actions{flex-wrap:wrap;gap:8px;display:flex}.db-hud{padding:12px max(16px, env(safe-area-inset-left)) 22px;pointer-events:none;background:linear-gradient(#111,#1119 75%,#1110);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.db-healths{gap:18px;display:flex}.db-health{flex-direction:column;gap:4px;width:130px;display:flex}.db-health span{letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.db-health small{color:#bbb;font-size:9px}.db-health meter{appearance:none;background:#555;border:1px solid #999;border-radius:0;width:100%;height:9px}.db-health meter::-webkit-meter-bar{background:#555;border:0;border-radius:0}.db-health meter::-webkit-meter-optimum-value{background:#eee}.db-health meter::-moz-meter-bar{background:#eee}.db-score{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;display:flex}.db-score strong{font-size:25px;line-height:1;font-family:var(--mq-display,Arial, sans-serif)}.db-score span{letter-spacing:.13em;white-space:nowrap;font-size:9px}.db-toolbar{pointer-events:auto;gap:6px;display:flex}.db-toolbar button{background:#17171799;padding:7px 12px;font-size:10px}.db-run-hint{text-align:center;letter-spacing:.17em;text-shadow:0 1px 5px #000;color:#eee;pointer-events:none;margin:0;font-size:9px;position:absolute;top:76px;left:0;right:0}.db-pads{bottom:max(12px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));pointer-events:none;position:absolute}.db-pad{justify-content:space-between;align-items:center;gap:15px;display:flex}.db-coop{grid-template-columns:1fr 1fr;gap:38px;display:grid}.db-coop .db-pad:first-child{border-right:1px solid #fff3;padding-right:18px}.db-stick{pointer-events:auto;touch-action:none;background:#17171788;border:2px solid #ffffff75;border-radius:50%;flex-shrink:0;width:100px;height:100px;position:relative}.db-stick-axis{pointer-events:none;position:absolute;inset:0}.db-stick-axis:before,.db-stick-axis:after{content:"";background:#ffffff30;width:62%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-stick-axis:after{width:1px;height:62%}.db-thumb{pointer-events:none;background:#eee;border-radius:50%;width:34px;height:34px;position:absolute;top:31px;left:31px;box-shadow:0 3px 8px #0005}.db-player-tag{text-align:center;letter-spacing:.1em;color:#fff;pointer-events:none;font-size:10px;position:absolute;top:-20px;left:0;right:0}.db-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.downbeat .db-action{text-transform:uppercase;letter-spacing:.06em;touch-action:none;border:2px solid #fff9;border-radius:50%;min-width:62px;min-height:62px;padding:0;font-size:11px;font-weight:700;box-shadow:0 3px #0008}.downbeat .db-attack{color:#151515;background:#f0f0f0;min-width:76px;min-height:76px}.downbeat .db-jump{transform:translateY(-13px)}.downbeat .db-grab{transform:translateY(9px)}.downbeat .db-pressed{filter:brightness(.72);box-shadow:inset 0 3px 5px #0009}.db-pad-out{opacity:.35;pointer-events:none}.db-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:pan-y;background:#111c;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.db-result{text-align:center}.db-result h2{margin:5px 0 12px;font-family:Georgia,serif;font-size:clamp(42px,7vw,90px);font-style:italic;font-weight:400;line-height:1}.db-result p{color:#bbb;font-size:12px}.db-result .db-kicker{font-size:10px}.db-result .db-menu-actions{justify-content:center;margin-top:18px}.db-final-score{font-variant-numeric:tabular-nums;margin:12px 0;font-size:42px;display:block}.downbeat .db-drop{color:#aaa;margin:16px 4px 0;font-size:10px}.db-rotate{text-align:center;z-index:10;background:#171717;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;position:absolute;inset:0}.db-rotate h2{margin:0;font:italic 40px Georgia,serif}.db-rotate p{color:#bbb;font-size:14px;line-height:1.7}.db-phone-icon{font-size:75px;line-height:1}.db-rotate a{margin-top:20px}@media (height<=450px){.db-kicker{margin-bottom:8px;font-size:9px}.db-hud{padding-top:8px}.db-health{width:110px}.db-healths{gap:12px}.db-score strong{font-size:21px}.db-run-hint{top:65px}.db-stick{width:82px;height:82px}.db-thumb{width:28px;height:28px;top:25px;left:25px}.db-actions{gap:7px}.downbeat .db-action{min-width:53px;min-height:53px;font-size:10px}.downbeat .db-attack{min-width:63px;min-height:63px}.db-pads{bottom:max(8px, env(safe-area-inset-bottom))}.db-coop{gap:24px}.db-coop .db-pad:first-child{padding-right:12px}.db-result h2{font-size:53px}.db-final-score{margin:7px 0;font-size:34px}.db-result .db-menu-actions{margin-top:13px}.db-drop{margin-top:8px!important}}@media (width<=740px) and (orientation:landscape){.db-health{width:90px}.db-toolbar button{padding:6px 8px;font-size:9px}.db-score span{font-size:8px}.db-pads{left:15px;right:15px}.db-coop{gap:18px}.db-coop .db-actions{gap:5px}.db-coop .db-action{min-width:46px;min-height:46px;font-size:9px}.db-coop .db-attack{min-width:54px;min-height:54px}.db-coop .db-stick{width:76px;height:76px}.db-coop .db-thumb{top:22px;left:22px}.db-coop .db-pad{gap:7px}.db-coop .db-pad:first-child{padding-right:8px}}.db-hud{background:linear-gradient(#08090afa,#08090ab5 60%,#08090a00)}.db-run-hint{letter-spacing:.15em;text-shadow:0 2px 8px #000;font-size:9px;top:79px}.db-health meter{box-shadow:0 2px 8px #0009}.db-toolbar button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111c}@media (height<=450px){.db-run-hint{top:69px}}@media (width<=740px) and (orientation:landscape){.db-toolbar{gap:4px}.db-toolbar button{padding:5px 7px;font-size:9px}.db-healths{gap:9px}.db-health{width:80px}}.db-menu{padding:clamp(20px, 5vh, 64px) max(6vw, env(safe-area-inset-right)) 14px max(6vw, env(safe-area-inset-left));touch-action:pan-y;background:linear-gradient(90deg,#08090aed,#08090aa6 46%,#08090abf);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:12px clamp(32px,7vw,110px);display:grid;position:absolute;inset:0;overflow:auto}.db-menu-copy{min-width:0}.db-menu .db-kicker{letter-spacing:.24em;margin:0 0 18px;font-size:11px}.db-menu h1{letter-spacing:-.065em;margin:0 0 22px;font:italic 500 clamp(56px,8vw,116px)/.95 Georgia,serif}.db-tagline{margin:0 0 12px;font-size:clamp(19px,2.4vw,30px)}.db-story{color:#bdbdbd;max-width:280px;margin:0;font-size:14px;line-height:1.5}.db-start-panel{justify-self:end;width:100%;min-width:0;max-width:480px}.db-start-choices{gap:14px;display:grid}.downbeat .db-play-choice{text-align:left;background:#111e;border-radius:12px;align-items:center;gap:18px;width:100%;min-height:100px;padding:22px;display:flex;box-shadow:0 8px 28px #0003}.downbeat .db-play-choice.db-primary{color:#111;background:#f4f4f4}.db-play-choice strong{font-size:clamp(18px,2.1vw,25px);line-height:1.2;display:block}.db-play-choice small{opacity:.7;margin-top:6px;font-size:13px;line-height:1.4;display:block}.db-choice-symbol{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.db-choice-arrow{margin-left:auto;font-size:24px}.db-friend-panel{background:#101010ed;border:1px solid #ffffff38;border-radius:14px;padding:20px 24px 24px;box-shadow:0 15px 55px #0005}.downbeat .db-menu-back{color:#c9c9c9;background:0 0;border:0;min-height:44px;padding:4px 0;font-size:14px}.db-friend-panel h2{margin:4px 0 8px;font-size:25px;font-weight:650;line-height:1.2}.db-friend-panel p{color:#bbb;margin:0 0 16px;font-size:13px;line-height:1.5}.db-friend-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.downbeat .db-friend-choices button{text-align:left;border-radius:8px;min-height:92px;padding:14px}.db-friend-choices strong{font-size:17px;display:block}.db-friend-choices small{opacity:.7;margin-top:6px;font-size:12px;line-height:1.4;display:block}.db-room-code{letter-spacing:.16em;color:#fff;-webkit-user-select:text;user-select:text;margin:6px 0 10px;font:700 38px/1.3 monospace}.db-joined-code{letter-spacing:.12em;color:#fff}.db-friend-panel .db-room-status{color:#e5e5e5;margin:0 0 14px}.downbeat .db-start-together{border-radius:8px;width:100%;min-height:52px;font-size:17px}.db-join{grid-template-columns:1fr auto;gap:8px;display:grid}.db-join label{color:#ccc;grid-column:1/-1;font-size:12px}.db-join input{color:#fff;letter-spacing:.12em;-webkit-user-select:text;user-select:text;background:#080808;border:1px solid #ffffff75;border-radius:8px;width:100%;min-width:0;min-height:54px;padding:10px 14px;font:600 20px monospace}.db-join input:focus-visible{outline-offset:3px;outline:3px solid #fff}.downbeat .db-join button{border-radius:8px;min-height:54px;font-size:16px}.db-loading{color:#ddd;margin:12px 0 0;font-size:13px}.db-menu-footer{grid-column:1/-1;align-items:center;gap:20px;min-width:0;display:flex}.downbeat .db-menu-footer>a{color:#ddd;background:0 0;border:0;align-items:center;padding:10px 0;font-size:13px;display:flex}.db-record{color:#aaa;margin:0;font-size:12px}.db-credits{margin-left:auto;position:relative}.db-credits summary{cursor:pointer;color:#aaa;touch-action:manipulation;align-items:center;min-height:44px;font-size:12px;list-style:none;display:flex}.db-credits summary::-webkit-details-marker{display:none}.db-credits summary:focus-visible{outline-offset:3px;outline:3px solid #fff}.db-audio-credit{color:#ccc;background:#111;border:1px solid #fff4;border-radius:8px;width:250px;margin:0 0 8px;padding:14px;font-size:11px;line-height:1.6;position:absolute;bottom:100%;right:0}.downbeat .db-audio-credit a{font-size:inherit;background:0 0;border:0;min-height:0;padding:0;text-decoration:underline}@media (height<=500px) and (orientation:landscape){.db-menu{gap:4px 5vw;padding-top:16px;padding-bottom:6px}.db-menu .db-kicker{margin-bottom:12px;font-size:10px}.db-menu h1{margin-bottom:16px;font-size:clamp(54px,8vw,78px)}.db-tagline{margin-bottom:8px;font-size:20px}.db-story{max-width:230px;font-size:12px}.downbeat .db-play-choice{gap:12px;min-height:82px;padding:16px}.db-play-choice strong{font-size:20px}.db-play-choice small{font-size:12px}.db-friend-panel{padding:4px 18px 14px}.db-friend-panel h2{margin-top:0;font-size:22px}.db-friend-panel p{margin-bottom:10px;font-size:12px}.db-room-code{margin:0 0 6px;font-size:32px}.db-friend-panel .db-room-status{margin-bottom:10px;font-size:12px}.downbeat .db-friend-choices button{min-height:78px;padding:12px}.db-friend-choices strong{font-size:16px}}@media (width<=740px) and (orientation:landscape){.db-menu{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:24px}.db-menu h1{font-size:54px}.db-choice-symbol{display:none}.db-friend-panel{padding-left:14px;padding-right:14px}.db-play-choice strong{font-size:19px}.db-join{grid-template-columns:minmax(0,1fr) auto}.db-join input{padding:8px;font-size:18px}.downbeat .db-join button{padding:8px 10px;font-size:14px}}@media (orientation:portrait){.db-menu{padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;gap:32px}.db-menu-copy{text-align:center}.db-menu h1{font-size:clamp(60px,17vw,100px)}.db-story{margin:0 auto}.db-start-panel{justify-self:center}.db-menu-footer{flex-wrap:wrap;gap:12px}.db-record{font-size:10px}}.db-boss-status{z-index:3;text-align:center;pointer-events:none;text-shadow:0 1px 3px #000;gap:5px;width:min(310px,38vw);font-size:12px;display:grid;position:absolute;top:102px;left:50%;transform:translate(-50%)}.db-boss-status>span{color:#fff0c9}.db-boss-status meter{width:100%;height:8px}.db-boss-status meter::-webkit-meter-bar{background:#151515;border:1px solid #f1d59b;border-radius:0}.db-boss-status meter::-webkit-meter-optimum-value{background:#e5b567}.db-boss-status meter::-moz-meter-bar{background:#e5b567}@media (height<=480px){.db-boss-status{gap:3px;font-size:10px;top:89px}}