@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--round:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--ink:#fff8ec;--paper:#241552;--outline:#1b1240;--text:var(--ink);--sky:linear-gradient(#172457, #26397a 30%, #3f4f9a 55%, #6f62ab 78%, #a283bf);--glow:#c9a3e073;--veil:#1724578c}:root[data-theme=day]{--text:var(--paper);--sky:linear-gradient(#5aa9e0, #7fc0ea 35%, #addaf1 62%, #dcecef 82%, #ffe2b8);--glow:#fff1c999;--veil:#dff1fb99}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;color:var(--text);font:16px/1.35 var(--round);background:radial-gradient(120% 55% at 50% 100%, var(--glow), transparent 70%), var(--sky);margin:0;transition:color .3s;overflow:hidden}[hidden]{display:none!important}#stage,#stage canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{padding:max(12px, env(safe-area-inset-top)) 76px 0 16px;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}#turn{flex-direction:column;align-items:flex-start;gap:8px;display:flex}#who{white-space:nowrap;color:var(--ink);-webkit-text-stroke:6px var(--outline);paint-order:stroke fill;text-shadow:0 4px 0 var(--outline);letter-spacing:.01em;font-size:18px;font-weight:900;line-height:1;display:block}#hud.solo #who{font-variant-numeric:tabular-nums;-webkit-text-stroke-width:9px;text-shadow:0 6px 0 var(--outline);font-size:60px}#count{color:var(--paper);background:var(--ink);border:2.5px solid var(--outline);box-shadow:0 3px 0 var(--outline);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 13px 6px;font-size:15px;font-weight:800;line-height:1;display:inline-flex}#avatars{align-items:flex-end;gap:4px;margin-left:-4px;display:flex}#avatars:empty{display:none}#avatars .avatar{transform-origin:50% 100%;opacity:.55;filter:saturate(.5);width:50px;height:56px;transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .3s,filter .3s;transform:scale(.66)}#avatars .avatar.on{opacity:1;filter:drop-shadow(0 3px 0 var(--outline));transform:scale(1)}#avatars .avatar.pop{animation:.45s ease-out hop}@keyframes hop{0%{translate:0}35%{translate:0 -9px}65%{translate:0 1px}to{translate:0}}.avatar .oh,#hud.low #avatars .avatar.on .calm{display:none}#hud.low #avatars .avatar.on .oh{display:inline}#owner{align-items:center;gap:6px;display:flex}#owner .avatar{width:28px;height:31px}@media (prefers-reduced-motion:reduce){#avatars .avatar{transition:none}#avatars .avatar.pop{animation:none}}#hud.solo #count{box-shadow:inset 0 2px 0 #ffffffb3, 0 3px 0 var(--outline);background:linear-gradient(#fff6d6,#ffe58f);border-radius:14px;gap:8px;padding:6px 15px 6px 8px}#count svg{filter:drop-shadow(0 1.5px #1b1240);width:22px;height:22px;margin:-3px 0}#count small{letter-spacing:.12em;color:#a0710a;font-size:11px;font-weight:900}#count b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}#timer{background:color-mix(in srgb, var(--text) 16%, transparent);height:6px;position:absolute;inset:0 0 auto}#timer i{background:var(--text);transform-origin:0;height:100%;display:block}#clock{margin-left:auto}#secs{font-variant-numeric:tabular-nums;color:var(--ink);-webkit-text-stroke:6px var(--outline);paint-order:stroke fill;text-shadow:0 4px 0 var(--outline);font-size:30px;font-weight:900;line-height:1;display:block}#clock.low #secs{color:#ffd21f;font-size:40px}#next{left:50%;top:max(12px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}#owner{white-space:nowrap}#die{width:64px;height:64px;position:relative}#bubble{border:3px solid var(--outline);box-shadow:inset -4px -6px 0 #78beff59, 0 4px 0 var(--outline);background:radial-gradient(circle at 32% 26%,#fffffff2 0 9%,#0000 10%),radial-gradient(circle at 70% 78%,#ffffff80 0 5%,#0000 6%),radial-gradient(circle at 50% 45%,#e8faffd9,#bae6ffbf 70%,#96d2ffd9);border-radius:50%;padding:8px;animation:3.2s ease-in-out infinite bob;position:absolute;inset:0}#bubble svg{width:100%;height:100%;display:block}#bubble.rise{animation:.75s cubic-bezier(.3,1.5,.5,1) rise,3.2s ease-in-out .75s infinite bob}#bubble.pop{animation:.16s ease-in forwards pop}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.03,.97)}}@keyframes rise{0%{opacity:0;transform:translateY(46px)scale(.35)}45%{opacity:1;transform:translateY(-6px)scale(1.08,.92)}70%{transform:translateY(2px)scale(.95,1.06)}to{transform:translateY(0)scale(1)}}@keyframes pop{to{opacity:0;transform:scale(1.3)}}#poof{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}#poof i{opacity:0;border:2px solid var(--outline);background:#d9f7ff;border-radius:50%;width:9px;height:9px;margin:-4.5px;position:absolute;top:0;left:0}#poof i.spark{background:#fff;border-width:1.5px;width:6px;height:6px;margin:-3px}#poof.go i{animation:.45s ease-out forwards drop}@keyframes drop{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.5)}}@media (prefers-reduced-motion:reduce){#bubble,#bubble.rise,#bubble.pop,#poof.go i{animation:none}}#hint{left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));text-align:center;color:var(--ink);text-shadow:0 1px 3px #00000059;pointer-events:none;margin:0;position:fixed}button{font:inherit;color:var(--paper);background:var(--ink);touch-action:manipulation;border:0;border-radius:16px;font-weight:700;transition:transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.45}.panel{text-align:center;background:var(--veil);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}#menu{background:0 0;padding-bottom:calc(16px + clamp(40px,8vh,100px))}#menu-sun{width:1px;height:clamp(110px,20vh,170px)}.panel button.quiet{width:auto;height:44px;color:var(--text);background:0 0;border-radius:12px;padding:0 20px;font-size:17px;font-weight:700}.panel button.quiet:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.panel button.quiet:active{background:color-mix(in srgb, var(--text) 16%, transparent);transform:scale(.95)}.panel button.block{--fill:#ffd21f;--mark:#c29a00;border:3px solid var(--outline);width:min(300px,100%);height:62px;color:var(--paper);background:linear-gradient(var(--mark), var(--mark)) 20% 12% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 20% 88% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 40% 12% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 40% 88% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 60% 12% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 60% 88% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 80% 12% / 2.5px 20% no-repeat, linear-gradient(var(--mark), var(--mark)) 80% 88% / 2.5px 20% no-repeat, var(--fill);box-shadow:inset 0 3px 0 #fff6, inset 0 -4px 0 color-mix(in srgb, var(--mark) 70%, transparent), 0 5px 0 var(--outline);cursor:pointer;border-radius:12px;font-size:19px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s cubic-bezier(.34,1.4,.64,1),filter .25s ease-out;position:relative}.panel button.block[data-mode=computer]{--fill:#19c3a0;--mark:#0d7f68}.panel button.block[data-mode=local]{--fill:#ff9ecb;--mark:#d8689c}@media (hover:hover){.panel button.block:not(:disabled):hover{box-shadow:inset 0 3px 0 #fff6, inset 0 -4px 0 color-mix(in srgb, var(--mark) 70%, transparent), 0 7px 0 var(--outline);filter:brightness(1.05);transform:translateY(-2px)}}.panel button.block:not(:disabled):active{box-shadow:inset 0 3px 0 #ffffff40, inset 0 -2px 0 color-mix(in srgb, var(--mark) 70%, transparent), 0 0 0 var(--outline);transition-duration:70ms;transition-timing-function:ease-out;transform:translateY(5px)}.panel button.block:focus-visible,.panel button.quiet:focus-visible{outline:3px solid var(--text);outline-offset:4px}.panel button.block:disabled{--fill:#d9d2e6;--mark:#b0a6c4;opacity:1;cursor:progress;filter:saturate(.4)}.panel button.block:disabled:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff80 50%,#0000 70%) -150% 0/60% 100% no-repeat;border-radius:9px;animation:1.2s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:250% 0}}#corner{z-index:5;top:max(12px, env(safe-area-inset-top));flex-direction:column;gap:12px;display:flex;position:fixed;right:16px}.round{border:3px solid var(--outline);background:var(--ink);width:44px;height:44px;box-shadow:0 4px 0 var(--outline);cursor:pointer;border-radius:50%;padding:0;transition:transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s cubic-bezier(.34,1.4,.64,1)}.round svg{width:100%;height:100%;display:block}@media (hover:hover){.round:hover{box-shadow:0 6px 0 var(--outline);transform:translateY(-2px)rotate(-10deg)}}.round:active{box-shadow:0 0 0 var(--outline);transition-duration:70ms;transition-timing-function:ease-out;transform:translateY(4px)}.round:focus-visible{outline:3px solid var(--text);outline-offset:3px}.panel button.block#resume{--fill:#b6f23a;--mark:#74a81a}@media (prefers-reduced-motion:reduce){.panel button.block,.round{transition:none}.panel button.block:disabled:after{animation:none}}#who.bump{transform-origin:0 100%;animation:.3s ease-out bump}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){#who.bump{animation:none}}.panel h1{letter-spacing:-.02em;margin:0;font-size:56px}.panel h2{margin:0;font-size:34px}.panel p{margin:0 0 12px;font-size:17px;font-weight:700}#result .card{width:min(340px,100%);color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:26px;flex-direction:column;align-items:center;gap:10px;margin-top:40px;padding:46px 20px 14px;animation:.35s cubic-bezier(.3,1.4,.5,1) card-in;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.92)}}#result h2{font-size:32px;font-weight:900;line-height:1.05}#result p{color:var(--paper);margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.3}#result .quiet{color:var(--paper)}#face{place-items:center;width:84px;height:84px;animation:.6s ease-out .25s both hop;display:grid;position:absolute;top:-44px}#face svg{width:84px;height:90px;filter:drop-shadow(0 4px 0 var(--outline))}@media (prefers-reduced-motion:reduce){#result .card,#face{animation:none}}#hint{width:max-content;max-width:calc(100% - 32px);color:var(--paper);text-shadow:none;background:var(--ink);border:2.5px solid var(--outline);box-shadow:0 3px 0 var(--outline);border-radius:18px;padding:9px 18px 10px;font-size:15px;font-weight:700;left:50%;right:auto;transform:translate(-50%)}#logo{font-family:var(--round);letter-spacing:.01em;color:var(--ink);-webkit-text-stroke:11px var(--outline);paint-order:stroke fill;text-shadow:0 7px 0 var(--outline);transform-origin:50% 100%;margin:0 0 14px;font-size:clamp(54px,16vw,84px);font-weight:700;line-height:1;animation:4.5s ease-in-out infinite rock;display:flex}#logo span{transform:translateY(var(--y)) rotate(var(--r));display:inline-block}@keyframes rock{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@media (prefers-reduced-motion:reduce){#logo{animation:none}}button,#who,#secs,#count,#owner,.panel h2{font-family:var(--round)}#banner{z-index:3;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 150px);font-family:var(--round);color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;align-items:center;gap:8px;padding:6px 18px 6px 8px;font-size:20px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)scale(.6)}#banner .avatar{width:38px;height:42px}#banner.show{animation:1.5s forwards banner}@keyframes banner{0%{opacity:0;animation-timing-function:cubic-bezier(.3,1.4,.5,1);transform:translate(-50%,10px)scale(.6)}18%{opacity:1;animation-timing-function:linear;transform:translate(-50%)scale(1)}75%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(.95)}}@media (prefers-reduced-motion:reduce){#banner.show{animation:1.5s linear forwards banner-plain}@keyframes banner-plain{0%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}@media (width>=900px) and (height>=560px){#owner{font-size:18px}#owner .avatar{width:36px;height:40px}#count{padding:6px 15px 7px;font-size:18px}#count b{font-size:21px}#count svg{width:26px;height:26px}#who{font-size:24px}#avatars .avatar{width:60px;height:67px}}@media (display-mode:standalone){#stage{height:100lvh;bottom:auto}html,body{height:100lvh}}button:not(:disabled),[role=button]{cursor:pointer}button:disabled{cursor:progress}#stage.can-grab{cursor:grab}#stage.grabbing{cursor:grabbing}@media (height<=560px) and (aspect-ratio>=13/10){#menu{gap:8px;padding-bottom:16px}#menu-sun{height:64px}#logo{-webkit-text-stroke-width:8px;text-shadow:0 5px 0 var(--outline);margin-bottom:6px;font-size:48px}.panel p{margin-bottom:6px;font-size:15px}.panel button.block{height:50px;font-size:17px}#banner{font-size:17px;top:96px}#result .card{gap:6px;padding-top:40px}}body.showcase #menu{pointer-events:none;background:0 0;justify-content:flex-start;padding-top:6vh;display:flex!important}body.showcase #menu>:not(#logo){display:none}body.showcase #logo{-webkit-text-stroke-width:min(1.7vw, 2vh);text-shadow:0 min(1.1vw, 1.3vh) 0 var(--outline);font-size:min(13vw,15vh)}#drop{--fill:#b6f23a;--mark:#74a81a;z-index:4;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));width:186px;height:60px;font-family:var(--round);color:var(--paper);border:3px solid var(--outline);background:var(--fill);box-shadow:inset 0 3px 0 #fff6, inset 0 -4px 0 color-mix(in srgb, var(--mark) 70%, transparent), 0 5px 0 var(--outline);touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-size:22px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex;position:fixed;transform:translate(-50%)}#drop svg{background:var(--ink);border:2.5px solid var(--outline);box-sizing:border-box;border-radius:50%;width:32px;height:32px;padding:4px}#drop:active{box-shadow:inset 0 3px 0 #ffffff40, 0 0 0 var(--outline);transform:translate(-50%,5px)}#drop:not([hidden])~#hint{bottom:calc(96px + env(safe-area-inset-bottom))}#hint:has(~#drop:not([hidden])){bottom:calc(96px + env(safe-area-inset-bottom))}@media (prefers-reduced-motion:reduce){#drop{transition:none}}.nudge{width:min(300px,100%);color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);text-align:left;border-radius:18px;align-items:center;gap:8px;padding:7px 4px 7px 8px;display:flex}.nudge img{border:2.5px solid var(--outline);border-radius:10px;width:40px;height:40px}.nudge span{line-height:1.15;font-family:var(--round);flex-direction:column;flex:1;display:flex}.nudge b{white-space:nowrap;font-size:15px;font-weight:700}.nudge small{opacity:.85;white-space:nowrap;font-size:13px;font-weight:700}.panel .nudge button.mini{border:2.5px solid var(--outline);width:auto;height:36px;box-shadow:0 3px 0 var(--outline);background:#ffd21f;border-radius:12px;padding:0 12px;font-size:16px}.panel .nudge button.mini:active{box-shadow:none;transform:translateY(3px)}.panel .nudge button.x{background:0 0;border-radius:50%;width:32px;height:32px;padding:6px}.panel .nudge button.x svg{width:100%;height:100%;display:block}#installsheet{z-index:6}#installsheet .card{width:min(340px,100%);color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:52px 20px 14px;animation:.35s cubic-bezier(.3,1.4,.5,1) card-in;display:flex;position:relative}#installsheet .inst-icon{position:absolute;top:-42px}#installsheet .inst-icon img{border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:20px;display:block}#installsheet h2{font-size:24px;line-height:1.1}#installsheet p{color:var(--paper);margin:0;font-size:15px;font-weight:700}#installsheet .quiet{color:var(--paper)}.steps{text-align:left;flex-direction:column;gap:8px;width:100%;margin:4px 0;padding:0;font-size:16px;font-weight:700;list-style:none;display:flex}.steps li{background:color-mix(in srgb, var(--paper) 6%, var(--ink));border:2px solid color-mix(in srgb, var(--outline) 20%, transparent);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.steps b{border:2px solid var(--outline);width:26px;height:26px;font-family:var(--round);background:#ffd21f;border-radius:50%;flex:none;place-items:center;display:grid}.steps svg{flex:none;width:22px;height:22px}.steps em{color:#6b3fd6;font-style:normal}.panel .credit{font-family:var(--round);color:var(--text);opacity:.8;letter-spacing:.02em;margin-top:6px;font-size:14px;font-weight:700}.panel .credit a{color:inherit;text-underline-offset:2px;pointer-events:auto;text-decoration:underline}#onlinepanel,#leavepanel,#helppanel{z-index:6}.panel button.block#leave-stay{--fill:#b6f23a;--mark:#74a81a}#onlinepanel .card,#leavepanel .card,#helppanel .card{width:min(340px,100%);color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:52px 20px 14px;animation:.35s cubic-bezier(.3,1.4,.5,1) card-in;display:flex;position:relative}#onlinepanel .inst-icon{position:absolute;top:-42px}#onlinepanel .inst-icon img{border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:20px;display:block}#leavepanel .card,#helppanel .card{padding-top:22px}#onlinepanel h2,#leavepanel h2,#helppanel h2{font-size:26px}#onlinepanel p,#leavepanel p,#helppanel p{color:var(--paper);margin:0;font-size:16px;font-weight:700}#onlinepanel .col,#leavepanel .col,#helppanel .col{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}#onlinepanel .quiet,#leavepanel .quiet,#helppanel .quiet{color:var(--paper)}#onlinepanel .code{font-family:var(--round);letter-spacing:.18em;border:3px dashed color-mix(in srgb, var(--outline) 45%, transparent);border-radius:14px;padding:4px 6px 4px 14px;font-size:42px;font-weight:700}#onlinepanel .dots{gap:8px;display:flex}#onlinepanel .dots i{border:2.5px solid var(--outline);background:#ffd21f;border-radius:50%;width:11px;height:11px;animation:.9s ease-in-out infinite dot}#onlinepanel .dots i:nth-child(2){background:#ff9ecb;animation-delay:.15s}#onlinepanel .dots i:nth-child(3){background:#19c3a0;animation-delay:.3s}@keyframes dot{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.panel button.block#online-btn{--fill:#b48cff;--mark:#7d55d6}.panel button.block#on-quick{--fill:#ffd21f;--mark:#c29a00}.panel button.block#on-invite{--fill:#19c3a0;--mark:#0d7f68}.panel button.block#on-cpu,.panel button.block#on-cpu-now{--fill:#ff9ecb;--mark:#d8689c}.panel button.block#on-share{--fill:#b6f23a;--mark:#74a81a}#rotate{z-index:30;background:var(--sky);place-items:center;padding:16px;display:none;position:fixed;inset:0}#rotate .card{color:var(--paper);background:var(--ink);border:3px solid var(--outline);box-shadow:0 6px 0 var(--outline);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:8px;padding:18px 28px 20px;display:flex}#rotate h2{font-family:var(--round);margin:0;font-size:24px}#rotate p{margin:0;font-size:16px;font-weight:700}#rotate .phone{transform-origin:0 0;animation:2.4s cubic-bezier(.5,0,.3,1) infinite turn-upright}@keyframes turn-upright{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media (pointer:coarse) and (orientation:landscape) and (height<=500px){#rotate{display:grid}}@media (prefers-reduced-motion:reduce){#rotate .phone{animation:none}}#build{opacity:.75;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px;display:block}.panel h2,.panel p,#hint,#rotate h2,#rotate p{text-wrap:balance}#hint{max-width:min(340px,100% - 32px)}@media (width<=420px){#onlinepanel,#leavepanel,#helppanel{justify-content:flex-start;padding-top:max(170px,50dvh - 250px);overflow-y:auto}}.steps span svg{vertical-align:-5px}@keyframes panel-in{0%{opacity:0}}.panel:not([hidden]){animation:.18s ease-out panel-in}@media (prefers-reduced-motion:reduce){.panel:not([hidden]){animation:none}}#keys{left:50%;bottom:calc(72px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);color:var(--paper);background:var(--ink);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);pointer-events:none;z-index:4;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:8px 14px;font-size:14px;font-weight:700;transition:opacity .6s,transform .6s;display:flex;position:fixed;transform:translate(-50%)}#keys span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}#keys kbd{min-width:24px;height:24px;font:700 12px/1 var(--round);color:var(--paper);border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline);background:#fff;border-radius:7px;place-items:center;margin-right:2px;padding:0 6px;display:inline-grid}#keys.fade{opacity:0;transform:translate(-50%,8px)}@media not (pointer:coarse){#hint{max-width:min(560px,100% - 32px)}}#keys .pad{grid-template-rows:22px 22px;grid-template-columns:repeat(3,22px);gap:3px;margin-right:2px;font-style:normal;display:inline-grid}#keys .pad kbd{border-radius:6px;width:22px;min-width:0;height:22px;margin:0;padding:0;font-size:11px}#keys .pad kbd:first-child{grid-area:1/2}#keys .pad kbd:nth-child(2){grid-area:2/1}#keys .pad kbd:nth-child(3){grid-area:2/2}#keys .pad kbd:nth-child(4){grid-area:2/3}#keys .or{opacity:.7;margin:0 4px;font-size:12px;font-weight:700}#keys .ico{flex:none;width:22px;height:22px;margin:0 3px 0 1px}#keys>span+span{padding-left:14px;position:relative}#keys>span+span:before{content:"";background:color-mix(in srgb, var(--outline) 22%, transparent);border-radius:1px;width:2px;height:26px;margin-top:-13px;position:absolute;top:50%;left:0}#keys{gap:6px 12px}@media (width<=1000px){#keys{gap:4px 8px;padding:6px 10px;font-size:12px}#keys>span+span{padding-left:9px}#keys kbd{border-radius:6px;min-width:20px;height:20px;padding:0 4px;font-size:10.5px}#keys .pad{grid-template-rows:18px 18px;grid-template-columns:repeat(3,18px);gap:2px}#keys .pad kbd{border-radius:5px;width:18px;height:18px;font-size:9.5px}#keys .ico{width:19px;height:19px}#keys .or{margin:0 2px}}.panel button.block#help-ok{--fill:#b6f23a;--mark:#74a81a}#helppanel .card{width:min(380px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.help-list,.help-keys{text-align:left;flex-direction:column;gap:6px;width:100%;margin:2px 0;padding:0;font-size:15px;font-weight:700;list-style:none;display:flex}.help-list li,.help-keys>span{background:color-mix(in srgb, var(--paper) 6%, var(--ink));border:2px solid color-mix(in srgb, var(--outline) 20%, transparent);border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex}.help-list svg{flex:none;width:26px;height:26px}.help-keys>span{gap:4px}.help-keys kbd{min-width:24px;height:24px;font:700 12px/1 var(--round);color:var(--paper);border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline);background:#fff;border-radius:7px;place-items:center;margin-right:2px;padding:0 6px;display:inline-grid}.help-keys .pad{grid-template-rows:20px 20px;grid-template-columns:repeat(3,20px);gap:2px;margin-right:2px;font-style:normal;display:inline-grid}.help-keys .pad kbd{border-radius:5px;width:20px;min-width:0;height:20px;margin:0;padding:0;font-size:10px}.help-keys .pad kbd:first-child{grid-area:1/2}.help-keys .pad kbd:nth-child(2){grid-area:2/1}.help-keys .pad kbd:nth-child(3){grid-area:2/2}.help-keys .pad kbd:nth-child(4){grid-area:2/3}.help-keys .or{opacity:.7;margin:0 3px;font-size:12px}.help-keys .ico{flex:none;width:22px;height:22px;margin:0 3px 0 1px}.panel button.block{justify-content:center;align-items:center;gap:10px;margin-inline:auto;display:flex}.panel button.block:has(.bi){padding-inline:52px}.panel button.block .bi{background:var(--ink);border:2.5px solid var(--outline);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;left:13px;overflow:hidden;transform:translateY(-50%)}.panel button.block .bi svg{width:24px;height:24px;display:block}.panel button.block .bi svg.avatar{width:30px;height:30px;margin-top:4px}.panel button.block:disabled .bi{display:none}