:root{--ink: #12101f;--panel: #1d1a36;--panel-2: #2a2740;--line: rgba(244, 240, 224, .2);--bone: #f4f0e0;--dim: #b9b6c4;--mute: #7c7a92;--cyan: #4cc9f0;--amber: #f2c14e;--red: #ff4d4d;--green: #7be06a;--magenta: #ff2e88;--font: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "SF Mono", Menlo, "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}:root.pxfont{--font: "UncrackedPx", ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace}:root.pxfont #ui *,:root.pxfont .fatal{text-transform:uppercase!important;font-weight:700}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--bone);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--font)}#game{position:absolute;inset:0;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-drag:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M7 1h2v4H7zM7 11h2v4H7zM1 7h4v2H1zM11 7h4v2h-4z' fill='%2312101f'/%3E%3Cpath d='M7.5 1.5h1v3h-1zM7.5 11.5h1v3h-1zM1.5 7.5h3v1h-3zM11.5 7.5h3v1h-3z' fill='%23f4f0e0'/%3E%3Crect x='7' y='7' width='2' height='2' fill='%23ff4d4d'/%3E%3C/svg%3E") 16 16,crosshair}body:not([data-screen=playing]) #game{cursor:default}body[data-device=pad][data-screen=playing] #game,body[data-device=touch][data-screen=playing] #game{cursor:none}#view{position:absolute;left:0;top:0;width:100%;height:100%;display:block;image-rendering:crisp-edges;image-rendering:pixelated;outline:none}#ui{position:absolute;inset:0;z-index:10;pointer-events:none;font-size:var(--f3, 16px);font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}[hidden]{display:none!important}canvas.pxtext{image-rendering:crisp-edges;image-rendering:pixelated;display:block}.panel,.menu-panel,.res-panel{background:#1d1a36f0;border:.1em solid var(--line);box-shadow:0 0 0 .12em var(--ink),inset 0 0 0 .1em #00000059,0 .6em #12101f80}.btn{appearance:none;-webkit-appearance:none;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--bone);background:var(--panel-2);border:.1em solid var(--line);box-shadow:0 0 0 .12em var(--ink),inset 0 -.18em #00000059,inset 0 .1em #ffffff14;padding:.55em 1.1em;min-height:2.6em;min-width:2.75em;margin:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;outline:none;border-radius:0;transition:transform 60ms ease-out}.btn:active{transform:translateY(.1em)}.btn.focus{border-color:var(--cyan);color:#fff;background:#3a93ea;box-shadow:0 0 0 .12em var(--ink),0 0 0 .26em var(--cyan),inset 0 -.18em #00000059}.btn-primary{border-color:#f4f0e080}.btn-danger{color:#ffb3a8}.btn-danger.focus{border-color:var(--red);box-shadow:0 0 0 .12em var(--ink),0 0 0 .26em var(--red),inset 0 -.18em #00000059}.btn-ghost{background:#1d1a36b3;color:var(--dim)}.btn-small{font-size:var(--f2);min-height:2.75em;padding:.4em .9em}.btn-big{font-size:var(--f4);padding:.6em 1.6em}html body[data-device=touch] .btn.btn{min-height:44px}.btn-wide{width:100%}.btn-chip{font-size:var(--f2);background:#1d1a36d9}.btn-toggle{min-width:6.5em;color:var(--bone)}.btn-toggle.on:not(.btn-cycle):before{content:"✓ ";color:var(--green)}.btn-toggle.on:not(.btn-cycle).focus:before{color:#d6ffc9}.btn-cycle:before{content:"◂ ";color:var(--dim)}.btn-cycle:after{content:" ▸";color:var(--dim)}.btn-cycle.focus:before,.btn-cycle.focus:after{color:#e6f3ff}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;padding:calc(.8em + var(--safe-t)) calc(.8em + var(--safe-r)) calc(.8em + var(--safe-b)) calc(.8em + var(--safe-l));z-index:20}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.text-box,.name-input,.code-input{font:inherit;font-size:var(--f4);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);background:var(--ink);border:.1em solid var(--line);box-shadow:inset 0 0 0 .08em #0006;padding:.35em .5em;outline:none;border-radius:0;pointer-events:auto;user-select:text;-webkit-user-select:text;touch-action:manipulation}.name-input:focus,.code-input:focus{border-color:var(--cyan);box-shadow:0 0 0 .14em var(--cyan)}.fatal{position:fixed;left:50%;top:1em;transform:translate(-50%);z-index:60;display:grid;gap:.5em;justify-items:center;max-width:92vw;padding:.8em 1.2em;font-family:var(--font);font-size:var(--f2, 16px);color:var(--bone);background:#12101ff5;box-shadow:0 0 0 .14em var(--red);text-align:center}.fatal b{color:var(--red)}.fatal .btn{pointer-events:auto}.sound-chip{position:absolute;left:calc(.6em + var(--safe-l));top:calc(.55em + var(--safe-t));z-index:30;min-width:48px;min-height:48px;padding:.4em .9em;font:inherit;font-size:var(--f2);letter-spacing:.08em;color:var(--ink);background:var(--amber);border:.12em solid #fff3c4;box-shadow:0 0 0 .12em var(--ink);pointer-events:auto;touch-action:manipulation;cursor:pointer}.sound-chip[hidden]{display:none}body[data-screen=playing] .sound-chip{top:calc(8.9em + var(--safe-t))}.title{justify-content:space-between;background:radial-gradient(ellipse at 50% 42%,#12101f2e,#12101f9e 60%,#12101fe6);cursor:pointer}.title-mid{display:grid;justify-items:center;gap:1.1em;text-align:center}.title-logo{filter:drop-shadow(0 0 1.2em rgba(242,193,78,.22));animation:logofloat 3.2s ease-in-out infinite}[data-gfx=low] .title-logo{filter:none;animation:none}@keyframes logofloat{50%{transform:translateY(-.35em)}}.title-tag{font-size:var(--f2);color:var(--dim);letter-spacing:.22em;text-shadow:.1em .1em 0 var(--ink);max-width:92vw}.title-prompt{margin-top:.4em;padding:.55em 1.6em;font-size:var(--f5);letter-spacing:.2em;color:var(--ink);background:var(--amber);box-shadow:0 0 0 .1em var(--ink),0 0 0 .2em #fff6d3,0 .35em #12101f99;animation:promptpulse 1.1s steps(2) infinite}@keyframes promptpulse{50%{background:#fff6d3;transform:translateY(-.06em)}}.title-rotate{display:none;font-size:var(--f2);color:var(--mute);margin-top:.4em}@media (orientation: portrait) and (max-width: 600px){.title-rotate{display:block}}.menu{background:#12101fb3}.menu-panel{width:min(30em,94vw);max-height:94%;display:flex;flex-direction:column;padding:.9em 1em 1em}.menu-title{font-size:var(--f5);letter-spacing:.26em;color:var(--amber);text-align:center;margin-bottom:.6em}.menu-body>.btn{flex:none}.menu-list,.remap{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:.3em .5em .3em .3em;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--ink)}.menu-section{margin-top:.5em;font-size:var(--f1);color:var(--mute);letter-spacing:.22em;border-bottom:.1em solid var(--line);padding-bottom:.2em}.row-label{text-transform:none;letter-spacing:.02em;color:var(--bone)}.menu-actions{flex:none;display:flex;gap:.5em;justify-content:space-between;margin-top:.2em;flex-wrap:wrap}.menu-note{font-size:var(--f1);color:var(--dim);letter-spacing:.06em;line-height:1.5}.gp-preset-line{font-size:var(--f1);color:var(--dim)}.gp-preset.on{color:var(--amber);box-shadow:0 0 0 .12em var(--ink),inset .3em 0 0 var(--amber)}.gp-preset.on.focus{box-shadow:0 0 0 .12em var(--ink),0 0 0 .26em var(--cyan),inset .3em 0 0 var(--amber)}.menu-option.focus b,.gp-preset.focus,.gp-preset.on.focus{color:#fff}.menu-option.focus small,.gp-preset.focus .gp-preset-line{color:#e6f3ff}@media (pointer: coarse){.screen.menu .btn,.game-panel .btn{min-height:48px}}.home-quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3em .5em}.home-quick[hidden]{display:none}.home-quick-label{font-size:var(--f2);color:var(--dim);letter-spacing:.12em}.home-quick-code{width:7.4em;min-height:48px;font:inherit;font-size:var(--f4);letter-spacing:.2em;text-align:center;text-transform:uppercase;color:var(--amber);background:#00000059;border:.1em solid var(--line);padding:0 .2em 0 .5em}.home-quick-code::placeholder{color:var(--mute);opacity:.5}.home-quick-go{min-height:48px;min-width:48px}.home-quick-note{flex-basis:100%;text-align:center;font-size:var(--f1);color:var(--red);min-height:0}.home-quick-note:empty{display:none}.gold-line{color:var(--amber);letter-spacing:.12em;font-size:var(--f2)}.gold-line[hidden]{display:none}.home-gold{text-align:center;margin-top:.2em}.home-me{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3em .8em;margin-bottom:.35em}.home-me:empty{display:none}.home-acct{min-height:48px;font-size:var(--f2);color:var(--amber);letter-spacing:.08em}.home-acct[hidden]{display:none}.home-acct.in{box-shadow:inset 0 0 0 .12em var(--amber)}@media (max-height: 480px) and (orientation: landscape){.menu-panel:has(.menu-basic-settings){width:min(62em,98vw);max-height:100%;padding:.4em .8em .5em}.menu-panel:has(.menu-basic-settings) .menu-title{margin-bottom:.25em;font-size:var(--f4, var(--f5))}.menu-basic-settings>[data-setting=name],.menu-basic-settings>[data-sound-player],.menu-basic-settings>.menu-section{grid-column:1 / -1}.menu-panel:has(.menu-basic-settings) .menu-actions{margin-top:0}}.home{background:#12101f9e}.home-panel{width:min(32em,94vw);padding:1em 1.2em 1.2em;gap:.2em}.screen.home[data-page=create] .home-panel{width:min(40em,96vw)}.screen.home[data-page=join] .home-panel{width:min(36em,96vw)}.home-logo{display:grid;justify-items:center;margin-bottom:.4em}.home-title{font-size:var(--f5);letter-spacing:.2em;color:var(--amber);text-align:center;text-shadow:.1em .1em 0 var(--ink)}.home-title:empty{display:none}.home-sub{font-size:var(--f1);color:var(--dim);text-align:center;letter-spacing:.1em;line-height:1.5;margin:.3em 0 .7em}.home-sub:empty{display:none}.home-body{display:flex;flex-direction:column;gap:.5em;min-height:0}.home-body>.btn{flex:none}.home-row{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap}.home-row>.btn{flex:1 1 auto}.home-note{font-size:var(--f1);color:var(--mute);text-align:center;letter-spacing:.08em}.home-problem{font-size:var(--f1);color:var(--red);text-align:center;min-height:1.4em;letter-spacing:.06em}.home-message{font-size:var(--f2);color:var(--bone);text-align:center;line-height:1.6;padding:.6em .4em}.name-wrap{display:grid}.name-input{width:100%;text-align:center}.btn-cycle{min-width:10.5em;text-align:center;color:var(--cyan)}.btn-cycle:disabled{color:var(--bone);background:transparent;border-color:transparent;box-shadow:none;cursor:default}.code-boxes{display:flex;gap:.35em;justify-content:center;cursor:text;pointer-events:auto}.code-box{width:1.5em;height:1.8em;display:grid;place-items:center;font-size:var(--f6);color:var(--amber);background:var(--ink);box-shadow:inset 0 0 0 .06em var(--line)}.code-box.next{box-shadow:inset 0 0 0 .08em var(--cyan)}.code-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3em}.btn-key{min-width:0;padding:.35em 0;font-size:var(--f3)}.btn-key-wide{grid-column:span 3}.warmup{color:var(--ink);background:var(--amber);letter-spacing:.12em;text-align:center;white-space:nowrap;box-shadow:0 0 0 .12em var(--ink)}.warmup-slot:not(.on){display:none}.lobby-warmup{font-size:var(--f3);padding:.25em .8em}.hud.tv .hud-top{display:none}body[data-tv="1"] #view{left:0}.seg-dot{white-space:nowrap}.seg{display:inline-block}.lvl-unbeatable .gp-q-word,.lvl-unbeatable .res-step-val,.bld-quick-val.lvl-unbeatable,.bld-skill.lvl-unbeatable,.lvl-unbeatable>.gval{color:#ff2e88;text-shadow:0 0 .4em rgba(255,46,136,.45)}.screen.title{padding:0;justify-content:flex-start;background:none;touch-action:manipulation;user-select:none}.title-band{position:relative;flex:none;align-self:stretch;display:grid;justify-items:center;gap:.45em;padding:calc(.9em + var(--safe-t)) calc(.8em + var(--safe-r)) .85em calc(.8em + var(--safe-l));background:linear-gradient(#08070f,#12101f 88%);border-bottom:.12em solid rgba(242,193,78,.45);box-shadow:0 .18em #08070f,0 .5em 1.2em #08070f99;z-index:1}.title-band .title-tag{text-shadow:none;color:var(--dim)}.screen.title .title-mid{flex:1 1 auto;align-self:stretch;align-content:center;padding:.8em calc(.8em + var(--safe-r)) .4em calc(.8em + var(--safe-l));background:radial-gradient(ellipse at 50% 50%,#12101f14,#12101f4d 62%,#12101f9e)}.screen.title .title-rotate{padding-bottom:calc(.4em + var(--safe-b))}@media (max-aspect-ratio: 1/1){.title-band{padding-top:calc(.5em + var(--safe-t))}}@media (max-height: 500px) and (orientation: landscape){.title-band{gap:.3em;padding-bottom:.6em}.title-band .title-tag{display:none}}.screen.home[data-page=home] .home-panel{width:min(46em,96vw);max-height:100%;overflow-y:auto}.screen.home[data-page=home] .home-logo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3em .65em}.home-menus-top{font-size:var(--f1);min-height:2.1em;padding:.2em .65em;color:var(--amber);border-color:#f2c14e73}.home-ways{display:flex;flex-direction:column;gap:.7em}.home-acct-row{display:flex;justify-content:center}.home-rows{display:flex;flex-direction:column;gap:.4em}.btn.home-row-btn{display:grid;grid-template-columns:2.2em 1fr;align-items:center;gap:.6em;width:100%;min-height:3.4em;padding:.5em .9em;text-align:left;white-space:normal}.home-glyph{font-size:var(--f6);color:var(--amber);text-align:center;line-height:1}.pxi{display:inline-block;flex:none;width:1em;height:1em;justify-self:center;background-color:currentColor;-webkit-mask:var(--pxi) center / 100% 100% no-repeat;mask:var(--pxi) center / 100% 100% no-repeat;image-rendering:pixelated;vertical-align:middle}.home-glyph.pxi{width:.75em;height:.75em}.home-foot-ico{margin-right:.5em;margin-top:-.15em}.home-more:after{content:" ▾"}.home-more.open:after{content:" ▴"}.home-row-text{display:grid;gap:.25em;min-width:0}.home-row-title{font-size:var(--f4);letter-spacing:.12em;color:#fff;overflow-wrap:anywhere}.home-nowrap{white-space:nowrap}.home-pill{display:inline-block;margin-left:.5em;padding:.1em .45em;font-size:max(.75em,12px);vertical-align:.2em;letter-spacing:.08em;color:#12101f;background:var(--amber);border-radius:1em;animation:home-pill 1.4s ease-in-out infinite}@keyframes home-pill{50%{box-shadow:0 0 .7em var(--amber)}}.home-row-line{font-size:var(--f2);letter-spacing:.06em;color:var(--dim);line-height:1.45;overflow-wrap:break-word;text-transform:uppercase;text-wrap:balance}.btn.home-row-btn.focus .home-row-line{color:#eaf6ff}.btn.home-row-btn.focus .home-glyph{color:#fff}.home-rows>.home-row-btn:first-child{min-height:4em}.home-rows>.home-row-btn:first-child .home-row-title{font-size:var(--f5)}.btn.home-row-btn.off{cursor:default;background:#1d1a368c;border-color:#f4f0e01a;box-shadow:none}.btn.home-row-btn.off .home-row-title,.btn.home-row-btn.off .home-glyph,.btn.home-row-btn.off .home-row-line{color:var(--mute)}.btn.home-row-btn.off:active{transform:none}.home-foot{display:flex;flex-wrap:wrap;gap:.4em;justify-content:center}.home-foot .btn{flex:1 1 auto;font-size:var(--f2);min-height:2.75em}.home-code-info{font-size:var(--f2);color:var(--cyan);text-align:center;letter-spacing:.06em;line-height:1.5;min-height:1.5em}.home-code-info:empty{display:none}.home-problem{line-height:1.5}@media (pointer: coarse){.btn.home-row-btn,.home-foot .btn{min-height:48px}.home-menus-top{min-height:36px}}@media (min-width: 900px){.screen.home[data-page=home] .home-panel{width:min(80em,96vw);padding:.35em 1em .45em;gap:.08em}.screen.home[data-page=home] .home-logo{margin-bottom:0}.screen.home[data-page=home] .home-sub{margin:.05em 0 .15em}.screen.home[data-page=home] .home-me{margin-bottom:.05em}.home-ways{gap:.3em}.home-rows{gap:.2em}.btn.home-row-btn{min-height:2.35em;padding:.18em .9em}.home-rows>.home-row-btn:first-child{min-height:2.65em}.home-row-text{gap:.05em}.home-row-line{line-height:1.22}.home-foot .btn{min-height:2.2em}}@media (min-width: 900px) and (max-height: 799px){.screen.home[data-page=home] .home-logo canvas{max-height:1.5em;width:auto}}@media (max-width: 520px){.screen.home[data-page=home] .home-panel{width:98vw;padding:.3em .5em .45em;gap:.05em}.screen.home[data-page=home] .home-logo{margin-bottom:0}.screen.home[data-page=home] .home-logo canvas{max-height:1.4em;width:auto}.screen.home[data-page=home] .home-sub{margin:0 0 .15em}.screen.home[data-page=home] .home-me{gap:.2em .4em;margin-bottom:.05em}.screen.home[data-page=home] .home-ways{gap:.2em}.screen.home[data-page=home] .home-rows{gap:.18em}.btn.home-row-btn{grid-template-columns:1.5em 1fr;padding:.18em .5em;gap:.4em}.home-rows>.home-row-btn:first-child{min-height:48px}.home-row-text{gap:.06em}.home-row-line{line-height:1.18}.home-glyph{font-size:var(--f5)}}.name-hint{line-height:1.5}.where-badge{font-size:var(--f2);letter-spacing:.06em;color:var(--dim);line-height:1.45;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}.where-badge-short{white-space:nowrap;overflow-wrap:normal}.home-lvl{display:inline-flex;align-items:center;gap:.25em;white-space:nowrap;color:#f4f0e0;background:#12101fd1;border:.09em solid rgba(244,240,224,.42);border-radius:.32em;padding:.08em .16em;margin-top:.12em;vertical-align:middle}.home-lvl{pointer-events:none}.home-lvl-step:not([aria-disabled=true]){pointer-events:auto}.home-lvl-word{flex:none;padding:0 .2em}.home-lvl-word[data-auto]:before{content:"AUTO: ";color:var(--cyan)}.home-lvl-step{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;min-height:1.6em;border-radius:.22em;cursor:pointer;color:var(--amber);background:#f2c14e24;border:.08em solid rgba(242,193,78,.5)}.home-lvl-step[data-botlevel-step="-1"]:before{content:"◂"}.home-lvl-step[data-botlevel-step="1"]:before{content:"▸"}.home-lvl-step[aria-disabled=true]{opacity:.45;cursor:default;border-color:#f4f0e033;background:#ffffff0d;color:var(--dim)}.home-lvl.lvl-unbeatable .home-lvl-word{color:#ff2e88;text-shadow:0 0 .4em rgba(255,46,136,.5)}@media (pointer: coarse){.home-lvl-step{min-width:48px;min-height:48px}}.home-below{position:static;flex:none;width:100%;padding:.35em 0 .1em;text-align:center;font-size:var(--f2);line-height:1.1;color:var(--amber);letter-spacing:.1em;pointer-events:none}.home-below[hidden]{display:none}.home-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr))}.home-foot .btn[hidden]{display:none}@media (max-width: 520px){.screen.home[data-page=home][data-menus=basic] .home-row-line:not(:has(.home-lvl)){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;overflow-wrap:normal}.home-quick-code{min-width:6.5em;letter-spacing:.04em}.home-foot{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-device=touch] .screen.home .btn{min-height:44px}.title-band[data-poster]{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;overflow:hidden;background:#08070f;border-bottom:0}.poster-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.poster-logo{grid-row:2;display:grid;place-items:center;min-height:0;align-self:stretch;justify-self:stretch}.title-band[data-poster] .title-tag{grid-row:3;color:#c9a96a}.title-band[data-poster] .title-logo{position:relative;filter:none;animation:none}.title-logo>canvas,.title-logo>img{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:pixelated}.poster-edge{position:absolute;left:0;right:0;bottom:0;height:.36em;pointer-events:none;background:linear-gradient(#c9a96a 0 18%,#632c87 18% 40%,#351c58 40% 72%,#12101f 72%)}.screen.title .title-rotate{background:#12101fe0;width:fit-content;margin-left:auto;margin-right:auto;padding:.15em .6em}body[data-device=touch] .hud:not(.tv) .top-caption{letter-spacing:.04em}[data-keyart=tv]~.tvl-auto,.tv-landing .tvl-auto:not(:empty){background:#12101fd1;width:fit-content;margin-left:auto;margin-right:auto;padding:.1em .6em}:root[data-theme=modern]{--ink: #0e1233;--panel: #1b2152;--panel-2: #252c66;--line: rgba(255, 255, 255, .14);--bone: #ffffff;--dim: #c9cbe6;--mute: #a3a7d4;--cyan: #38bdf8;--amber: #ffc83d;--red: #ff5a6a;--green: #4ade80;--magenta: #ff3d81;--m-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font: var(--m-font);--m-r1: .55em;--m-r2: .8em;--m-r3: 1.1em;--m-surface: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)), #1a1f4f;--m-glass: linear-gradient(180deg, rgba(38, 45, 104, .96), rgba(20, 24, 66, .97));--m-edge: rgba(255, 255, 255, .13);--m-sh: 0 .25em .8em rgba(4, 7, 28, .35), inset 0 1px 0 rgba(255, 255, 255, .07);--m-sh-lg: 0 1.2em 3em rgba(3, 6, 24, .55), inset 0 1px 0 rgba(255, 255, 255, .08);--m-hi: linear-gradient(135deg, #2563eb 0%, #5b45e0 100%);--m-hi-ring: 0 0 0 .14em rgba(255, 255, 255, .92), 0 .45em 1.3em rgba(70, 96, 255, .45);--m-gold: linear-gradient(180deg, #ffd766, #ffc83d 55%, #f5a524)}:root[data-theme=modern].pxfont{--font: var(--m-font)}:root[data-theme=modern],:root[data-theme=modern] body{background:#0e1233}:root[data-theme=modern] #ui{letter-spacing:normal;font-weight:600;line-height:1.25}:root[data-theme=modern] #ui *,:root[data-theme=modern] .fatal{letter-spacing:normal!important}:root[data-theme=modern].pxfont #ui *{font-weight:600}:root[data-theme=modern] #ui :is(b,strong,h1,h2,h3,.menu-title,.home-row-title,.title-prompt){font-weight:800}:root[data-theme=modern] #ui :is(b,strong,h1,h2,h3,.menu-title,.home-row-title,.title-prompt) *{font-weight:inherit}:where(:root[data-theme=modern]) :is(.panel,.menu-panel,.res-panel){background:var(--m-glass);border:1px solid var(--m-edge);box-shadow:var(--m-sh-lg)}:root[data-theme=modern] :is(.panel,.menu-panel,.res-panel){border-radius:var(--m-r3)}:where(:root[data-theme=modern]) .btn{background:var(--m-surface);border:1px solid var(--m-edge);box-shadow:var(--m-sh)}:root[data-theme=modern] .btn{border-radius:var(--m-r2)}:root[data-theme=modern] .btn.focus{color:#fff;border-color:#ffffff80;background:var(--m-hi);box-shadow:var(--m-hi-ring)}:root[data-theme=modern] .btn-primary{border-color:#ffffff4d}:root[data-theme=modern] .btn-danger{color:#ffc2c8}:root[data-theme=modern] .btn-danger.focus{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 0 0 .14em #ffffffeb,0 .45em 1.3em #e11d4873}:root[data-theme=modern] .btn-ghost{background:#ffffff0f;color:var(--dim);box-shadow:none}:root[data-theme=modern] .btn-chip{background:#ffffff14}:root[data-theme=modern] .btn-cycle:before,:root[data-theme=modern] .btn-cycle:after{color:var(--cyan)}:root[data-theme=modern] .btn-cycle.focus:before,:root[data-theme=modern] .btn-cycle.focus:after{color:#fff}:root[data-theme=modern] :is(.text-box,.name-input,.code-input){border:1px solid rgba(255,255,255,.2);border-radius:var(--m-r1);background:#05081e8c;box-shadow:inset 0 1px 3px #00000059}:root[data-theme=modern] :is(.name-input,.code-input,.text-box):focus{border-color:var(--cyan);box-shadow:0 0 0 .18em #38bdf873}:root[data-theme=modern] .fatal{border-radius:var(--m-r2);background:#0e1233f7}:root[data-theme=modern] .sound-chip{color:#141238;background:var(--m-gold);border:0;border-radius:999px;box-shadow:0 .3em 1em #ffc83d59}:root[data-theme=modern] .title{background:radial-gradient(ellipse at 50% 42%,#0e12331f,#0e123399 60%,#0e1233eb)}:root[data-theme=modern] .title-tag{text-shadow:0 1px 3px rgba(0,0,0,.6)}:root[data-theme=modern] .title-prompt{color:#141238;background:var(--m-gold);border-radius:999px;box-shadow:0 .5em 1.6em #ffb42866,inset 0 -.18em #0000001f;animation:m-prompt 1.6s ease-in-out infinite}@keyframes m-prompt{50%{transform:translateY(-.08em) scale(1.03);box-shadow:0 .7em 2em #ffb4288c,inset 0 -.18em #0000001f}}:root[data-theme=modern] .screen.home[data-page=home] .home-panel{background:radial-gradient(90% 55% at 15% 0%,rgba(80,56,190,.45) 0%,transparent 60%),radial-gradient(80% 50% at 100% 100%,rgba(15,93,122,.45) 0%,transparent 60%),var(--m-glass)}:root[data-theme=modern] .btn.home-row-btn{--c: #8fa0ff;border-radius:var(--m-r3);background:radial-gradient(120% 140% at 0% 100%,color-mix(in srgb,var(--c) 26%,transparent),transparent 55%),var(--m-surface)}:root[data-theme=modern] .btn.home-row-btn.focus{background:var(--m-hi)}:root[data-theme=modern] .home-row-btn[data-home-row=play-now],:root[data-theme=modern] .home-row-btn[data-home-row=rejoin]{--c: #ff6a4a}:root[data-theme=modern] .home-row-btn[data-home-row=missions]{--c: #38bdf8}:root[data-theme=modern] .home-row-btn[data-home-row=realm]{--c: #34d399}:root[data-theme=modern] .home-row-btn:is([data-home-row=friend],[data-home-row=party-tv]){--c: #b794ff}:root[data-theme=modern] .home-row-btn:is([data-home-row=world],[data-home-row=join-code],[data-home-row=build]){--c: #ffc83d}:root[data-theme=modern] .home-row-btn .home-glyph{color:var(--c)}:root[data-theme=modern] .btn.home-row-btn.focus .home-glyph{color:#fff}:root[data-theme=modern] .btn.home-row-btn.off{background:#ffffff0a}:root[data-theme=modern] .home-pill{color:#141238;background:var(--m-gold)}:root[data-theme=modern] .home-row-line{font-weight:500}:root[data-theme=modern] .home-foot .btn{border-radius:var(--m-r2)}:root[data-theme=modern] .home-menus-top{border-radius:999px}:root[data-theme=modern] .home-lvl{border-radius:var(--m-r2);background:#05081e8c;border:1px solid rgba(255,255,255,.22)}:root[data-theme=modern] .home-lvl-step{border-radius:var(--m-r1);color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.3)}:root[data-theme=modern] .home-lvl-step[aria-disabled=true]{color:var(--dim);background:#ffffff0a;border-color:#ffffff1f}:root[data-theme=modern] .a28-daily-chip{border-radius:999px;border:1px solid rgba(255,200,61,.55);background:#ffc83d1f;box-shadow:none}@media (min-aspect-ratio: 4/3){:root[data-theme=modern] .home-row-line:has(.home-lvl){display:flex;align-items:center;flex-wrap:wrap;gap:.4em}:root[data-theme=modern] .home-row-line:has(.home-lvl) .home-lvl{margin-left:auto}}