@font-face{font-family:Lobster Glyphs;src:url(/fonts/lobster-glyphs-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+35,U+43,U+5A}@font-face{font-family:Lobster Glyphs;src:url(/fonts/lobster-glyphs-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+35,U+43,U+5A}@font-face{font-family:Lobster Glyphs;src:url(/fonts/lobster-glyphs-600.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+35,U+43,U+5A}@font-face{font-family:Lobster Glyphs;src:url(/fonts/lobster-glyphs-700.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+35,U+43,U+5A}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--ink:#13202a;--paper:#f4ecda;--paper2:#e6d8b9;--red:#c8372d;--gold:#ffd166;--shade:#13202ac7;--font:"Lobster Glyphs", "Pixelify Sans", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--font);font-variant-ligatures:no-common-ligatures;background:#9fd3ea;margin:0;overflow:hidden}#screen{position:fixed;inset:0;overflow:hidden}#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.keycatch{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}#hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tag{color:#fff;background:var(--shade);white-space:nowrap;text-align:center;padding:3px 6px 4px;font-size:13px;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag.bot{background:#46281eb8}.tag.who{background:0 0;padding:0}.tag.who .nm{background:#1c803ec7;padding:2px 5px 3px;font-size:12px;display:inline-block}.tag.who.bot .nm{color:#fff;background:#363c42e0}.tag .hearts{letter-spacing:1px;color:#ff5a4d;text-shadow:0 1px 1px #0009;margin-bottom:1px;font-size:12px}.tag .hearts .off{color:#ffffff73}#feed{left:calc(12px + env(safe-area-inset-left,0px));top:calc(60px + env(safe-area-inset-top,0px));pointer-events:none;flex-direction:column;gap:4px;max-width:min(60vw,360px);display:flex;position:absolute}.fl{background:var(--shade);color:#fff;padding:4px 8px 5px;font-size:14px}.fl b{color:var(--gold);font-weight:600}.fl.me{background:var(--red)}.fl.me b{color:#fff}#board{right:calc(12px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);min-width:170px;padding:8px 10px 9px;position:absolute}#roomcode{letter-spacing:.08em;color:var(--ink);font-size:12px;font-weight:700;position:absolute;top:9px;right:10px}#roomcode b{color:var(--red);margin-left:4px}#board h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.score{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px;line-height:1.3}.score th{color:#4c5660;font-size:10px;font-weight:400}.score th,.score td{text-align:right;white-space:nowrap;padding:0 0 0 8px}.score th,.score td+td{width:1px}.score td:first-child{text-align:left;padding-left:0}.score .me{color:var(--red);font-weight:700}#net{color:#4c5660;border-top:2px dashed #13202a4d;margin-top:7px;padding-top:6px;font-size:12px}#hint{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--shade);color:#fff;box-sizing:border-box;text-align:center;width:max-content;max-width:calc(100% - 32px);padding:5px 10px 6px;font-size:13px;position:absolute;transform:translate(-50%)}#leave{left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));pointer-events:auto;font:inherit;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:5px 12px 6px;font-size:15px;font-weight:700;position:absolute}#leave:hover{background:#fff}#leave:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}#death{text-align:center;color:#fff;text-shadow:3px 3px 0 var(--ink);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#death .big{letter-spacing:.02em;font-size:clamp(40px,9vw,72px);font-weight:700}#death .sub{margin-top:4px;font-size:20px}#start{padding:calc(16px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#13202a59;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.panel{background:var(--paper);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:740px;padding:20px 22px 22px;display:flex}.panel h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(36px,8vw,52px);line-height:.95}.panel h1 span{color:var(--red)}.lede{max-width:52ch;margin:0;font-size:16px;line-height:1.35}.label{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (width<=720px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=440px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.card .ty{letter-spacing:.07em;text-transform:uppercase;color:var(--red);font-size:11px;font-weight:700;line-height:1.15}.card{appearance:none;border:3px solid var(--ink);background:var(--paper2);cursor:pointer;font:inherit;color:inherit;text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 6px 8px;display:flex}.card:hover{background:#efe3c8}.card[aria-pressed=true]{outline:3px solid var(--red);outline-offset:2px;background:#fff}.card .nm{font-size:15px;font-weight:700;line-height:1.1}.card .bl{color:#4c5660;font-size:12px;line-height:1.25}@media (height<=820px){.card .bl{display:none}}.fig{width:108px;max-width:100%;image-rendering:pixelated}.diffrow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.diffrow .label{flex-basis:100%}.seg{border:3px solid var(--ink);width:fit-content;max-width:100%;display:flex}.seg button{font:inherit;background:var(--paper2);color:var(--ink);border:0;border-right:3px solid var(--ink);cursor:pointer;padding:7px 16px;font-size:15px;font-weight:600}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stepper{border:3px solid var(--ink);align-items:stretch;width:fit-content;display:flex}.stepper button{font:inherit;background:var(--paper2);width:36px;color:var(--ink);cursor:pointer;border:0;font-size:18px;font-weight:700}.stepper button:disabled{color:#8a8f94;cursor:default}.stepper output{text-align:center;border-left:3px solid var(--ink);border-right:3px solid var(--ink);background:#fff;min-width:4.6em;padding:7px 6px;font-size:15px;font-weight:600}.diffrow.locked .seg button,.diffrow.locked .stepper button{cursor:default}.diffrow.locked .seg button[aria-pressed=false]{color:#8a8f94}.diffnote{color:#4c5660;flex:180px;min-width:0;margin:0;font-size:13px}.formrow{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.field input{font:inherit;border:3px solid var(--ink);color:var(--ink);background:#fff;min-width:0;padding:8px 10px;font-size:17px}.go{background:var(--red);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:inherit;cursor:pointer;padding:9px 18px;font-size:20px;font-weight:700}.go:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}button:focus-visible,input:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.rules{color:#4c5660;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:13px;display:flex}.rules kbd{border:2px solid var(--ink);color:var(--ink);background:#fff;padding:0 5px;font-family:inherit}.controls{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.controls .rules{flex:360px;min-width:0}.keysbtn{font:inherit;background:var(--paper2);color:var(--ink);border:3px solid var(--ink);cursor:pointer;padding:4px 10px 5px;font-size:13px;font-weight:700}.keysbtn:hover{background:#efe3c8}.mix{flex-wrap:wrap;gap:6px 24px;margin-top:10px;display:flex}.mixrow{align-items:center;gap:10px;display:flex}.mixrow[hidden]{display:none}.mixrow .label{min-width:56px;margin:0}.mixrow input{width:150px;max-width:45vw;accent-color:var(--red)}#keys{color:inherit;background:0 0;border:0;width:min(560px,100% - 32px);max-width:none;max-height:calc(100% - 32px);padding:0 8px 8px 0}#keys::backdrop{background:#13202a73}.keyspanel h2{margin:0;font-size:28px;line-height:1}.keyshelp{margin:0;font-size:14px;line-height:1.35}.keytable{border-collapse:collapse;width:100%;font-size:14px}.keytable th,.keytable td{text-align:left;padding:3px 0}.keytable thead th{letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px;font-size:12px}.keytable tbody th{padding-right:10px;font-weight:600}.keytable tr.nokey th{color:var(--red);font-weight:700}.keytable tr.nokey th:after{content:" · no key";font-weight:400}.kslot{font:inherit;width:calc(100% - 8px);min-width:96px;color:var(--ink);border:2px solid var(--ink);cursor:pointer;background:#fff;padding:2px 8px 3px;font-weight:600}.kslot:hover{background:#efe3c8}.kslot.empty{color:#8a8f94}.kslot.listening{background:var(--red);border-color:var(--red);color:#fff}.keysmsg{min-height:1.35em;color:var(--red);margin:0;font-size:14px;font-weight:600;line-height:1.35}.keysfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}#online{color:#4c5660;margin:0;font-size:13px}#pw{border-bottom:2px dashed #13202a4d;margin-bottom:8px;padding-bottom:7px}#pw .pwt{font-size:13px;font-weight:700}#pw .pws{color:#4c5660;font-size:12px}#pw .pws.ready{color:#1f7a3f;font-weight:700}#pw .pwbar{background:#e3d7bd;height:6px;margin-top:4px}#pw .pwbar i{background:var(--ink);height:100%;display:block}#pw .pws.st{color:var(--red);font-weight:700}.pdesc{border:3px solid var(--ink);background:#fff;margin:-4px 0 0;padding:7px 10px 8px;font-size:14px;line-height:1.35}.pdesc b{color:var(--red)}.card .pwr{background:#fff9;margin-top:2px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1.2}#hp{color:var(--red);letter-spacing:2px;border-bottom:2px dashed #13202a4d;margin-bottom:8px;padding-bottom:7px;font-size:22px;line-height:1}#hp .off{color:#cfc5ad}#hp .hpl{color:var(--ink);letter-spacing:.08em;vertical-align:3px;margin-right:4px;font-size:12px;font-weight:700}#flash{pointer-events:none;opacity:0;background:#c8372d66;position:absolute;inset:0}#flash.on{animation:.5s ease-out hurtfl}#white{pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}#white.on{animation:2.5s ease-in forwards whiteout}@keyframes whiteout{0%{opacity:1}45%{opacity:.92}to{opacity:0}}@keyframes hurtfl{0%{opacity:1}to{opacity:0}}#prompt{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;pointer-events:none;padding:4px 10px 5px;font-size:15px;font-weight:600;position:absolute;top:62%;left:50%;transform:translate(-50%)}:root{--pad-h:clamp(270px, 40vh, 330px)}#myscore,.touchnote{display:none}.touchui .touchnote{margin:0;font-size:14px;line-height:1.35;display:block}.touchui .controls{display:none}.ico{line-height:0;display:inline-block}.ico svg{width:100%;height:auto;display:block}#touch{--fb:min(62px, 16vw, 8.6vh);--dp:min(50px, 13vw, 7vh);height:calc(var(--pad-h) + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:10px max(14px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));border-top:4px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#2b4f66,#1b3344 75%);flex-direction:column;justify-content:space-between;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}#touch .trow{justify-content:space-between;align-items:center;gap:10px;display:flex}#touch.lefty .mid{flex-direction:row-reverse}#touch button,#touch .arm{font:inherit;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-weight:700}#touch button.on{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}#touch .sh{width:calc(var(--fb) * 1.5);letter-spacing:.04em;background:var(--paper2);z-index:1;justify-content:center;align-items:center;gap:6px;height:36px;font-size:14px;display:inline-flex;position:relative}#touch .sh .ico{width:7px}#touch .pwrb{background:var(--paper2);flex:0 150px;justify-content:center;align-items:center;gap:6px;min-width:0;height:36px;font-size:15px;display:flex;position:relative;overflow:hidden}#touch .pwfill{transform-origin:0;background:#f0cd73;position:absolute;inset:0;transform:scaleX(0)}#touch .pwrb b,#touch .pwtxt{white-space:nowrap;position:relative}#touch .pwtxt{font-size:12px;font-weight:600}#touch .pwrb[data-state=ready] .pwfill{background:var(--gold)}#touch .pwrb[data-state=ready]{animation:.9s step-end infinite pwready}@keyframes pwready{50%{outline:3px solid var(--gold);outline-offset:2px}}#touch .pwrb[data-state=aim]{color:#fff}#touch .pwrb[data-state=aim] .pwfill{background:var(--red)}#touch .pwrb[data-state=none]{opacity:.55}#touch .dpad{grid-template-columns:repeat(3, var(--dp));grid-template-rows:repeat(3, var(--dp));filter:drop-shadow(3px 3px 0 var(--ink));touch-action:none;flex:none;display:grid}#touch .arm{box-shadow:none;color:#9a9384;border-width:0;place-items:center;display:grid}#touch .arm .ico{width:40%}#touch .arm.up{border-width:3px 3px 0;grid-area:1/2}#touch .arm.left{border-width:3px 0 3px 3px;grid-area:2/1}#touch .arm.hub{grid-area:2/2}#touch .arm.hub:after{content:"";background:var(--paper2);width:34%;height:34%}#touch .arm.right{border-width:3px 3px 3px 0;grid-area:2/3}#touch .arm.down{border-width:0 3px 3px;grid-area:3/2}#touch .arm.on{color:var(--red);background:#fff}#touch .stickzone{display:none}#touch.stick .stickzone{touch-action:none;flex:1;align-self:stretch;display:block;position:relative}#touch.stick .dpad,#touch.stick .sh{display:none}#touch.stick{--pw:max(140px, calc(var(--fb) * 2.3))}#touch.stick .top{justify-content:flex-end}#touch.stick .top .pwrb{width:var(--pw);margin:0 calc(var(--fb) * 1.595 - var(--pw) / 2) 0 0;flex:none}#touch.stick.lefty .top{justify-content:flex-start}#touch.stick.lefty .top .pwrb{margin:0 0 0 calc(var(--fb) * 1.595 - var(--pw) / 2)}#touch.stick .face{margin-left:auto}#touch.stick.lefty .face{margin-left:0;margin-right:auto}#touch .ring{--ring:min(124px, 32vw, 17vh);width:var(--ring);height:var(--ring);box-sizing:border-box;border:3px solid var(--ink);opacity:.6;pointer-events:none;background:#f4ecda38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch .stickzone.on .ring{opacity:1}#touch .knob{box-sizing:border-box;border:3px solid var(--ink);background:var(--paper);width:46%;height:46%;box-shadow:3px 3px 0 var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch .stickzone.on .knob{background:#fff}.handheld.stickmode #screen{touch-action:none}#touch .face{--stab:calc(var(--fb) * 1.18);width:calc(var(--fb) * 2.95);height:calc(var(--fb) * 2.95);flex:none;position:relative}#touch .fb{width:var(--fb);height:var(--fb);letter-spacing:.03em;border-radius:50%;font-size:14px;position:absolute}#touch .use,#touch .jump{left:calc(50% - var(--fb) / 2 - var(--fb) * .12)}#touch .use{top:0}#touch .jump{bottom:0}#touch .duck,#touch .eat{left:0;top:calc(50% - var(--fb) / 2)}#touch .stab{right:0;top:calc(50% - var(--stab) / 2);width:var(--stab);height:var(--stab);background:var(--red);color:#fff;font-size:17px}#touch .eat{background:#f6c9bd}#touch.lefty .stab{left:0;right:auto}#touch.lefty .duck,#touch.lefty .eat{left:auto;right:0}#touch.lefty .use,#touch.lefty .jump{left:calc(50% - var(--fb) / 2 + var(--fb) * .12)}#touch .runf{width:calc(var(--fb) * .78);height:calc(var(--fb) * .78);background:var(--paper2);font-size:12px;bottom:0;right:0}#touch.lefty .runf{left:0;right:auto}#touch .dashf{width:calc(var(--fb) * .78);height:calc(var(--fb) * .78);background:var(--paper2);font-size:12px;display:none;top:0;right:0}#touch.stick .dashf{display:block}#touch.lefty .dashf{left:0;right:auto}#touch .pill{letter-spacing:.06em;background:var(--paper2);border-radius:15px;height:30px;padding:0 16px;font-size:13px}#touch .danceb{background:#d9c7f2}#touch [data-ui=run][aria-pressed=true]{background:var(--gold)}#touch .swapb{margin-right:auto;padding:0 12px}#touch .swapb .ico{width:17px}#touch .bot{flex-wrap:wrap;align-content:flex-start;height:36px;margin-bottom:-6px;overflow:hidden}#touch .logo{color:var(--paper);opacity:.85;white-space:nowrap;font-size:15px;font-weight:700}#touch .logo span{color:#ff8a7a}.handheld #board{left:max(8px, env(safe-area-inset-left,0px));right:auto;top:calc(8px + env(safe-area-inset-top,0px));box-sizing:border-box;min-width:0;max-width:calc(100% - 16px);box-shadow:2px 2px 0 var(--ink);border-width:2px;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:3px 8px 4px;display:flex}.handheld #board h2,.handheld #rows,.handheld #net,.handheld #roomcode,.handheld #hp .hpl,.handheld #pw .pwt,.handheld #pw .pwbar,.handheld #pw .pws:not(.st){display:none}.handheld #hp{border:0;margin:0;padding:0;font-size:18px}.handheld #myscore{font-size:14px;font-weight:700;display:block}.handheld #pw{display:contents}.handheld #feed{left:max(8px, env(safe-area-inset-left,0px));top:calc(var(--board-bottom,calc(36px + env(safe-area-inset-top,0px))) + 8px);max-width:min(75%,320px)}.handheld .fl{padding:3px 6px 4px;font-size:12px}.handheld #prompt{box-sizing:border-box;white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 24px);font-size:14px}.handheld #death{width:calc(100% - 32px)}.handheld #death .sub{font-size:17px}@media (orientation:portrait){.handheld #screen{bottom:calc(var(--pad-h) + env(safe-area-inset-bottom,0px))}#touch.stick{justify-content:flex-start}#touch.stick .top,#touch.stick .bot{margin-top:auto}#touch.stick .stickzone{margin-top:-42px}.handheld #prompt{top:auto;bottom:10px}}@media (orientation:landscape){#touch{--fb:min(60px, 15vh);--dp:min(48px, 12vh);height:auto;padding:calc(8px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));pointer-events:none;background:0 0;border:0;justify-content:flex-end;gap:8px;top:0}#touch button,#touch .dpad{pointer-events:auto}#touch.stick .stickzone{pointer-events:auto;width:min(45%,400px);height:72%;position:absolute;bottom:0;left:0}#touch.stick.lefty .stickzone{left:auto;right:0}#touch .ring{--ring:min(116px, 30vh);left:calc(max(16px, env(safe-area-inset-left,0px)) + var(--ring) / 2);top:calc(100% - var(--ring) / 2 - 12px - env(safe-area-inset-bottom,0px))}#touch.lefty .ring{left:calc(100% - max(16px, env(safe-area-inset-right,0px)) - var(--ring) / 2)}#touch .top .pwrb{margin-left:auto}#touch.lefty .top .pwrb{margin-left:0;margin-right:auto}#touch .bot{top:calc(8px + env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));position:absolute}#touch .swapb{margin-right:0}#touch .logo{display:none}.handheld #death{width:min(56%,480px);top:24%}.handheld #death .big{font-size:clamp(36px,13vh,64px)}.handheld #death .sub{font-size:15px}}#menu{box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#13202a99;position:fixed;inset:0;overflow:hidden}.menuin{box-sizing:border-box;overscroll-behavior:contain;outline:none;flex-direction:column;gap:16px;max-width:448px;height:100%;margin:0 auto;padding:0 8px 8px 0;display:flex;overflow-y:auto}#menu .panel{box-shadow:6px 6px 0 var(--ink);gap:8px;padding:12px 14px 14px}.mhead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mhead h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}#mnet,.mgoes{color:#4c5660;margin:0;font-size:12px}#mnet{text-align:right}.tiles{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tile{min-height:104px;font:inherit;text-align:center;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px 8px;font-size:16px;font-weight:700;line-height:1.15;display:flex}.tile:active,.rbtn:active .round{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.tile .ico{width:30px}.mhelp h2{margin:0;font-size:24px;line-height:1}.mhelp dl{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin:0;display:grid}.mhelp dt{border:2px solid var(--ink);background:#fff;justify-self:start;align-items:center;gap:5px;min-height:20px;padding:1px 6px;font-size:13px;font-weight:700;display:flex}.mhelp dt .ico svg{width:auto;height:8px}.mhelp dt .ico[data-i=swap] svg,.mhelp dt .ico[data-i=stick] svg,.mhelp dt .ico[data-i=left] svg,.mhelp dt .ico[data-i=right] svg{height:12px}.mhelp dd{margin:0;font-size:14px;line-height:1.3}.mpower{border:3px solid var(--ink);background:#fff;margin:0;padding:7px 10px 8px;font-size:14px;line-height:1.35}.mpower b{color:var(--red)}.mhelp .keysbtn{align-self:flex-start;padding:6px 16px 7px;font-size:15px}.mfoot{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:8px;display:flex}.rbtn{font:inherit;color:#fff;text-shadow:1px 1px 0 var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;display:flex}.round{width:60px;height:60px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.round .ico{width:24px}.round.play{background:var(--red);color:#fff;width:72px;height:72px}.round.play .ico{width:24px;margin-left:5px}@media (orientation:landscape){#menu{padding-left:calc(max(16px, env(safe-area-inset-left,0px)) + 100px);padding-right:calc(max(16px, env(safe-area-inset-right,0px)) + 100px)}.menuin{grid-template-columns:1fr 1fr;align-items:start;max-width:688px;display:grid}.tile{gap:8px;min-height:76px;font-size:15px}.tile .ico{width:24px}.mfoot{left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;padding:0;position:fixed}.rbtn{text-align:center;pointer-events:auto;width:88px}}.roombox{border:3px dashed var(--ink);background:var(--paper2);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.roombox>div{flex-direction:column;gap:6px;display:flex}.roomnote,.roommsg{color:#4c5660;margin:0;font-size:13px}.roommsg:empty{display:none}.roommsg.bad{color:var(--red);font-weight:700}.roommsg{overflow-wrap:anywhere}.roomrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.roomrow .keysbtn{padding:6px 12px 7px;font-size:15px}.roomrow .keysbtn:disabled{opacity:.55;cursor:default}.roomrow .roomgo{background:var(--ink);color:var(--paper)}.roomrow .roomgo:hover:not(:disabled){background:#2a3a46}.roomor{color:#4c5660;font-size:13px}.roomcodein,.roomcode{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.roomcodein{letter-spacing:.12em;text-transform:uppercase;border:3px solid var(--ink);color:var(--ink);background:#fff;width:6.5em;min-width:0;padding:5px 8px;font-size:17px;font-weight:700}.roomcodein::placeholder{font-family:var(--font);letter-spacing:0;text-transform:none;font-weight:400}.roomcode{letter-spacing:.16em;border:3px solid var(--ink);background:#fff;padding:4px 8px 5px 10px;font-size:26px;font-weight:700;line-height:1}