@font-face{font-family:BT Speaker;src:url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMl+fXtYAAACsAAAAYGNtYXAAItU5AAABDAAAAGhnbHlmHsYNyAAAAXQAAAFQaGVhZGMyQz4AAALEAAAANmhoZWEGzQMlAAAC/AAAACRobXR4D6AA0AAAAyAAAAAQbG9jYQAAAkgAAAMwAAAAFG1heHAACAAwAAADRAAAACBuYW1lDlAmewAAA2QAAADgcG9zdP+fADIAAAREAAAAIAAEA+gBkAAFAAACigK8AAAAjAKKArwAAAHgADIA+gAAAAAAAAAAAAAAAAAAAAECAAAAAAAAAAAAAABOT05FAEAAIP//AyD/OAAAA+gAyAAAAAEAAAAAAfQCvAAAACAAAQAAAAIAAwABAAAAFAADAAoAAAA0AAQAIAAAAAQABAABAAAAIP//AAAAIP///+EAAQAAAAAADAAAAAAANAAAAAAAAAADAAAAIAAAACAAAAABAAH1BwAB9QcAAAADAAH1CgAB9QoAAAACAAMAaP/fA6ICeQAFABcALQAAAQEBAQEBAQABAAEAAQABAQABAAEAAQABAQABAAEAAQABAAEBAAEAAQABAAEAAQBoAKsA6QAA/xf/VQJOACEAEgARAAAAAP/v/+7/3/+7ABQACwALAAAAAP/1//X/7ACvADAAHwAeAAsACv/2//X/4v/h/9D/vgAkABgAFwAIAAj/+P/4/+n/6P/cAboAAAC//WYAvwAAATn/3f/U/9T/0P/Q/9T/1P/dAEMAFQAbABsAHQAdABsAGwAVAL7/0v/F/8b/vv+//7//vv/G/8X/0gBFACMALQAtADIAMgAyADIALQAtACMAAwBo/98DqwJ5AAUACQANAAABAQEBAQEBAQEBAQEBAQBoAKsA6QAA/xf/VQI5AQr/sv71AVn+9v+xAQsBugAAAL/9ZgC/AAABQf7k/7YBHAAA/uQASgEcAAEAAAABAACZWyrvXw889QALA+gAAAAAAAAAAAAAAAAAAAAAAGj/3wOrAnkAAAAIAAIAAQAAAAAAAQAAAyD/OAAAA+gAAAAAA6sAAQAAAAAAAAAAAAAAAAAAAAQD6AAAA+gAAAPoAGgD6ABoAAAAAAAAAAAAAAAAAAAA+AAAAVAAAQAAAAQALgADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAYATgADAAEECQABABQAAAADAAEECQACAA4AFAADAAEECQADACQAIgADAAEECQAEABQARgADAAEECQAFABYAWgADAAEECQAGACIAcABCAFQAIABTAHAAZQBhAGsAZQByAFIAZQBnAHUAbABhAHIAQgBUACAAUwBwAGUAYQBrAGUAcgAgAFIAZQBnAHUAbABhAHIAQgBUACAAUwBwAGUAYQBrAGUAcgBWAGUAcgBzAGkAbwBuACAAMQAuADAAQgBUAFMAcABlAGEAawBlAHIALQBSAGUAZwB1AGwAYQByAAMAAAAAAAD/nAAyAAAAAAAAAAAAAAAAAAAAAAAAAAA=)format("truetype");unicode-range:U+1F507,U+1F50A;font-display:block}@font-face{font-family:Luckiest Guy;src:url(/fonts/luckiest-guy-1bd8f68e.woff)format("woff");font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p-d9945cf0.woff)format("woff");font-display:swap}:root{--wood-hi:#d4a068;--wood:#8a5a30;--wood-2:#6b4222;--wood-dark:#3b2414;--wood-deep:#170c05;--leather:#4a2c1b;--leather-2:#2b170c;--stitch:#ffd8a03d;--gold:#ffd35c;--gold-hi:#fff3b8;--brass-dark:#8a5208;--cream:#f8e8c8;--muted:#c6a97e;--text:#fff;--pixel:"Press Start 2P", monospace;--display:"Luckiest Guy", "Press Start 2P", sans-serif;--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--grain-h:repeating-linear-gradient(178.8deg, #2812044d 0 1px, transparent 1px 3.5px, #ffe4b81a 3.5px 4.5px, transparent 4.5px 7px, #2812042b 7px 7.8px, transparent 7.8px 11.5px);--grain-v:repeating-linear-gradient(91.2deg, #2812044d 0 1px, transparent 1px 3.5px, #ffe4b81a 3.5px 4.5px, transparent 4.5px 7px, #2812042b 7px 7.8px, transparent 7.8px 11.5px)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--pixel);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(90vmax 55vmax at 50% -14%,#ffba6833,#0000 62%),radial-gradient(circle at 7% 80%,#6bb8ff1a 0 3vmin,#0000 7vmin),radial-gradient(circle at 94% 20%,#ff6b6b17 0 4vmin,#0000 9vmin),radial-gradient(circle at 89% 88%,#8ff27a12 0 2vmin,#0000 5vmin),radial-gradient(circle at 4% 14%,#ffe46b12 0 2vmin,#0000 4.5vmin),radial-gradient(120% 100% at 50% 40%,#3a2415 0%,#1c1009 62%,#0b0603 100%);margin:0;overflow:hidden}.sprite{width:0;height:0;position:absolute;overflow:hidden}#app{height:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;justify-content:center;align-items:center;display:flex}#stage{background:linear-gradient(#1a0f08,#0b0603);flex:1 1 0;width:100%;min-height:0;position:relative;overflow:hidden;container-type:size}canvas#game{left:var(--cv-x,0px);top:var(--cv-y,0px);width:var(--cv-w,100%);height:var(--cv-h,100%);image-rendering:auto;display:block;position:absolute}#app:has(>#stage>.screen:not(.hidden):not(#pausemenu))>#stage{aspect-ratio:auto;flex:1 1 0;padding:0}#stage:has(>.screen:not(.hidden):not(#pausemenu))>canvas#game{object-fit:cover;object-position:50% 85%;width:100%;height:114.074%;inset:0}#app:has(>#stage>.screen:not(.hidden):not(#pausemenu))>#touch{display:none}#app:has(>#stage>.screen:not(.hidden):not(#pausemenu))>.rotate-hint{display:none}#app:has(>#stage>#pausemenu:not(.hidden))>#touch{visibility:hidden}#app:has(>#stage>#pausemenu:not(.hidden))>.rotate-hint{visibility:hidden}html.no-fs [data-fs],.rotate-hint{display:none}.screen{--scrim:radial-gradient(ellipse at 50% 45%, #1a0d0594, #0a0502e6);z-index:2;text-align:center;color:var(--cream);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood) transparent;background:var(--scrim);animation:screen-in .3s var(--ease-out) backwards;transition:opacity .2s var(--ease-out), display .2s allow-discrete;flex-direction:column;align-items:center;gap:.9em;padding:1.6em 2em .9em;font-size:clamp(9px,1.25cqw,22px);line-height:1.5;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.hidden{opacity:0;pointer-events:none}.screen:before,.screen:after{content:"";flex:1 1 0}.screen:after{z-index:4;opacity:0;pointer-events:none;align-self:stretch;min-height:0;position:sticky;bottom:0;box-shadow:0 0 1.4em 2em #0c0602eb}@supports (animation-timeline:scroll()){.screen:after{animation:linear both more-below;animation-timeline:scroll()}}@keyframes more-below{0%,88%{opacity:1}to{opacity:0}}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--wood);border-radius:8px}.hidden{display:none!important}@keyframes screen-in{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translateY(1.5em)scale(.88)}}@keyframes rise-in{0%{opacity:0;transform:translateY(.8em)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}h2{font:normal 2.6em/1 var(--display);letter-spacing:.03em;color:var(--gold);text-shadow:0 .08em #000;margin:0}h3{font:normal 1.4em/1 var(--display);letter-spacing:.05em;color:var(--gold);text-shadow:0 .08em #000000b3;margin:.5em 0 0}.hint,.small,.muted{max-width:44em;color:var(--muted);margin:0;font-size:.8em;line-height:1.8}.big{color:var(--cream);margin:0;font-size:1em;line-height:1.9}kbd{min-width:1.9em;font:.9em/1 var(--pixel);color:#3a1f08;text-align:center;vertical-align:.05em;background:linear-gradient(#fffaf0,#e8d2a4);border:1px solid #5a3a1a;border-radius:.35em;margin:0 .12em;padding:.4em .45em .3em;display:inline-block;box-shadow:0 .2em #5a3a1a,inset 0 -.12em #0000001f}.keys{white-space:nowrap}kbd.k-arrow{color:#0000;background-image:var(--k-arrow), linear-gradient(180deg, #fffaf0, #e8d2a4);background-position:50% 48%,0 0;background-repeat:no-repeat;background-size:1em 1em,auto}kbd.k-l{--k-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 8H3.8M8 3.4 3.4 8 8 12.6' fill='none' stroke='%233a1f08' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}kbd.k-r{--k-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9.2M8 3.4 12.6 8 8 12.6' fill='none' stroke='%233a1f08' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}kbd.k-u{--k-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13V3.8M3.4 8 8 3.4 12.6 8' fill='none' stroke='%233a1f08' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.panel{--bw:max(8px, .68em);isolation:isolate;border:var(--bw) solid transparent;background:radial-gradient(#ffffff06 1px, transparent 1.5px) 0 0 / 5px 5px padding-box, radial-gradient(130% 90% at 30% 0%, var(--leather) 0%, var(--leather-2) 72%) padding-box, var(--grain-h) top / 100% var(--bw) no-repeat border-box, var(--grain-h) bottom / 100% var(--bw) no-repeat border-box, var(--grain-v) left / var(--bw) 100% no-repeat border-box, var(--grain-v) right / var(--bw) 100% no-repeat border-box, linear-gradient(170deg, var(--wood-hi) 0%, var(--wood) 26%, var(--wood-2) 60%, var(--wood-dark) 100%) border-box;width:min(48em,100%);box-shadow:0 0 0 max(2px, .14em) var(--wood-deep), 0 1.2em 2.4em #0000008c, inset 0 0 0 max(2px, .12em) #00000080, inset 0 .9em 1.8em #00000073;outline:max(1px, .1em) dashed var(--stitch);outline-offset:-1.3em;animation:panel-in .5s var(--ease-back) backwards;border-radius:1.5em;flex-direction:column;align-items:center;gap:.9em;margin-top:1.4em;padding:1.2em 2.2em 1.8em;display:flex;position:relative}.panel:before{--rv-s:calc(var(--bw) * 1.08);--rv-x:calc(1.8em - var(--rv-s) / 2);--rivet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.4' cy='.36' r='.7'%3E%3Cstop offset='0' stop-color='%23fff7d0'/%3E%3Cstop offset='.22' stop-color='%23ffd968'/%3E%3Cstop offset='.6' stop-color='%23c68a1c'/%3E%3Cstop offset='1' stop-color='%236b3d06'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10.8' cy='11.4' r='8.2' fill='%23000' opacity='.5'/%3E%3Ccircle cx='9.6' cy='9.6' r='7.6' fill='url(%23g)' stroke='%232e1802' stroke-width='1.3'/%3E%3Ccircle cx='9.6' cy='9.6' r='5.6' fill='none' stroke='%23fff3b0' stroke-opacity='.35' stroke-width='.8'/%3E%3Cellipse cx='7' cy='6.6' rx='2.3' ry='1.4' fill='%23fff' opacity='.9' transform='rotate(-35 7 6.6)'/%3E%3C/svg%3E");content:"";z-index:2;inset:calc(-1 * var(--bw));border-radius:inherit;pointer-events:none;background:var(--rivet) left var(--rv-x) top 0 / var(--rv-s) var(--rv-s) no-repeat, var(--rivet) right var(--rv-x) top 0 / var(--rv-s) var(--rv-s) no-repeat, var(--rivet) left var(--rv-x) bottom 0 / var(--rv-s) var(--rv-s) no-repeat, var(--rivet) right var(--rv-x) bottom 0 / var(--rv-s) var(--rv-s) no-repeat;position:absolute}.panel>h2{--rb-top:#ff8a78;--rb-mid:#ef4a3f;--rb-bot:#c4262a;--rb-edge:#62090b;--rb-tail:#b52224;--rb-tail-2:#7c1214;z-index:3;color:#fff;background:linear-gradient(180deg, var(--rb-top) 0%, var(--rb-mid) 45%, var(--rb-bot) 100%);border:max(2px, .05em) solid var(--rb-edge);width:-moz-fit-content;width:fit-content;max-width:100%;text-shadow:0 .07em 0 var(--rb-edge), .04em 0 0 var(--rb-edge), -.04em 0 0 var(--rb-edge), 0 -.04em 0 var(--rb-edge), .04em .07em 0 var(--rb-edge), -.04em .07em 0 var(--rb-edge);box-shadow:inset 0 .06em 0 #ffffff73, inset 0 -.08em 0 #0003, 0 .1em 0 var(--rb-edge), 0 .22em .35em #00000073;border-radius:.18em;margin:-1.45em 0 .1em;padding:.28em 1em .16em;position:relative}.panel>h2:before,.panel>h2:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--rb-tail), var(--rb-tail-2));width:1.15em;position:absolute;top:.3em;bottom:-.24em}.panel>h2:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.38em 50%);left:-.85em}.panel>h2:after{clip-path:polygon(0 0,100% 0,calc(100% - .38em) 50%,100% 100%,0 100%);right:-.85em}button{--b-top:#fff6cf;--b-mid:#ffcf4a;--b-bot:#f29a1c;--b-edge:#94510a;--b-ink:#4a2406;--b-ts:0 .06em 0 #ffffff8c;--b-ts-outline:0 .08em 0 var(--b-edge), .05em 0 0 var(--b-edge), -.05em 0 0 var(--b-edge), 0 -.05em 0 var(--b-edge), .05em .08em 0 var(--b-edge), -.05em .08em 0 var(--b-edge);--b-icon-stroke:none;z-index:0;min-height:34px;font:normal 1.3em/1.05 var(--display);letter-spacing:.03em;color:var(--b-ink);text-shadow:var(--b-ts);background:linear-gradient(180deg, var(--b-top) 0%, var(--b-mid) 52%, var(--b-bot) 100%);border:max(2px, .09em) solid var(--b-edge);box-shadow:inset 0 -.16em 0 #00000029, inset 0 .1em 0 #ffffff80, 0 .2em 0 var(--b-edge), 0 .34em .55em #00000061;cursor:pointer;transition:transform .14s var(--ease-back), box-shadow .14s, filter .15s;-webkit-tap-highlight-color:transparent;border-radius:.62em;justify-content:center;align-items:center;gap:.4em;padding:.52em 1em .38em;display:inline-flex;position:relative}button:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff0f);border-radius:.5em .5em .9em .9em/.5em .5em .45em .45em;height:46%;position:absolute;top:.09em;left:.28em;right:.28em}@media (hover:hover){button:hover:not(:disabled){filter:brightness(1.07)saturate(1.08);box-shadow:inset 0 -.16em 0 #00000029, inset 0 .1em 0 #ffffff80, 0 .28em 0 var(--b-edge), 0 .5em .75em #0006;transform:translateY(-.08em)}}button:active:not(:disabled){box-shadow:inset 0 -.08em 0 #00000029, inset 0 .1em 0 #fff6, 0 .04em 0 var(--b-edge), 0 .1em .25em #00000059;transition-duration:50ms;transform:translateY(.16em)}button:focus-visible{outline-offset:max(2px, .14em);outline:max(2px,.12em) solid #fff}button:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.75)}button.primary,.btn-blue,.btn-green,.btn-purple,.btn-wood,#menu [data-action=local],.room-list li button,.level-grid button,.touch button{--b-ink:#fff;--b-ts:var(--b-ts-outline);--b-icon-stroke:var(--b-edge)}button.primary{--b-top:#ffb09a;--b-mid:#f65a4c;--b-bot:#cf2429;--b-edge:#74100f}.btn-blue,.room-list li button{--b-top:#b5dcff;--b-mid:#4596f2;--b-bot:#1f5fd1;--b-edge:#0c2c70}.btn-green{--b-top:#c6f5a8;--b-mid:#52c45a;--b-bot:#2c9a36;--b-edge:#125016}.btn-purple{--b-top:#e6c2ff;--b-mid:#a55be0;--b-bot:#7a34b8;--b-edge:#3a1062}.btn-wood{--b-top:#c28c58;--b-mid:#8e5c32;--b-bot:#64401f;--b-edge:#2a1609}#menu [data-action=local]{--b-top:#bdfaf2;--b-mid:#34c8c2;--b-bot:#14979e;--b-edge:#084a52}#menu [data-action=duel]{--b-ink:#fff;--b-ts:var(--b-ts-outline);--b-icon-stroke:var(--b-edge);--b-top:#ffd08a;--b-mid:#f07a1a;--b-bot:#b8520a;--b-edge:#5a2402}.ico{fill:currentColor;width:1.1em;height:1.1em;stroke:var(--b-icon-stroke);stroke-width:2.4px;stroke-linejoin:round;paint-order:stroke;flex:none;margin:-.14em .05em 0 -.1em;overflow:visible}#btn-start:disabled,#btn-again:disabled{--b-top:#b3916b;--b-mid:#7a5a3b;--b-bot:#523823;--b-edge:#24150a;--b-ink:#fbecd4;--b-ts:var(--b-ts-outline);cursor:default;filter:none}#btn-start:disabled:after,#btn-again:disabled:after{content:"";pointer-events:none;border:max(2px,.1em) dashed #ffd35ccc;border-radius:1em;animation:1.6s ease-in-out infinite wait-pulse;position:absolute;inset:-.42em}@keyframes wait-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.2;transform:scale(1.035,1.08)}}.field{color:var(--cream);flex-direction:column;align-items:center;gap:.55em;font-size:.9em;display:flex}.field>span{text-shadow:0 2px #000000bf;letter-spacing:.04em}input:not([type]),input[type=text],input[type=password]{width:16em;max-width:100%;font:1.1em/1.2 var(--pixel);color:#fff;text-align:center;caret-color:var(--gold);border:max(2px, .14em) solid var(--wood-2);-webkit-user-select:text;user-select:text;background:linear-gradient(#0c0603,#24140a);border-radius:.75em;outline:none;padding:.85em 1em .75em;transition:border-color .15s,box-shadow .2s;box-shadow:inset 0 .3em .55em #000000bf,0 1px #ffdcaa2e}input::placeholder{color:#f8e8c852}input:not([type]):focus,input[type=text]:focus,input[type=password]:focus{border-color:var(--gold);box-shadow:inset 0 .3em .55em #000000bf,0 0 0 .22em #ffd35c38,0 0 1.1em #ffd35c4d}#join-code{letter-spacing:.4em;text-transform:uppercase;width:8.5em;padding-left:1.4em;font-size:1.5em}.check{color:var(--cream);cursor:pointer;align-items:center;gap:.9em;display:flex}.check input{appearance:none;border:max(2px, .12em) solid var(--wood-deep);cursor:pointer;background:linear-gradient(#120904,#3a2416);border-radius:999px;flex:none;width:3.6em;height:2em;margin:0;transition:background .2s;position:relative;box-shadow:inset 0 .22em .4em #000000a6,0 1px #ffdcaa26}.check input:before{content:"";width:1.45em;height:1.45em;transition:transform .28s var(--ease-back);background:radial-gradient(circle at 35% 30%,#fff 0 18%,#efe0c0 45%,#b89a6a 100%);border-radius:50%;position:absolute;top:.14em;left:.14em;box-shadow:0 .15em .25em #00000080}.check input:checked{background:linear-gradient(#2c9a36,#52c45a)}.check input:checked:before{transform:translate(1.6em)}.check input:focus-visible{outline-offset:3px;outline:max(2px,.12em) solid #fff}.slider{--sl-h:1.3em;width:min(30em,100%);color:var(--cream);align-items:center;gap:1.2em;display:flex;position:relative}.slider span{text-align:right;flex:0 0 7em}.slider input{appearance:none;min-width:0;height:var(--sl-h);cursor:pointer;background:linear-gradient(#0e0703,#2e1b0f);border-radius:999px;flex:1;margin:0;overflow:hidden;box-shadow:0 1px #ffdcaa26}.slider:after{content:"";height:var(--sl-h);margin-top:calc(var(--sl-h) / -2);pointer-events:none;background:linear-gradient(#ffffff57 0 22%,#fff0 52%,#0000001f);border-radius:999px;position:absolute;top:50%;left:8.2em;right:0;box-shadow:inset 0 .16em .28em #0009,inset 0 0 0 max(1px,.07em) #0000008c}.slider input::-webkit-slider-runnable-track{height:var(--sl-h);background:0 0}.slider input::-moz-range-track{height:var(--sl-h);background:0 0}.slider input::-moz-range-progress{height:var(--sl-h);background:linear-gradient(#ffe46b,#f0ae1c 60%,#d08a0c);border-radius:999px 0 0 999px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:var(--sl-h);height:var(--sl-h);box-shadow:calc(-100vw - var(--sl-h) / 2) 0 0 100vw #f2b21e;background:radial-gradient(circle at 34% 28%,#fff 0 14%,#fff2b0 30%,#ffd35c 55%,#c8871a 100%);border:max(2px,.1em) solid #6b3d06;border-radius:50%}.slider input::-moz-range-thumb{box-sizing:border-box;width:var(--sl-h);height:var(--sl-h);background:radial-gradient(circle at 34% 28%,#fff 0 14%,#fff2b0 30%,#ffd35c 55%,#c8871a 100%);border:max(2px,.1em) solid #6b3d06;border-radius:50%}.slider input:focus-visible{outline-offset:3px;outline:max(2px,.12em) solid #fff}#menu{--scrim:radial-gradient(ellipse 40% 58% at 50% 45%, #0a061461 0%, #0a061452 50%, #0a061424 78%, #0a061400 100%), linear-gradient(180deg, #12090342, #1209030a 40%, #1209034d);gap:.6em;padding-top:56px;padding-bottom:1em;font-size:clamp(12px,1.25cqw,18px)}#menu>*{flex-shrink:0}#menu .logo{font-size:min(6.2cqw,8cqh)}.menu-veil{z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(clamp(1.5px,.26cqw,5px))saturate(.7);backdrop-filter:blur(clamp(1.5px,.26cqw,5px))saturate(.7);opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s .2s;background:linear-gradient(#0a06144d,#0a061438 45%,#0a061457);position:absolute;inset:0 9%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 21% 79%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 21% 79%,#0000 100%)}#menu:not(.hidden)+.menu-veil{opacity:1;visibility:visible;transition:opacity .35s var(--ease-out), visibility 0s}@starting-style{#menu:not(.hidden)+.menu-veil{opacity:0}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.menu-veil{background:linear-gradient(#0a061470,#0a06145c 45%,#0a06147a)}}@media (prefers-reduced-transparency:reduce){.menu-veil{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a06148c}}#menu .logo{animation:logo-drop .9s var(--ease-back) backwards}#menu .tag{animation:rise-in .5s .25s var(--ease-out) backwards}#menu .field{animation:rise-in .5s .32s var(--ease-out) backwards}#menu .hint{animation:rise-in .5s .75s var(--ease-out) backwards}#menu .buttons>button{animation:pop-in .42s var(--ease-back) backwards;animation-delay:calc(.36s + var(--n,0) * 50ms)}#menu .buttons>:nth-child(2){--n:1}#menu .buttons>:nth-child(3){--n:2}#menu .buttons>:nth-child(4){--n:3}#menu .buttons>:nth-child(5){--n:4}#menu .buttons>:nth-child(6){--n:5}#menu .buttons>:nth-child(7){--n:6}#menu .buttons>:nth-child(8){--n:7}#menu .buttons>:nth-child(9){--n:8}#menu .buttons>:nth-child(10){--n:9}.buttons>:last-child:nth-child(2n){grid-column:1/-1}@keyframes logo-drop{0%{opacity:0;transform:translateY(-.9em)rotate(-4deg)scale(.7)}}.logo{font:normal 7.2cqw/1 var(--display);letter-spacing:.01em;flex-direction:column;align-items:center;margin:0;display:flex;position:relative;transform:rotate(-4deg)}.logo:before{content:"";background:radial-gradient(closest-side,#0c060280,#0c060200);position:absolute;inset:-12% -10%}.logo-word{z-index:1;display:flex;position:relative}.logo-bubble{margin-right:.8em}.logo-magic{margin:-.1em 0 0 1em;font-size:1.08em;position:relative}.logo-word>span:not(.logo-trail){transform-origin:50% 88%;animation:2.8s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * -.17s);will-change:transform;display:inline-block}.logo-word>span>span{color:var(--ink);-webkit-text-stroke:.1em var(--ink);text-shadow:.012em .026em 0 var(--ext), .022em .048em 0 var(--ext), .032em .07em 0 var(--ext), .044em .094em 0 var(--ink), .052em .112em 0 var(--ink), .07em .17em .09em #00000080;padding:.04em .035em 0;line-height:1.05;display:inline-block;position:relative}.logo-word>span>span:before,.logo-word>span>span:after{content:attr(data-ch);padding:inherit;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.logo-word>span>span:before{background-image:var(--fill)}.logo-word>span>span:after{background-image:radial-gradient(26% 10% at 36% 30%,#fff 0 45%,#fff0 100%),linear-gradient(170deg,#ffffff4d 0 30%,#fff0 44%)}.logo-bubble>span{--ink:#120a22}.logo-bubble>span:first-child{--i:0;--ext:#1d5f9e;--solid:#5fd3ff;--fill:linear-gradient(180deg, #eafcff 0%, #b7ecff 28%, #5fd3ff 50%, #2b86c9 70%, #1d5f9e 88%, #67c4f2 100%)}.logo-bubble>span:nth-child(2){--i:1;--ext:#8c1f06;--solid:#ff6a1f;--fill:linear-gradient(180deg, #fff1c2 0%, #ffd46b 26%, #ff8a3a 46%, #ff6a1f 62%, #8c1f06 86%, #ff7a32 100%)}.logo-bubble>span:nth-child(3){--i:2;--ext:#1f6b1a;--solid:#58d13d;--fill:linear-gradient(180deg, #f3ffd2 0%, #dfffb0 26%, #7ee85a 46%, #58d13d 62%, #1f6b1a 86%, #6ad84a 100%)}.logo-bubble>span:nth-child(4){--i:3;--ext:#7a1266;--solid:#ff4fc8;--fill:linear-gradient(180deg, #ffe6f8 0%, #ffd1f4 26%, #ff7ad6 46%, #ff4fc8 62%, #7a1266 86%, #ff6ecf 100%)}.logo-bubble>span:nth-child(5){--i:4;--ext:#8a6a00;--solid:#ffe135;--fill:linear-gradient(180deg, #fffde4 0%, #fff6a8 26%, #ffe135 48%, #e6c000 66%, #8a6a00 86%, #ffe566 100%)}.logo-bubble>span:nth-child(6){--i:5;--ext:#1a0f3d;--solid:#a894ff;--fill:linear-gradient(180deg, #f4efff 0%, #c9b8ff 22%, #8f6bff 42%, #5a3bd1 64%, #1a0f3d 86%, #6d52d6 100%)}.logo-magic>span:not(.logo-trail){--ink:#2a0d52;--ext:#6a2cc0;--solid:#ffd35c;--fill:linear-gradient(180deg, #fff4c2 0%, #ffe27a 20%, #ffc933 42%, #f39a16 62%, #b8650a 82%, #ffc640 100%)}.logo-magic>span:first-child{--i:6}.logo-magic>span:nth-child(2){--i:7}.logo-magic>span:nth-child(3){--i:8}.logo-magic>span:nth-child(4){--i:9}.logo-magic>span:nth-child(5){--i:10}.logo-i>span{transform-origin:50% 90%;transform:scaleY(.72)}.logo-orb{border:.04em solid var(--ink);width:.3em;height:.3em;box-shadow:.02em .045em 0 var(--ext), .04em .085em 0 var(--ink), 0 0 .22em .04em #ff7ce099;background:radial-gradient(circle at 36% 30%,#fff 0 9%,#ffd1f4 17%,#ff7ce0 36%,#c23fd6 60%,#6a1a8f 88%,#3b0b55 100%);border-radius:50%;margin-left:-.17em;animation:2.6s ease-in-out infinite orb-float;position:absolute;top:.01em;left:50%}.logo-orb:after{content:"";clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fffbe6;width:.24em;height:.24em;animation:1.9s ease-in-out infinite orb-twinkle;position:absolute;top:-.17em;right:-.17em}.logo-hatted{position:relative}.logo-hat{pointer-events:none;width:.84em;height:.6em;position:absolute;top:-.37em;left:.02em;overflow:visible;transform:rotate(-12deg)}.logo-wand{z-index:2;pointer-events:none;width:1.15em;height:.72em;position:absolute;bottom:.02em;left:-.95em;overflow:visible}.logo-wand-star{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite wand-twinkle}.logo-magic>.logo-trail{z-index:2;pointer-events:none;height:.4em;position:absolute;bottom:-.04em;left:0;right:0}.logo-trail i{width:var(--s);height:var(--s);background:radial-gradient(circle at 32% 30%, #fff 0 11%, #fff0 20%), radial-gradient(circle at 72% 78%, #ffffff8c 0 7%, #fff0 14%), radial-gradient(circle at 36% 32%, var(--hi) 0%, var(--mid) 46%, var(--dark) 82%, var(--ink,var(--dark)) 100%);animation:4.6s ease-in-out infinite trail-bob;animation-delay:calc(var(--n) * -.48s);border-radius:50%;position:absolute}.logo-trail i:first-child{--n:0;--s:.26em;--hi:#eafcff;--mid:#5fd3ff;--dark:#1d5f9e;--ink:#0e3058;bottom:.16em;left:.02em}.logo-trail i:nth-child(2){--n:1;--s:.24em;--hi:#fff1c2;--mid:#ff6a1f;--dark:#8c1f06;--ink:#5c1404;bottom:.07em;left:.4em}.logo-trail i:nth-child(3){--n:2;--s:.21em;--hi:#f3ffd2;--mid:#58d13d;--dark:#1f6b1a;--ink:#10480e;bottom:.02em;left:.8em}.logo-trail i:nth-child(4){--n:3;--s:.19em;--hi:#ffe6f8;--mid:#ff4fc8;--dark:#7a1266;--ink:#520c44;bottom:.01em;left:1.2em}.logo-trail i:nth-child(5){--n:4;--s:.16em;--hi:#fffde4;--mid:#ffe135;--dark:#8a6a00;--ink:#5c4700;bottom:.04em;left:1.6em}.logo-trail i:nth-child(6){--n:5;--s:.14em;--hi:#c9b8ff;--mid:#5a3bd1;--dark:#1a0f3d;--ink:#c9b8ff;bottom:.09em;left:1.98em}.logo-trail i:nth-child(7){--n:6;--s:.11em;--hi:#eafcff;--mid:#5fd3ff;--dark:#1d5f9e;--ink:#0e3058;bottom:.15em;left:2.34em}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.logo-word>span>span:before{color:var(--solid);-webkit-text-fill-color:currentColor;background:0 0}.logo-word>span>span:after{display:none}}@keyframes letter-bob{0%,to{transform:translateY(0)scale(1)}28%{transform:translateY(-.075em)scale(.97,1.04)}52%{transform:translateY(0)scale(1.05,.94)}64%{transform:translateY(0)scale(.99,1.01)}74%{transform:translateY(0)scale(1)}}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.07em)}}@keyframes orb-twinkle{0%,to{opacity:.65;transform:scale(.5)rotate(0)}40%{opacity:1;transform:scale(1.15)rotate(25deg)}}@keyframes wand-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}38%{opacity:.8;transform:scale(.84)rotate(-14deg)}62%{opacity:1;transform:scale(1.18)rotate(16deg)}}@keyframes trail-bob{0%,to{opacity:1;transform:translateY(0)scale(1)}45%{opacity:1;transform:translateY(-.06em)scale(1.12)}72%{opacity:.92;transform:translateY(.02em)scale(.94)}}.logo-bubbles{pointer-events:none;position:absolute;inset:-30% -16% -6%}.logo-bubbles i{left:var(--x);bottom:var(--y,0%);width:calc(var(--s) * .3em);height:calc(var(--s) * .3em);animation:bubble-rise var(--d) linear var(--w) infinite;will-change:transform;position:absolute}.logo-bubbles i:before,.logo-bubbles i:after{content:"";animation:var(--d) linear var(--w) infinite;border-radius:50%;position:absolute;inset:0}.logo-bubbles i:before{background:radial-gradient(circle at 32% 28%, #fffffff2 0 9%, #fff0 18%), radial-gradient(circle at 70% 74%, #ffffff73 0 5%, #fff0 11%), radial-gradient(circle, rgb(var(--c) / .07) 0 48%, rgb(var(--c) / .4) 70%, rgb(var(--c) / .95) 93%, rgb(var(--c) / 0) 100%);animation-name:bubble-body}.logo-bubbles i.big:before{background:radial-gradient(circle at 31% 27%, #fffffff2 0 7%, #fff0 14%), radial-gradient(ellipse 22% 10% at 64% 80%, #ffffff80, #fff0), radial-gradient(circle, rgb(var(--c) / .04) 0 58%, rgb(var(--c) / .28) 76%, #ffffffbf 90%, rgb(var(--c) / .9) 95%, rgb(var(--c) / 0) 100%)}.logo-bubbles i:after{border:.02em solid rgb(var(--c) / .85);opacity:0;animation-name:bubble-ring}@keyframes bubble-rise{0%{transform:translate(0)}25%{transform:translate(.08em, calc(var(--h) * -.25))}50%{transform:translate(-.08em, calc(var(--h) * -.5))}75%{transform:translate(.08em, calc(var(--h) * -.75))}88%,to{transform:translate(0, calc(var(--h) * -.88))}}@keyframes bubble-body{0%{opacity:0;transform:scale(.3)}10%,86%{opacity:.95;transform:scale(1)}89%,to{opacity:0;transform:scale(1.25)}}@keyframes bubble-ring{0%,86%{opacity:0;transform:scale(1)}87%{opacity:.8;transform:scale(1.05)}94%,to{opacity:0;transform:scale(1.6)}}.tag{color:var(--gold-hi);text-shadow:0 2px #0009;background:linear-gradient(#301a0ce0,#180c05e0);border:1px solid #ffd35c59;border-radius:999px;margin:-.1em 0 .15em;padding:.6em 1.3em .5em;font-size:.95em;box-shadow:0 .3em .8em #00000059,inset 0 1px #ffffff14}.buttons{grid-template-columns:1fr 1fr;gap:.75em .85em;width:min(38em,100%);display:grid}.buttons .primary:first-child{grid-column:1/-1}#menu .buttons,#more-modes{width:min(40em,100%)}#menu .buttons{grid-template-rows:auto;grid-auto-rows:1fr}#menu .home-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#menu .home-actions>button{grid-column:auto}#menu .home-actions>.primary{grid-column:1/-1}#menu .home-gear{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.82em}.ios-tip{border:1px solid var(--stitch);background:var(--wood-deep);width:min(40em,100%);color:var(--cream);text-align:left;border-radius:.7em;align-items:center;gap:8px;margin:0;padding:4px 6px 4px 12px;font:13px/1.4 system-ui,sans-serif;display:flex}.ios-tip>button{flex:none;width:44px;height:44px;min-height:44px;margin-left:auto;padding:0;font:22px/1 system-ui,sans-serif}#more-modes>.buttons{margin-top:.6em}#more-modes .buttons>:last-child{grid-column:1/-1}#more-modes>summary,#join-code-details>summary{border:1px solid var(--stitch);min-height:44px;color:var(--cream);cursor:pointer;background:#170c05a6;border-radius:.7em;padding:.8em 1em}#more-modes>summary:focus-visible,#join-code-details>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#more-modes[open]>summary{color:var(--gold)}#menu .menu-settings,#menu .fs-btn{z-index:5;width:44px;height:44px;min-height:44px;padding:0;font-size:18px;position:absolute;top:max(6px,1cqw);right:max(6px,1cqw)}#menu .fs-btn{--b-top:#85593a;--b-mid:#54331d;--b-bot:#2e1a0c;--b-edge:#120904;--b-ink:#fbe7c6;border-radius:50%;right:calc(max(6px,1cqw) + 52px)}.buttons.row{flex-wrap:wrap;justify-content:center;width:auto;margin-top:.4em;display:flex}.buttons.row>button{min-width:7.5em}#menu .buttons button{min-width:0;min-height:44px;padding-inline:.7em;font-size:1.25em}#menu .buttons .primary{min-height:88px;padding-top:.42em;font-size:2.4em;overflow:hidden}#menu .buttons .primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0);width:18%;animation:5s ease-in-out 1.6s infinite glint;position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-160%)skew(-20deg)}@keyframes glint{0%{transform:translate(-160%)skew(-20deg)}18%,to{transform:translate(720%)skew(-20deg)}}#menu .field{flex-direction:row;gap:1em}#menu .field input{width:13em;min-height:44px;font-size:max(16px,1em)}.btn-label{flex-direction:column;align-items:center;display:flex}.btn-label small{letter-spacing:.06em;opacity:.9;margin-top:.12em;font-size:max(9px,.6em)}.hint{max-width:none;color:var(--cream);white-space:nowrap;background:linear-gradient(#0000008c,#0000004d);border:1px solid #ffd69629;border-radius:999px;padding:.5em 1.4em;line-height:2.2;box-shadow:inset 0 .18em .4em #0009,0 1px #ffdcaa1f}#menu .hint{white-space:normal;max-width:100%}.level-grid{grid-template-columns:repeat(10,1fr);gap:.75em;width:min(40em,100%);padding:.5em .3em;display:grid}.level-grid button{aspect-ratio:1;background:var(--glyph) right 7% bottom 7% / 34% 34% no-repeat, linear-gradient(180deg, var(--b-top) 0%, var(--b-mid) 52%, var(--b-bot) 100%);--b-top:#d6f1ff;--b-mid:#4cb2ff;--b-bot:#2476e0;--b-edge:#0f3f8c;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Ccircle cx='12' cy='12' r='4.6'/%3E%3Cpath d='M12 1.8l1.7 3.4h-3.4zM12 22.2l1.7-3.4h-3.4zM1.8 12l3.4 1.7v-3.4zM22.2 12l-3.4 1.7v-3.4zM4.8 4.8l3.6 1.2-2.4 2.4zM19.2 19.2l-3.6-1.2 2.4-2.4zM19.2 4.8l-1.2 3.6-2.4-2.4zM4.8 19.2l1.2-3.6 2.4 2.4z'/%3E%3C/g%3E%3C/svg%3E");border-radius:30%;min-height:0;padding:.12em 0 0;font-size:1.55em}.level-grid button:before{border-radius:.5em .5em .7em .7em/.4em;top:.07em;left:.16em;right:.16em}.level-grid :is(:nth-child(3),:nth-child(4),:nth-child(27)){--b-top:#d4f2bc;--b-mid:#7fbf5a;--b-bot:#4a8a30;--b-edge:#1f4a14;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M1 21 8.5 7.5l3.6 6.2 2.9-4.2L23 21z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(5),:nth-child(6),:nth-child(30)){--b-top:#ffd7b4;--b-mid:#ff8a5c;--b-bot:#e4583a;--b-edge:#7a2412;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M4.5 15.5a7.5 7.5 0 0 1 15 0z'/%3E%3Crect x='2' y='17.4' width='20' height='2.2' rx='1.1'/%3E%3Crect x='6' y='20.8' width='12' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(7),:nth-child(8),:nth-child(29)){--b-top:#b9fff5;--b-mid:#2fd0c0;--b-bot:#129e98;--b-edge:#064f4c;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M1.5 13c2.2 0 3-3.8 5.3-3.8s3.1 3.8 5.2 3.8 3-3.8 5.3-3.8 2.6 2.8 5.2 3.8V21H1.5z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(9),:nth-child(10),:nth-child(22)){--b-top:#fff2c8;--b-mid:#f2c060;--b-bot:#d0902e;--b-edge:#6e460e;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M10 22V5.2a2 2 0 0 1 4 0V22zM10 14.5H7.2a2.7 2.7 0 0 1-2.7-2.7V8.5a1.5 1.5 0 0 1 3 0v3H10zM14 12.5h2.5V9.2a1.5 1.5 0 0 1 3 0v3.3a3 3 0 0 1-3 3H14z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(11),:nth-child(12),:nth-child(23)){--b-top:#ded2ff;--b-mid:#8e6fb3;--b-bot:#5a4390;--b-edge:#2a1d52;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M2 22V11h5V7h5v4h1.5V3H21v19z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(13),:nth-child(14),:nth-child(24)){--b-top:#a4aef0;--b-mid:#4552a8;--b-bot:#262e74;--b-edge:#0b0d2b;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M19.5 15.8A8.3 8.3 0 1 1 11.2 3.6a6.6 6.6 0 0 0 8.3 12.2z'/%3E%3Cpath d='M18 2.5l.8 1.9 1.9.8-1.9.8-.8 1.9-.8-1.9-1.9-.8 1.9-.8z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(15),:nth-child(16),:nth-child(25)){--b-top:#dcb894;--b-mid:#9a7250;--b-bot:#6a4a32;--b-edge:#2e1d12;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M8 3h8l4.5 6L12 22 3.5 9z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(17),:nth-child(18),:nth-child(26)){--b-top:#fff;--b-mid:#eaf6fc;--b-bot:#b3daee;--b-edge:#3a6f92;--b-ink:#245a80;--b-ts:0 .06em 0 #ffffffe6;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5v19M3.8 7.2l16.4 9.6M3.8 16.8l16.4-9.6M9.4 3.8 12 6.3l2.6-2.5M9.4 20.2 12 17.7l2.6 2.5' stroke='%23fff' stroke-width='4.6'/%3E%3Cpath d='M12 2.5v19M3.8 7.2l16.4 9.6M3.8 16.8l16.4-9.6M9.4 3.8 12 6.3l2.6-2.5M9.4 20.2 12 17.7l2.6 2.5' stroke='%234f97c6' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E")}.level-grid :is(:nth-child(19),:nth-child(20),:nth-child(28)){--b-top:#ffc890;--b-mid:#ff6a2a;--b-bot:#c42a10;--b-edge:#4d0c04;--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' fill-opacity='.62' stroke='%23000' stroke-opacity='.28' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Cpath d='M12 1.8c.9 4 6.3 6.1 6.3 12.2a6.3 6.3 0 0 1-12.6 0c0-3.1 1.9-4.7 2.6-7.2 1.1 1.4 1.5 2.7 1.5 4.2 1.6-2.1 2.6-5.1 2.2-9.2z'/%3E%3C/g%3E%3C/svg%3E")}.level-grid button:after{content:"";pointer-events:none;width:.62em;height:.74em;position:absolute;top:-.24em;right:-.2em}.level-grid button:not(.locked):not(:has(+.locked)):not(:last-child):after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2346c24f' stroke='%230d4d10' stroke-width='2.2'/%3E%3Cpath d='M5.5 9a7 7 0 0 1 9-4.6' fill='none' stroke='%23d4ffc8' stroke-width='1.6' stroke-linecap='round' opacity='.8'/%3E%3Cpath d='M7 12.5l3.3 3.2L17 8.8' fill='none' stroke='%230d4d10' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12.5l3.3 3.2L17 8.8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:.6em;height:.6em;top:-.2em}.level-grid button:not(.locked):is(:has(+.locked),:last-child){z-index:1;box-shadow:inset 0 -.16em 0 #00000029, inset 0 .1em 0 #ffffff80, 0 .2em 0 var(--b-edge), 0 0 0 .14em #ffd35c, 0 0 0 .22em #6b3a02, 0 0 1.1em #ffd35ca6;animation:frontier-ring 1.6s var(--ease-out) infinite;outline:.12em solid #ffe06e00}.level-grid button:not(.locked):is(:has(+.locked),:last-child):focus-visible{outline-color:#fff;animation:none}.level-grid button:not(.locked):is(:has(+.locked),:last-child):after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.2 6.5 7.1 1-5.2 5 1.3 7.1L12 17.9l-6.4 3.3 1.3-7.1-5.2-5 7.1-1z' fill='%23ffd35c' stroke='%235a3004' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M12 5.6l1.9 3.9 4 .6' fill='none' stroke='%23fff6c8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='10' cy='9.6' rx='1.7' ry='1' fill='%23fff' opacity='.85' transform='rotate(-30 10 9.6)'/%3E%3C/svg%3E") 50%/contain no-repeat;width:.86em;height:.86em;animation:2.4s ease-in-out infinite star-twinkle;top:-.4em;right:-.34em}@keyframes frontier-ring{0%{outline-offset:.06em;outline-color:#ffe06ef2}to{outline-offset:.55em;outline-color:#ffe06e00}}@keyframes star-twinkle{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(10deg)scale(1.18)}}.level-grid button.locked{--b-top:#5e4634;--b-mid:#3e2c20;--b-bot:#2a1d14;--b-edge:#120904;--b-ink:#ffecd24d;--b-ts:none;--glyph:none;cursor:not-allowed}.level-grid button.locked:before{opacity:.18}.level-grid button.locked:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M5 11V7.5a5 5 0 0 1 10 0V11' fill='none' stroke='%233a2206' stroke-width='5.2'/%3E%3Cpath d='M5 11V7.5a5 5 0 0 1 10 0V11' fill='none' stroke='%23e0b050' stroke-width='2.4'/%3E%3Crect x='1.5' y='10' width='17' height='13' rx='3.2' fill='%23ffd35c' stroke='%233a2206' stroke-width='2'/%3E%3Crect x='4' y='12' width='12' height='3.5' rx='1.6' fill='%23fff3b8'/%3E%3Ccircle cx='10' cy='18.2' r='1.9' fill='%233a2206'/%3E%3C/svg%3E") 50%/contain no-repeat}#wizard .panel{width:min(58em,100%)}.wizard-grid{grid-template-columns:repeat(4,1fr);gap:.8em;width:100%;display:grid}.wizard-grid button{--el-hi:#fff1c9;--el-mid:#c6a97e;--el-dark:#4a2c1b;--b-edge:var(--el-dark);text-align:center;min-height:0;color:var(--cream);text-shadow:0 .1em #0009;background:radial-gradient(80% 55% at 50% 0%, var(--el-hi) 0%, var(--el-mid) 42%, transparent 78%) top / 100% 5.6em no-repeat, linear-gradient(180deg, var(--leather) 0%, var(--leather-2) 100%);border-radius:.9em;flex-direction:column;justify-content:flex-start;gap:.45em;padding:.7em .6em .8em;font-size:1em}.wizard-grid button:before{display:none}.wizard-grid [data-el=arcane]{--el-hi:#ffd1f4;--el-mid:#ff4fc8;--el-dark:#7a1266}.wizard-grid [data-el=fire]{--el-hi:#ffd46b;--el-mid:#ff6a1f;--el-dark:#8c1f06}.wizard-grid [data-el=storm]{--el-hi:#fffbd1;--el-mid:#ffe135;--el-dark:#8a6a00}.wizard-grid [data-el=ice]{--el-hi:#eafcff;--el-mid:#5fd3ff;--el-dark:#1d5f9e}.wizard-grid canvas{width:4.6em;height:4.6em}.wz-name{font:normal 1.5em/1 var(--display);color:#fff;text-shadow:0 .08em 0 var(--el-dark), .05em 0 0 var(--el-dark), -.05em 0 0 var(--el-dark), 0 -.05em 0 var(--el-dark)}.wz-text{font:.56em/1.65 var(--pixel);letter-spacing:0}.wz-spell b{color:var(--gold);font-weight:400}.wz-lock{color:var(--gold-hi)}.wizard-grid button.last{outline:max(2px, .14em) solid var(--gold);outline-offset:max(2px, .16em)}.wizard-grid button.locked{--el-hi:#8a8078;--el-mid:#4a4642;--el-dark:#1e1a17;cursor:not-allowed}.wizard-grid button.locked>:not(.wz-lock){filter:grayscale()brightness(.65)}.wizard-grid button.locked.sold{cursor:pointer}#worldmap{--lock-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M5 11V7.5a5 5 0 0 1 10 0V11' fill='none' stroke='%233a2206' stroke-width='5.2'/%3E%3Cpath d='M5 11V7.5a5 5 0 0 1 10 0V11' fill='none' stroke='%23e0b050' stroke-width='2.4'/%3E%3Crect x='1.5' y='10' width='17' height='13' rx='3.2' fill='%23ffd35c' stroke='%233a2206' stroke-width='2'/%3E%3Crect x='4' y='12' width='12' height='3.5' rx='1.6' fill='%23fff3b8'/%3E%3Ccircle cx='10' cy='18.2' r='1.9' fill='%233a2206'/%3E%3C/svg%3E");--crown-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M2 16.5 1 4.5l6 5 5-8 5 8 6-5-1 12z' fill='%23ffd35c' stroke='%233a2206' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2' fill='%23ff6b6b' stroke='%233a2206' stroke-width='1.2'/%3E%3C/svg%3E");--star-shape:polygon(50% 2%, 62% 36%, 98% 37%, 69% 58%, 80% 94%, 50% 73%, 20% 94%, 31% 58%, 2% 37%, 38% 36%);gap:.7em}.map{flex-direction:column;gap:.6em;width:min(68em,100%);display:flex}.map-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8em;display:grid}.map-title{grid-column:2;min-width:0}.map-title h2{font-size:2.3em}.map-title .small{max-width:none}.map-turn{z-index:2;border-radius:50%;width:2.4em;min-height:2.4em;padding:0;font-size:1.1em;position:absolute;top:50%;translate:0 -50%}.map-turn.prev{left:-1.3em}.map-turn.next{right:-1.3em}.map-turn:disabled{visibility:hidden}.map-stars{font:normal 1.35em/1 var(--display);color:var(--gold-hi);text-shadow:0 .06em #7a4a04;white-space:nowrap;background:linear-gradient(#120904,#2e1a0c);border:max(2px,.08em) solid #b77a12;border-radius:1em;justify-self:end;margin:0;padding:.35em .8em .25em}.map-page{aspect-ratio:5/2;box-shadow:0 .5em 1.4em #0000008c, 0 0 0 max(2px, .14em) var(--wood-deep);border-radius:.4em;position:relative}#map-canvas{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.map-nodes{position:absolute;inset:0}.map-node{--d:max(44px, 5.2cqw);width:var(--d);height:var(--d);min-height:0;font:normal calc(var(--d) * .44) / 1 var(--display);color:#fff;--b-edge:#0b2a66;--b-ts:var(--b-ts-outline);box-shadow:inset 0 -.2em .35em #081e5a73, 0 .18em 0 var(--b-edge), 0 .35em .5em #3a1f0866;background:radial-gradient(circle at 34% 30%,#fff 0 7%,#d4f4ff 16%,#5cbcf8 48%,#1d5dcb 100%);border-radius:50%;padding:.1em 0 0;position:absolute;translate:-50% -50%}.map-node:before{border-radius:50%;height:36%;top:7%;left:16%;right:16%}.map-node[data-state=cleared]{box-shadow:inset 0 -.2em .35em #081e5a73, 0 0 0 max(2px, .08em) #ffd35c, 0 .18em 0 var(--b-edge), 0 .35em .5em #3a1f0866}.map-node[data-state=open]{animation:node-pulse 1.6s var(--ease-out) infinite;outline:.12em solid #ffe06e00}@keyframes node-pulse{0%{outline-offset:.04em;outline-color:#ffe06ef2}to{outline-offset:.5em;outline-color:#ffe06e00}}.map-node:is([data-state=locked],[data-state=soon]){--b-edge:#3a2a1c;color:#0000;--b-ts:none;background:radial-gradient(circle at 34% 30%,#f4efe6 0 7%,#cbc2b4 18%,#8f8576 55%,#5c5244 100%)}.map-node:is([data-state=locked],[data-state=soon]):after{content:"";background:var(--lock-ico) center / contain no-repeat;position:absolute;inset:26% 30% 24%}.map-node[aria-current=true]{z-index:1;outline-offset:max(2px, .12em);outline:max(3px,.16em) solid #fff3b8;animation:none;scale:1.08}.map-node.boss{--d:max(58px, 7cqw)}.map-node.boss .mn-num:before{content:"";background:var(--crown-ico) center / contain no-repeat;height:34%;position:absolute;top:-26%;left:22%;right:22%}.mn-stars{font-size:calc(var(--d) * .28);pointer-events:none;gap:.04em;display:flex;position:absolute;top:100%;left:50%;translate:-50% .12em}.map-node:is([data-state=locked],[data-state=soon],[data-state=open]) .mn-stars{display:none}.mn-stars i,.map-card-stars i{width:1em;height:1em;clip-path:var(--star-shape);background:#6e5a44}.mn-stars i.on,.map-card-stars i.on{background:linear-gradient(#fff3b8,#ffd35c 45%,#e0a526)}.map-standin{color:#5a3a1a;white-space:nowrap;background:#f3e2bfeb;border:1px dashed #5a3a1a99;border-radius:.6em;margin:0;padding:.3em .8em .2em;font-size:.72em;position:absolute;bottom:.5em;left:50%;translate:-50%}.map-gate{z-index:2;color:#5a3a1a;background:#f3e2bf;border:max(2px,.14em) solid #8a5208;border-radius:.8em;width:max-content;max-width:88%;padding:.9em 1.4em 1em;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 .4em 1.2em #00000073,inset 0 0 0 max(2px,.12em) #ffd35c99}.map-gate h3{color:#8a1c10;text-shadow:none;justify-content:center;align-items:center;gap:.4em;margin:0 0 .5em;display:flex}.map-gate h3:before{content:"";background:var(--lock-ico) center / contain no-repeat;width:1.1em;height:1.3em}.map-gate ul{text-align:left;margin:0;padding:0;font-size:.9em;line-height:2;list-style:none}.map-gate li:before{content:"";vertical-align:-.1em;background:var(--lock-ico) center / contain no-repeat;width:.9em;height:1em;margin-right:.6em;display:inline-block}.map-card{text-align:left;background:radial-gradient(130% 90% at 30% 0%, var(--leather) 0%, var(--leather-2) 72%);border:max(2px, .14em) solid var(--wood);border-radius:.9em;align-items:center;gap:1em;padding:.5em .6em .5em 1.1em;display:flex;box-shadow:0 .3em .8em #00000073}.map-card-info{flex-wrap:wrap;flex:1;align-items:center;gap:.3em .9em;min-width:0;display:flex}#map-card-title{font:normal 1.5em/1.1 var(--display);letter-spacing:.03em;color:var(--gold)}.map-card-stars{gap:.1em;font-size:1.4em;display:inline-flex}.map-card-note{color:var(--muted);flex-basis:100%;font-size:.8em}#map-play{min-width:6em}#map-friends{white-space:nowrap;font-size:.85em}.map-prep{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.35em .5em;font-size:.8em;display:flex}.map-prep-label{color:var(--muted)}.map-prep button{gap:.45em;min-height:44px;padding:.35em .7em .25em;font-size:.95em}.map-prep button[aria-pressed=true]{--b-top:#c6f5a8;--b-mid:#52c45a;--b-bot:#2c9a36;--b-edge:#125016;--b-ink:#fff;--b-ts:var(--b-ts-outline)}.map-prep .prep-price{font:.8em/1 var(--pixel)}@container (height<=440px){#worldmap{gap:.5em}.map{gap:.45em}.map-page{aspect-ratio:3}.map-title h2{font-size:1.9em}}@container (orientation:portrait){.map-page{aspect-ratio:4/3}}#join .panel{flex-shrink:0;width:min(48em,100%)}#join button{min-height:44px}#join .party-create{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;width:100%;display:flex}#join .party-create>button{flex:10em;min-height:56px}#join .party-create .check{min-height:44px;font-size:max(11px,.8em)}.room-zone{flex-direction:row;gap:.7em;font-size:max(11px,.8em)}.room-zone select{min-height:44px;font:1em/1.2 var(--pixel);color:#fff;border:max(2px, .14em) solid var(--wood-2);cursor:pointer;background:linear-gradient(#0c0603,#24140a);border-radius:.75em;padding:.5em .8em}.room-zone select:focus-visible{outline-offset:3px;outline:max(2px,.12em) solid #fff}.room-zone option{color:#1a0f08;background:#f8e8c8}#duel .room-zone{margin-top:.6em}#rooms-status{min-height:1.5em}#join-code-details{width:100%}#join-code-details .join-box{margin-top:1em}#join #room-list{width:100%}#join .room-list li:not(.muted){grid-template-columns:minmax(0,1fr) auto auto;gap:.45em .8em;display:grid}#join .room-host{overflow-wrap:anywhere;grid-column:1}#join .room-seats{grid-area:1/2/3}#join .room-mode{color:var(--muted);grid-area:2/1;font-size:.8em}#join .room-list li button{grid-area:1/3/3;min-height:44px}#join input:not([type]){min-height:44px;font-size:max(16px,1em)}.join-box{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1em;display:flex}.join-box>button{height:calc(2.132em + 2*max(2px,.1066em));min-height:0}#join .join-box>button{height:calc(2.908em + 2*max(2px,.1454em));padding-inline:1.3em}.join-box input{height:calc(2.8em + 2*max(2px,.14em))}.room-list,.players{flex-direction:column;gap:.5em;width:min(36em,100%);margin:0;padding:0;list-style:none;display:flex}.room-list li,.players li{text-align:left;background:linear-gradient(#00000042,#0006);border:1px solid #ffdcaa1a;border-radius:.85em;justify-content:space-between;align-items:center;gap:.8em;padding:.6em .8em .6em 1.1em;display:flex;box-shadow:inset 0 .15em .4em #00000073,0 1px #ffdcaa12}.room-list li.muted,.players li.muted{text-align:center;text-wrap:balance;justify-content:center;padding:1.1em;font-size:.8em}.room-list li>span:first-child{color:#fff;flex:1}.room-list li>span:nth-child(2){color:var(--gold);background:#ffd35c1a;border:1px solid #ffd35c4d;border-radius:999px;padding:.45em .7em .35em;font-size:.85em}.room-list li button{min-height:0;padding:.45em .9em .32em;font-size:1em}.code{font:.55em/1 var(--pixel);letter-spacing:.2em;color:var(--gold-hi);text-shadow:0 .12em #000;vertical-align:.25em;border:max(2px, .08em) dashed var(--gold);background:linear-gradient(#1c0f07,#2e1a0e);border-radius:.35em;margin-left:.2em;padding:.38em .5em .3em .7em;display:inline-block;box-shadow:inset 0 .15em .3em #0009}.share{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8em;display:flex}#share-link{width:24em;color:var(--cream);text-align:center;text-overflow:ellipsis;white-space:nowrap;direction:rtl;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round' stroke-width='2.6'%3E%3Cpath d='M10.5 13.5a4 4 0 0 0 5.66 0l3.54-3.54a4 4 0 0 0-5.66-5.66l-1.4 1.4M13.5 10.5a4 4 0 0 0-5.66 0L4.3 14.04a4 4 0 0 0 5.66 5.66l1.4-1.4' stroke='%23ffd35c'/%3E%3C/g%3E%3C/svg%3E") 1.1em/1.45em no-repeat,linear-gradient(#0c0603,#24140a);border-radius:999px;padding:.8em 1.3em .7em 3.1em;font-size:.72em}#share-link:focus{text-overflow:clip}.players li{padding:.55em .8em}.players .pname{color:#fff;flex:1;align-items:center;min-width:0;display:flex}.players .dot{border:max(2px,.12em) solid #0009;border-radius:50%;flex:none;width:2.3em;height:2.3em;margin-right:.9em;display:inline-block;position:relative;box-shadow:inset -.22em -.3em .35em #00000059,inset .15em .15em .25em #ffffff59,0 .15em .3em #00000073}.players .dot:before{content:"";background:radial-gradient(closest-side,#fffffff2,#fff0);border-radius:50%;width:34%;height:26%;position:absolute;top:8%;left:14%;transform:rotate(-25deg)}.players .dot:after{content:"";background:radial-gradient(circle at 34% 58%,#1a0e06 0 12%,#0000 14%),radial-gradient(circle at 74% 58%,#1a0e06 0 12%,#0000 14%),radial-gradient(22% 46% at 30%,#fff 90%,#0000 100%),radial-gradient(22% 46% at 70%,#fff 90%,#0000 100%);height:34%;animation:4.2s infinite blink;position:absolute;top:34%;left:22%;right:16%}.players li:nth-child(2n) .dot:after{animation-delay:-1.4s}.players li:nth-child(3n) .dot:after{animation-delay:-2.7s}.players li.me{background:linear-gradient(#ffd35c3d,#ffd35c1a);border-color:#ffd35cb3;box-shadow:inset 0 0 0 1px #ffd35c59,inset 0 .15em .4em #00000040,0 0 .9em #ffc4402e}.players li.me .pname{color:var(--gold-hi)}.players li.me .dot{animation:avatar-hop 1.5s var(--ease-out) infinite}@keyframes avatar-hop{0%,55%,to{transform:translateY(0)scale(1)}12%{transform:translateY(0)scale(1.12,.88)}28%{transform:translateY(-.32em)scale(.94,1.07)}44%{transform:translateY(0)scale(1.08,.92)}}#lobby-status,.small{text-wrap:balance}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.players .tag-host{font:.72em/1 var(--pixel);color:#4a2506;background:linear-gradient(#fff3b8,#ffd35c 55%,#e8a41c);border:max(1px,.1em) solid #8a5208;border-radius:999px;flex:none;align-items:center;gap:.5em;padding:.5em .8em .42em .6em;display:inline-flex;box-shadow:0 .18em #8a5208,inset 0 .12em #fff9}.players .tag-host:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19'%3E%3Cpath d='M2 16 3 5l5.5 5L12 2.5 15.5 10 21 5l1 11z' fill='%23ffe46b' stroke='%236b3d06' stroke-width='1.8' stroke-linejoin='round'/%3E%3Crect x='2' y='14.5' width='20' height='3.6' rx='1.2' fill='%23e8a41c' stroke='%236b3d06' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='2.8' r='1.8' fill='%23ff6b6b' stroke='%236b3d06' stroke-width='1'/%3E%3C/svg%3E") 50%/contain no-repeat;width:1.5em;height:1.15em;margin-top:-.2em}.players:after{content:"Esperando jugadores… (" attr(data-free) " libres)";min-height:calc(4.25em + 2px);color:var(--muted);text-align:left;text-wrap:balance;background:radial-gradient(1.5em at 2.44em,#ffdcaa12 0 1.24em,#ffdcaa4d 1.28em 1.42em,#0000 1.46em);border:max(1px,.12em) dashed #ffdcaa47;border-radius:1.06em;align-items:center;padding:0 1.2em 0 5em;font-size:.8em;animation:2.4s ease-in-out infinite ghost-pulse;display:flex}.players[data-free="1"]:after{content:"Esperando jugadores… (1 libre)"}.players:not([data-free]):after,.players[data-free="0"]:after{display:none}.players:has(>li.muted):after{display:none}.players:not(:has(>li)):after{display:none}@keyframes ghost-pulse{50%{opacity:.55}}.tabs{background:#00000061;border-radius:999px;gap:.35em;padding:.35em;display:inline-flex;box-shadow:inset 0 .2em .45em #0009,0 1px #ffdcaa1f}.tabs button{border-radius:999px;min-height:0;padding:.55em 1.3em .4em;font-size:1.1em}.tabs button:not(.active){color:var(--muted);text-shadow:none;box-shadow:none;background:0 0;border-color:#0000}.tabs button:not(.active):before{display:none}@media (hover:hover){.tabs button:not(.active):hover:not(:disabled){color:var(--cream);box-shadow:none;background:#ffffff0f;transform:none}}table.lb{table-layout:fixed;border-collapse:separate;border-spacing:0 .32em;width:min(38em,100%);margin-top:-.3em;font-size:.85em}table.lb th{color:var(--muted);text-align:center;padding:.3em .9em;font-size:.85em;font-weight:400}table.lb th:first-child{width:4em}table.lb th:nth-child(2){text-align:left}table.lb th:nth-child(3){text-align:right;width:12.6em}table.lb th:nth-child(4){width:7em}table.lb:has(td[colspan]) thead{visibility:hidden}table.lb td{color:var(--cream);background:#0000004d;border-top:1px solid #ffdcaa12;border-bottom:1px solid #0006;padding:.66em .9em .56em}table.lb tbody tr:nth-child(2n) td{background:#0003}table.lb td:first-child{text-align:center;color:var(--muted);border-radius:.8em 0 0 .8em}table.lb td:last-child{border-radius:0 .8em .8em 0}table.lb td:nth-child(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#fff;overflow:hidden}table.lb td:nth-child(3){text-align:right;color:var(--gold)}table.lb td:nth-child(4){color:var(--muted)}table.lb td[colspan]{text-align:center;color:var(--muted);text-wrap:balance;border-radius:.8em;padding:1.4em}table.lb tr.me td{color:var(--gold-hi);background:#ffd35c33;border-color:#ffd35ca6}table.lb tr.me td:first-child{box-shadow:inset 1px 0 #ffd35ca6}table.lb tr.me td:last-child{box-shadow:inset -1px 0 #ffd35ca6}table.lb tbody tr:nth-child(-n+3) td:first-child:not([colspan]){z-index:0;color:var(--m-ink);text-shadow:0 1px #ffffff80;position:relative}table.lb tbody tr:nth-child(-n+3) td:first-child:not([colspan]):before{content:"";z-index:-1;background:radial-gradient(circle at 36% 30%, var(--m1) 0 16%, var(--m2) 48%, var(--m3) 100%) padding-box, repeating-conic-gradient(var(--m3) 0 10deg, var(--m2) 10deg 20deg) border-box;border:.2em solid #0000;border-radius:50%;width:2.5em;height:2.5em;margin:-1.3em 0 0 -1.25em;position:absolute;top:50%;left:50%;box-shadow:0 .18em .3em #00000080,inset 0 0 0 .1em #ffffff4d}table.lb tbody tr:first-child{--m1:#fffbe0;--m2:#ffd35c;--m3:#b8800b;--m-ink:#5a3a00}table.lb tbody tr:nth-child(2){--m1:#fff;--m2:#d3dbe4;--m3:#7c8997;--m-ink:#2e3740}table.lb tbody tr:nth-child(3){--m1:#ffe4c8;--m2:#df9459;--m3:#8a4a1c;--m-ink:#3e1d06}table.lb tbody tr:first-child td:not([colspan]){background:#ffd35c1a}table.lb tbody tr:nth-child(2) td:not([colspan]){background:#d3dbe412}table.lb tbody tr:nth-child(3) td:not([colspan]){background:#df945914}#settings .panel{width:min(58em,100%)}.touch-options{border:1px solid var(--stitch);border-radius:.8em;flex-wrap:wrap;justify-content:center;gap:.5em 1.5em;margin:0;padding:.5em 1em;display:flex}.touch-options legend{color:var(--gold);padding:0 .5em}.touch-options .check{min-height:44px}.touch-options input{width:1.5em;height:1.5em}.touch-options input:before{width:auto;height:auto;box-shadow:none;background:0 0;inset:.25em;transform:none}.touch-options input:checked{background:#8253ca}.touch-options input:checked:before{background:#fff;transform:none}.controls-help{width:100%;color:var(--cream);font-size:.8em;line-height:2.1}.controls-help h3{margin-top:.6em;font-size:1.7em}.controls-help p{text-wrap:balance;max-width:52em;margin:.2em auto}.controls-help b{color:var(--gold);font-weight:400}.powerups{text-align:left;grid-template-columns:repeat(2,1fr);gap:.5em;margin-top:.6em;line-height:1.5;display:grid}.powerups div{background:#00000042;border-radius:.8em;align-items:center;gap:.7em;padding:.3em .8em .3em .4em;font-size:.9em;display:flex;box-shadow:inset 0 .12em .3em #0006}.powerups div:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;min-width:calc(50% - .25em)}.powerups canvas{flex:none;width:32px;height:32px}#results .panel{z-index:1;width:min(54em,100%)}#results .panel>h2{--rb-top:#fff3b0;--rb-mid:#ffc93a;--rb-bot:#e88f12;--rb-edge:#6b3a02;--rb-tail:#d68a12;--rb-tail-2:#8a5208;font-size:3.4em}#res-summary{white-space:nowrap;background:radial-gradient(60% 55% at 50% 30%,#ffd35c33,#ffd35c00);padding:.2em .5em 0}#res-summary:first-line{font-family:var(--display);letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 .07em #7a4304,.045em 0 #7a4304,-.045em 0 #7a4304,0 -.045em #7a4304,.045em .07em #7a4304,-.045em .07em #7a4304,0 .16em .12em #0000008c,0 0 .6em #ffbe3c73;font-size:min(3.1em,5.2cqw);line-height:1.5}#res-summary:has(.small):first-line{font-size:min(2.2em,3.4cqw)}#res-rank:empty{display:none}#res-summary .small{--row:2.3em;min-width:min(24em,100%);font-size:.8em;line-height:var(--row);color:var(--cream);white-space:normal;overflow-wrap:anywhere;background:repeating-linear-gradient(180deg, #00000057 0 var(--row), #00000029 var(--row) calc(2 * var(--row)));border:1px solid #ffdcaa1f;border-radius:.9em;margin-top:.6em;padding:0 1.4em;display:inline-block;box-shadow:inset 0 .15em .4em #0006,0 1px #ffdcaa14}#res-summary:has(.score):first-line{font-family:var(--pixel);letter-spacing:0;color:var(--muted);text-shadow:0 2px #0009;font-size:1em}#res-summary .score{width:-moz-fit-content;width:fit-content;font:normal min(3.2em, 5.6cqw)/1 var(--display);letter-spacing:.05em;color:var(--gold-hi);text-shadow:0 0 .35em #ffc4408c,0 .05em #7a4a04;background:linear-gradient(#ffffff12 0 48%,#0000 52%),linear-gradient(#120904,#2e1a0c);border:max(2px,.05em) solid #1a0d05;border-radius:.28em;margin:.2em auto .35em;padding:.2em .55em .06em;display:block;box-shadow:0 0 0 max(2px,.06em) #b77a12,0 0 0 max(3px,.1em) #4d2c05,inset 0 .08em .2em #000c,0 .12em .3em #00000080}.res-fx{display:none}#results[data-result=win] .res-fx{z-index:0;contain:strict;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.res-fx .rays{--rays:max(66cqw, 58cqh);width:var(--rays);height:var(--rays);margin:calc(var(--rays) / -2) 0 0 calc(var(--rays) / -2);background:repeating-conic-gradient(#ffde6e2e 0 7deg, #ffde6e00 7deg 20deg);border-radius:50%;animation:30s linear infinite spin;position:absolute;top:30%;left:50%;-webkit-mask:radial-gradient(closest-side,#000 10%,#00000080 45%,#0000 96%);mask:radial-gradient(closest-side,#000 10%,#00000080 45%,#0000 96%)}@keyframes spin{to{transform:rotate(1turn)}}.res-fx .cf{top:-4%;left:var(--x);width:calc(1.1em * var(--z,1));height:calc(.55em * var(--z,1));background:linear-gradient(180deg, rgb(var(--c)), rgb(var(--c) / .72));animation:confetti var(--d) linear var(--w) infinite;border-radius:.1em;position:absolute}.res-fx .cf.o{width:calc(.62em * var(--z,1));height:calc(.62em * var(--z,1));background:radial-gradient(circle at 35% 30%, #fff 0 12%, rgb(var(--c)) 40%, rgb(var(--c) / .7) 100%);border-radius:50%}.res-fx .cf.s{width:calc(.34em * var(--z,1));height:calc(1.9em * var(--z,1));background:repeating-linear-gradient(160deg, rgb(var(--c)) 0 .3em, rgb(var(--c) / .6) .3em .45em);border-radius:.2em}@keyframes confetti{0%{transform:translate(0, 0) rotate3d(1, var(--r), .2, 0deg)}50%{transform:translate(var(--sx), 55cqh) rotate3d(1, var(--r), .2, 540deg)}to{transform:translate(0, 112cqh) rotate3d(1, var(--r), .2, 1080deg)}}#results[data-result=win] .panel>h2{animation:2.4s ease-in-out infinite win-ribbon}@keyframes win-ribbon{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.04)rotate(-1.2deg)}}#results[data-result=win] #res-summary .score{animation:1.8s ease-in-out infinite score-glow}@keyframes score-glow{50%{transform:scale(1.05)}}#results[data-result=lose]{--scrim:radial-gradient(ellipse at 50% 45%, #0e1016a8, #040508ed)}#results[data-result=lose] .panel>h2{--rb-top:#b8c2cf;--rb-mid:#7d8a9c;--rb-bot:#56627a;--rb-edge:#1e2533;--rb-tail:#5d6a80;--rb-tail-2:#353e50;transform-origin:20%;transform:rotate(-2deg)}#results[data-result=lose] #res-summary{background:0 0}.res-stars{justify-content:center;gap:1.6em;margin:0;padding:0;list-style:none;display:flex}.res-stars li{color:var(--muted);flex-direction:column;align-items:center;gap:.3em;font-size:.8em;display:flex;position:relative}.rs-star{filter:drop-shadow(0 .14em #3a1f08);width:3.6em;height:3.6em}.rs-star:before{content:"";clip-path:polygon(50% 2%,62% 36%,98% 37%,69% 58%,80% 94%,50% 73%,20% 94%,31% 58%,2% 37%,38% 36%);background:#4a3524;width:100%;height:100%;display:block}.res-stars [data-state=lit]{color:var(--cream)}.res-stars [data-state=lit] .rs-star:before{background:linear-gradient(#fff3b8,#ffd35c 45%,#e0a526)}.res-stars [data-state=kept] .rs-star:before{opacity:.45;background:linear-gradient(#fff3b8,#ffd35c 45%,#e0a526)}.res-stars [data-state=lit] .rs-star{filter:drop-shadow(0 .14em #7a4304)drop-shadow(0 0 .5em #ffc4408c)}.rs-new{font:normal 1.1em/1 var(--display);color:#fff;background:linear-gradient(#ff8a78,#cf2429);border:max(1px,.08em) solid #62090b;border-radius:.4em;padding:.2em .45em .1em;position:absolute;top:-.4em;right:-1.2em;rotate:12deg}.res-stars li:not(.new) .rs-new{display:none}.res-stars li.new .rs-star{animation:star-won .6s var(--ease-back) backwards}@keyframes star-won{0%{rotate:-40deg;scale:.3}}.res-reward{color:var(--muted);margin:.4em 0 0;font-size:.85em}.res-reward[data-status=verified]{color:var(--gold)}.res-loot{text-align:left;margin:.5em 0 0;font-size:.9em}.res-loot h3{font:normal 1.1em/1.1 var(--display);color:var(--gold);text-align:center;margin:0 0 .3em}.res-loot ul{margin:0;padding:0;list-style:none}.res-loot li{padding:.2em 0}.res-loot li.me{color:var(--gold)}.res-loot .loot-stars{color:var(--gold);letter-spacing:.05em}.res-loot .loot-item{color:var(--gold);background:#ffdc7829;border-radius:.4em;padding:0 .4em;display:inline-block}.lobby-level{color:var(--gold);margin:.4em 0 0;font-size:.9em}.account-chip{--b-top:#85593a;--b-mid:#54331d;--b-bot:#2e1a0c;--b-edge:#120904;--b-ink:#fbe7c6;z-index:5;max-width:42%;min-height:44px;animation:rise-in .4s var(--ease-out) backwards;border-radius:999px;gap:.45em;padding:.3em .95em .2em .55em;font-size:max(12px,1.25cqw);position:absolute;top:max(6px,1cqw);left:calc(2*max(6px,1cqw) + max(30px,3.4cqw));box-shadow:0 0 0 max(1px,.08em) #ffd35c73,inset 0 .1em #ffffff40,0 .2em .4em #00000073}.account-chip:before{opacity:.35}.account-chip[data-state=checking]{visibility:hidden}.chip-hat{flex:none;width:1.55em;height:1.1em;margin-top:-.2em;overflow:visible}.chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-coins{font:.72em/1 var(--pixel);color:var(--gold-hi);align-items:center;gap:.3em;display:inline-flex}.chip-coins svg{width:1.5em;height:1.5em}.chip-note{color:var(--gold);font-size:.78em}.chip-note:empty{display:none}.account-chip[data-state=offline] .chip-note{color:var(--muted)}.panel.account{gap:.75em;width:min(38em,100%)}#recovery-code .panel{width:min(46em,100%)}#recovery-code .panel>h2{font-size:2.2em}.account-form{flex-direction:column;align-items:center;gap:.6em;width:100%;display:flex}.account-form .field{flex-direction:column;gap:.45em}.account-form input:not([type=checkbox]){width:19em}.account-form button[type=submit]{min-width:10em;margin-top:.2em}.field-hint{max-width:30em;color:var(--muted);margin:-.25em 0 .1em;font-size:.7em;line-height:1.6}.captcha{justify-content:center;min-height:65px;display:flex}.account-note,.form-error{border-radius:.6em;max-width:32em;margin:0;padding:.55em 1em .45em;font-size:.8em;line-height:1.7}.account-note{color:var(--gold-hi);background:#ffd35c1a;border:1px solid #ffd35c66}.form-error{color:#ffe1da;background:#a0181061;border:1px solid #ff8a7a}button.link{min-height:0;font:.8em/1.5 var(--pixel);color:var(--gold);text-underline-offset:.35em;text-shadow:none;box-shadow:none;background:0 0;border:0;padding:.35em .5em;text-decoration:underline}button.link:before{display:none}@media (hover:hover){button.link:hover:not(:disabled){filter:none;box-shadow:none;color:var(--gold-hi);transform:none}}button.link:active:not(:disabled){box-shadow:none;transform:none}.recovery-code{font:1.2em/1.5 var(--pixel);letter-spacing:.08em;color:var(--gold-hi);text-shadow:0 .1em #000;border:max(2px, .14em) dashed var(--gold);-webkit-user-select:all;user-select:all;background:linear-gradient(#0c0603,#24140a);border-radius:.7em;padding:.7em 1em .6em;display:block;box-shadow:inset 0 .3em .55em #000000bf}.account-warn{text-align:left;color:#fff1d0;background:#ffaa2824;border:max(1px,.1em) solid #ffbe3cbf;border-radius:.7em;max-width:36em;margin:0;padding:.7em 1em .6em 3.2em;font-size:.8em;line-height:1.7;position:relative}.account-warn:before{content:"!";width:1.6em;height:1.6em;font:normal 1.1em/1.6 var(--display);text-align:center;color:#4a2406;background:radial-gradient(circle at 35% 30%,#fff3b8,#ffd35c 55%,#c8871a);border:max(1px,.1em) solid #6b3d06;border-radius:50%;position:absolute;top:.75em;left:.9em}.account-warn b{color:var(--gold);font-weight:400}.account-who{font:normal 2.2em/1.2 var(--display);color:var(--cream);align-items:center;gap:.5em;margin:0;display:flex}.account-coins{color:var(--cream);align-items:center;gap:.45em;margin:0;display:flex}.account-coins svg{width:1.7em;height:1.7em}.account-coins b{color:var(--gold-hi);font-size:1.3em;font-weight:400}.account-data{flex-wrap:wrap;justify-content:center;gap:.2em 1.2em;display:flex}#delete-form{border-top:1px solid #ffd69633;padding-top:.6em}.check.terms{text-align:left;max-width:28em}.check.terms>span{font-size:.72em;line-height:1.7}.check.terms a,.legal-links a{color:var(--gold);text-underline-offset:.25em}.legal-links{color:var(--muted);margin:.4em 0 0;font-size:max(10px,.95cqw)}.res-invite{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em 1em;margin:0;font-size:.8em;display:flex}.map-gate button{margin-top:.7em;font-size:1em}.gear-screen{gap:.5em;padding-top:1.1em}.gear{--ink:#5a3a1a;--good:#1f7a33;--bad:#a3262a;--text-font:"Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--coin-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.4' fill='%23f2a91c' stroke='%235a3006' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='12' r='7.3' fill='%23ffd35c' stroke='%23b8650a' stroke-width='1.2'/%3E%3C/svg%3E");flex-direction:column;gap:.5em;width:min(72em,100%);display:flex}.gear-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8em;display:grid}.gear-head h2{grid-column:2;font-size:2.3em}.gear-coins{font:.95em/1 var(--pixel);color:var(--gold-hi);white-space:nowrap;background:linear-gradient(#120904,#2e1a0c);border:max(2px,.08em) solid #b77a12;border-radius:1em;justify-self:end;align-items:center;gap:.4em;margin:0;padding:.3em .8em .2em .45em;display:inline-flex}.gear-coins svg{width:1.5em;height:1.5em}.gear-host{font:italic 600 .95em/1.3 var(--text-font);color:var(--muted);margin:-.3em 0 0}.gear-state{font:600 .95em/1.3 var(--text-font);color:var(--ink);background:#f3e2bff0;border:1px dashed #5a3a1a99;border-radius:.6em;justify-content:center;align-items:center;gap:.8em;margin:0;padding:.45em .9em .35em;display:flex}.gear-state button{min-height:0;padding:.35em .8em .25em;font-size:.85em}.gear-body{text-align:left;gap:.7em;display:grid}#wardrobe .gear-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);grid-template-areas:"doll chest""doll card"}#shop .gear-body,#anvil .gear-body{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"chest card"}.wr-doll{grid-area:doll}.gear-chest{grid-area:chest}.item-card{grid-area:card}.wr-doll,.gear-chest,.item-card{min-width:0;color:var(--ink);background:radial-gradient(120% 100% at 40% 30%,#fbf0d6 0%,#f3e2bf 55%,#dcbf8c 100%);border:max(2px,.14em) solid #8a5208;border-radius:.8em;padding:.6em .7em;position:relative;box-shadow:0 .35em .9em #00000073,inset 0 0 0 max(2px,.12em) #ffd35c73}.gear-tabs,.wr-wizards{flex-wrap:wrap;gap:.3em;margin-bottom:.5em;display:flex}.wr-wizards{justify-content:center}.gear-tabs button,.wr-wizards button{--b-top:#f4e2bb;--b-mid:#e6c893;--b-bot:#caa56a;--b-edge:#7a5222;--b-ink:var(--ink);min-height:0;box-shadow:0 .12em 0 var(--b-edge);border-radius:.5em;padding:.4em .75em .3em;font-size:.95em}.gear-tabs button:before,.wr-wizards button:before{display:none}.gear-tabs button[aria-selected=true],.wr-wizards button[aria-selected=true]{--b-top:#dd5d57;--b-mid:#a3262a;--b-bot:#7a1418;--b-edge:#3e0708;--b-ink:#fff3e0;--b-ts:none}.gear-grid{scrollbar-width:thin;scrollbar-color:#b58a4a transparent;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45em;max-height:17.5em;padding:.2em;display:grid;overflow-y:auto}#shop .gear-grid,#anvil .gear-grid{max-height:24em}.gear-cell{min-height:0;font:.72em/1 var(--pixel);color:var(--ink);text-shadow:none;box-shadow:none;background:#5a3a1a14;border:max(2px,.12em) solid #0000;border-radius:.6em;flex-direction:column;gap:.2em;padding:.2em}.gear-cell:before{display:none}.gear-cell canvas{aspect-ratio:1;width:100%;max-width:5em;display:block}.gear-cell[aria-pressed=true]{border-color:var(--bad);background:#a3262a24}.gear-cell[data-tag=owned] canvas{opacity:.55}.gear-cell[data-tag=owned] .gc-label{color:var(--good)}.gear-cell[data-tag=poor] .gc-label{color:var(--bad)}.gear-cell[data-tag=worn]:after,.gear-cell[data-tag=max]:after{font:.8em/1 var(--pixel);color:#fff;background:var(--good);border:1px solid #0c3a17;border-radius:.4em;padding:.25em .3em .15em;position:absolute;top:.1em;left:.1em}.gear-cell[data-tag=worn]:after{content:"✓"}.gear-cell[data-tag=max]:after{content:"MÁX";background:#8a5208;border-color:#3a2206}.gc-label{align-items:center;gap:.25em;display:inline-flex}.gear-cell:not([data-tag=owned]) .gc-label:before{content:"";background:var(--coin-ico) center / contain no-repeat;width:1.1em;height:1.1em}.gear-empty{font:600 .95em/1.4 var(--text-font);color:var(--ink);margin:.4em}.item-card{grid-template-columns:4.8em minmax(0,1fr);grid-template-areas:"icon body""actions actions";align-content:start;gap:.4em .7em;display:grid}.item-card>canvas{grid-area:icon;width:4.8em;height:4.8em}.ic-body{min-width:0;font:600 .95em/1.35 var(--text-font);grid-area:body}.ic-body p{margin:.25em 0 0}.ic-head{flex-wrap:wrap;align-items:baseline;gap:.2em .6em;display:flex}.ic-name,.ic-plus,.ic-glow{text-shadow:0 .07em #2a1609,.05em 0 #2a1609,-.05em 0 #2a1609,0 -.05em #2a1609}.ic-name{font:normal 1.45em/1.1 var(--display);letter-spacing:.02em;color:var(--rar,var(--ink))}.ic-plus{font:.65em/1 var(--pixel);color:var(--tier)}.ic-rarity{font:.6em/1.3 var(--pixel);color:#1a1208;background:var(--rar);border:1px solid #2a1609;border-radius:.4em;padding:.15em .55em .05em}.ic-sub,.ic-label,.ic-desc{color:#7a5a36}.ic-stats{margin:.3em 0 0;padding:0;list-style:none}.ic-stats li{border-bottom:1px dotted #5a3a1a59;justify-content:space-between;gap:.8em;padding:.05em 0;display:flex}.ic-stats li b{white-space:nowrap}.ic-stats .up{color:var(--good)}.ic-stats .down{color:var(--bad)}.ic-stats .same b{color:#8c7454}.ic-option b{color:#0b5e33}.ic-req{font-weight:700}.ic-req.unmet{color:var(--bad)}.ic-glow{color:var(--tier);font-weight:800}.ic-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:.45em;display:flex}.ic-actions:empty{display:none}.ic-actions button{font-size:1.05em}.ic-actions .coin{width:1.1em;height:1.1em;margin-left:.2em}.ic-note{font:700 .95em/1.3 var(--text-font);text-align:right;flex:100%;margin:0}.ic-note.ok{color:var(--good)}.ic-note.bad{color:var(--bad)}.anvil-step{background:#5a3a1a1a;border-radius:.5em;margin-top:.4em;padding:.35em .6em .4em}.anvil-to{font:1em/1.2 var(--pixel)}.anvil-to b{color:var(--good)}.item-card.flash{animation:enh-flash .6s var(--ease-out)}@keyframes enh-flash{0%{filter:brightness(1.25);box-shadow:0 0 0 .3em #fff3b8,0 0 2em .8em #ffd35ce6}}.wr-doll{flex-direction:column;gap:.4em;display:flex}.wr-figure{width:100%;max-width:25em;margin:0 auto}.wr-portrait{text-align:center;position:relative}.wr-portrait canvas{aspect-ratio:10/9;width:100%;height:auto;display:block}.wr-portrait b{font:normal 1.1em/1.2 var(--display);color:#fff3e0;background:var(--ink);border-radius:.5em;padding:.1em .5em 0;display:inline-block}.wr-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35em;margin-top:.5em;display:grid}.wr-slot{width:100%;min-height:0;font:.55em/1.2 var(--pixel);color:var(--ink);text-shadow:none;box-shadow:none;background:0 0;border:0;padding:0;position:relative}.wr-slot:before{display:none}.wr-slot canvas{aspect-ratio:1;border-radius:.8em;width:100%}.wr-slot.empty canvas{outline-offset:-.3em;background:#5a3a1a1a;outline:max(2px,.15em) dashed #5a3a1a80}.wr-slot span{text-align:center;place-items:center;padding:.2em;display:none;position:absolute;inset:0}.wr-slot.empty span{display:grid}.wr-slot[aria-pressed=true] canvas{outline:max(2px, .2em) solid var(--bad);outline-offset:.1em}.wr-summary{font:600 .95em/1.3 var(--text-font)}.wr-power{font:normal 1.3em/1 var(--display);text-align:center;margin:0}.wr-power b{color:#8a5208}.wr-stats{grid-template-columns:1fr 1fr;gap:.15em .6em;margin:.35em 0 0;padding:0;list-style:none;display:grid}.wr-stats button{width:100%;min-height:0;font:inherit;color:var(--ink);text-shadow:none;box-shadow:none;background:0 0;border:0;border-bottom:1px dotted #5a3a1a73;border-radius:.3em;justify-content:space-between;padding:.2em .3em}.wr-stats button:before{display:none}.wr-stats button[aria-expanded=true]{background:#a3262a1f}.wr-stats button.capped b:after{content:" ★";color:#b77a12}.wr-why{background:#5a3a1a1a;border-radius:.5em;margin-top:.4em;padding:.35em .6em}.wr-why p{margin:0}.wr-why ul{margin:.2em 0;padding:0;list-style:none}.wr-why li{justify-content:space-between;gap:.8em;display:flex}.wr-why .cap{color:var(--bad)}@media (hover:hover){.gear-cell:hover:not(:disabled),.wr-slot:hover:not(:disabled),.wr-stats button:hover:not(:disabled){filter:none;box-shadow:none;background:#5a3a1a29;transform:none}.wr-slot:hover:not(:disabled){background:0 0}}.gear-cell:active:not(:disabled),.wr-slot:active:not(:disabled),.wr-stats button:active:not(:disabled){box-shadow:none;transform:none}@container (height<=440px){.gear-host{display:none}.wr-figure{max-width:23em}.gear-grid{max-height:11em}#shop .gear-grid,#anvil .gear-grid{max-height:15em}}@container (orientation:portrait){#wardrobe .gear-body,#shop .gear-body,#anvil .gear-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"doll""chest""card"}.gear-grid,#shop .gear-grid,#anvil .gear-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}.wr-figure{max-width:25em}.item-card{z-index:3;position:sticky;bottom:0;box-shadow:0 -.4em 1em #00000080,inset 0 0 0 max(2px,.12em) #ffd35c73}}.loading-note{font:normal 1.6em/1 var(--display);letter-spacing:.04em;color:var(--cream);text-shadow:0 .1em #0009;animation:screen-in .3s .25s var(--ease-out) backwards;margin:0}.toast{z-index:10;width:max-content;max-width:min(92%,60em);font:max(9px, 1.05cqw)/1.6 var(--pixel);color:var(--cream);text-align:left;text-wrap:pretty;border:max(2px, .16em) solid var(--gold);box-shadow:0 0 0 max(2px, .16em) var(--wood-deep), 0 .7em 1.6em #00000080, inset 0 .15em 0 #ffffff1f;pointer-events:none;animation:toast-in .5s var(--ease-back) backwards;transition:opacity .25s ease-in, display .25s allow-discrete;background:linear-gradient(#3e2414f7,#1e1008f7);border-radius:1.1em;align-items:center;gap:.9em;margin-inline:auto;padding:.7em 1.4em .65em .7em;display:flex;position:absolute;top:max(8px,2.2cqw);left:0;right:0}.toast.hidden{opacity:0}#stage:not(:has(>.screen:not(.hidden))) .toast{max-width:calc(100% + -2*max(30px,3.4cqw) - 2*max(6px,1cqw) - 2.4cqw)}.toast:before{content:"";width:1.7em;height:1.7em;font:1.3em/1 var(--display);color:#fff;animation:toast-icon .55s .12s var(--ease-back) both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c.7 5.2 2.9 8.3 9.5 9.5-6.6 1.2-8.8 4.3-9.5 9.5-.7-5.2-2.9-8.3-9.5-9.5 6.6-1.2 8.8-4.3 9.5-9.5z' fill='%23fff' stroke='%230a2466' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 58% 56%/62% no-repeat,radial-gradient(circle at 32% 27%,#fff 0 8%,#cdeeff 17%,#6bb8ff 40%,#2f7fe0 70%,#1646a8 100%);border-radius:50%;flex:none;place-items:center;padding-top:.12em;display:grid;box-shadow:0 0 0 max(1.5px,.08em) #0a2466,0 .12em .22em #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(-140%)scale(.85)}}@keyframes toast-in-up{0%{opacity:0;transform:translateY(80%)scale(.85)}}@keyframes toast-icon{0%{transform:scale(0)rotate(-120deg)}}.toast[data-type=error]:before{content:"!";text-shadow:0 .08em #74100f;background:radial-gradient(circle at 34% 28%,#fff 0 10%,#ff9a8a 26%,#e8413c 62%,#8f1d1a 100%);box-shadow:0 0 0 max(1.5px,.08em) #5e0710,0 .12em .22em #00000080}.toast[data-type=ok]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5 10 17.5 19 7' fill='none' stroke='%230d4d10' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12.5 10 17.5 19 7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 55%/70% no-repeat,radial-gradient(circle at 32% 27%,#fff 0 8%,#d4ffc8 17%,#8ff27a 38%,#2fa62b 70%,#0d4d10 100%);box-shadow:0 0 0 max(1.5px,.08em) #0d4d10,0 .12em .22em #00000080}.toast[data-type=error]{border-color:#ff8a7a}#stage:has(>#menu:not(.hidden)) .toast{animation-name:toast-in-up;top:auto;bottom:6.16883%;translate:0 50%}.pause-btn,.mute-btn{--b-top:#85593a;--b-mid:#54331d;--b-bot:#2e1a0c;--b-edge:#120904;--b-ink:#fbe7c6;z-index:5;opacity:.85;border-color:#120904;border-radius:50%;width:max(30px,3.4cqw);height:max(30px,3.4cqw);min-height:0;padding:0;font-size:max(13px,1.45cqw);position:absolute;top:max(6px,1cqw);box-shadow:0 0 0 max(1px,.08em) #ffd35c73,inset 0 .1em #ffffff40,0 .2em .4em #00000073}.pause-btn:before,.mute-btn:before{opacity:.45;border-radius:50%;height:42%;top:6%;left:18%;right:18%}@media (hover:hover){.pause-btn:hover:not(:disabled),.mute-btn:hover:not(:disabled){opacity:1;box-shadow:0 0 0 max(1px, .08em) var(--gold), 0 .2em .4em #00000073}}.pause-btn{color:#0000;text-shadow:none;right:max(6px,1cqw)}.pause-btn:after{content:"";background:linear-gradient(90deg, var(--b-ink) 0 34%, transparent 34% 66%, var(--b-ink) 66%);border-radius:2px;width:36%;height:40%;margin:auto;position:absolute;inset:0}.mute-btn{color:#0000;text-shadow:0 0 0 var(--b-ink), .03em .07em 0 #0000008c;font-family:BT Speaker,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,system-ui,sans-serif;font-size:max(18px,2.04cqw);line-height:1;left:max(6px,1cqw)}.mute-btn[data-muted]{text-shadow:none}.mute-btn[data-muted]:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h3.5L12 4.5v15L6.5 15H3z' fill='%23fbe7c6' stroke='%23fbe7c6' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M15.5 8.8a4.6 4.6 0 0 1 0 6.4M18.3 6a8.4 8.4 0 0 1 0 12' fill='none' stroke='%23fbe7c6' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:58%;height:58%;margin:auto;position:absolute;inset:0}.mute-btn[data-muted="1"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h3.5L12 4.5v15L6.5 15H3z' fill='%23fbe7c6' stroke='%23fbe7c6' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M15.5 9l5 6M20.5 9l-5 6' fill='none' stroke='%23ff9a8a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.touch{width:100%;max-width:960px;padding:12px max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;font-size:16px;display:flex}#touch[data-mode=buttons] .pad{gap:12px;display:flex}.touch button{--b-top:#8a5e3e;--b-mid:#5a3820;--b-bot:#34200f;--b-edge:#140a04;--b-ink:#fbe7c6;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:76px;height:76px;min-height:0;box-shadow:0 0 0 2px #ffd35c59, inset 0 -3px 0 #0003, inset 0 2px 0 #ffffff4d, 0 5px 0 var(--b-edge), 0 8px 13px #00000073;border-radius:50%;padding:0}.touch button:before{border-radius:50%;height:44%;top:5%;left:16%;right:16%}.touch [data-key=left],.touch [data-key=right]{font-size:0}.touch [data-key=left]:after,.touch [data-key=right]:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3.8 5.6 10.6a1.6 1.6 0 0 0 0 2.8l10.9 6.8a1.6 1.6 0 0 0 2.5-1.4V5.2a1.6 1.6 0 0 0-2.5-1.4z' fill='%23fbe7c6' stroke='%23140a04' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:44%;height:44%;margin:auto;position:absolute;inset:0}.touch [data-key=right]:after{transform:scaleX(-1)}.touch .fire{--b-top:#ffb09a;--b-mid:#f65a4c;--b-bot:#cf2429;--b-edge:#74100f;border-radius:40px;width:136px;padding-top:4px;font-size:22px}#touch[data-mode=buttons] .actions{align-items:flex-end;gap:10px;display:flex}.touch .spell{--b-top:#d7a4ff;--b-mid:#8f43c5;--b-bot:#572283;--b-edge:#2b104b;--charge:0;align-self:flex-start;width:68px;height:68px;margin-bottom:30px;font-size:10px}.touch .spell:after{content:"";background:conic-gradient(#f3dcff calc(var(--charge) * 360deg), #14082899 0);pointer-events:none;border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.touch .spell.ready{box-shadow:0 0 0 3px #d4a0ffbf, 0 0 14px 4px #d696ffb3, 0 5px 0 var(--b-edge), 0 8px 13px #00000073}.touch .spell.ready:after{background:#fff}.touch button.down{filter:brightness(1.18);box-shadow:0 0 0 2px #ffd35c99, inset 0 -2px 0 #0003, inset 0 2px 0 #ffffff4d, 0 1px 0 var(--b-edge), 0 2px 5px #00000073;transform:translateY(4px)scale(.97)}.stick-zone{display:none}#touch[data-mode=joystick]{pointer-events:none}#touch[data-mode=joystick] .pad{display:none}#touch[data-mode=joystick] .stick-zone{inset:max(48px, calc(env(safe-area-inset-top) + 44px)) 50% 0 0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:absolute}#touch[data-mode=joystick] .stick-base{left:max(18px, calc(env(safe-area-inset-left) + 18px));top:calc(100% - 138px - env(safe-area-inset-bottom));opacity:.3;pointer-events:none;will-change:transform;background:#ffffff1f;border:3px solid #ffffff40;border-radius:50%;width:120px;height:120px;position:absolute}#touch[data-mode=joystick] .stick-zone.on .stick-base{opacity:1;top:0;left:0}#touch[data-mode=joystick] .stick-knob{will-change:transform;background:#fff9;border-radius:50%;width:52px;height:52px;position:absolute;top:31px;left:31px}#touch[data-mode=joystick] .actions{right:max(18px, calc(env(safe-area-inset-right) + 18px));bottom:max(18px, calc(env(safe-area-inset-bottom) + 18px));pointer-events:none;width:200px;height:178px;position:absolute}#touch[data-mode=joystick] .actions button{color:#fff;box-shadow:none;text-shadow:none;filter:none;opacity:.55;pointer-events:auto;background:#ffffff29;border:3px solid #ffffff73;border-radius:50%;margin:0;padding:0;transition:none;position:absolute;transform:none}#touch[data-mode=joystick] .actions button:before{display:none}#touch[data-mode=joystick] .fire{width:104px;height:104px;font-size:0;bottom:0;right:0}#touch[data-mode=joystick] .fire:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2 4 14h7l-1 8L21 9h-8z' fill='white' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:24px}#touch[data-mode=joystick] .spell{width:76px;height:76px;font-size:10px;bottom:100px;right:118px}#touch[data-mode=joystick] .spell.ready{box-shadow:0 0 14px 4px #d696ffb3}#touch[data-mode=joystick] .actions button.down{opacity:.95}@media (hover:none) and (pointer:coarse){#menu .hint,.btn-label small,.controls-help p:nth-of-type(-n+2){display:none}#menu .buttons button,.buttons.row>button,.join-box>button,#join .join-box>button,input:not([type]),input[type=text],input[type=password]{min-height:44px}.tabs button,.room-list li button{min-height:40px}}@media (hover:none) and (pointer:coarse) and (max-width:600px),(hover:none) and (pointer:coarse) and (max-height:600px){#menu [data-action=local],#menu [data-action=campaign-duo]{display:none}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){#app{justify-content:flex-start;gap:14px}#stage{aspect-ratio:960/616;flex:none;width:100%}html.hud-top #stage{aspect-ratio:960/540}.rotate-hint{max-width:calc(100% - 16px);margin:max(12px, env(safe-area-inset-top)) 0 0;font:9px/1.7 var(--pixel);color:var(--muted);text-wrap:balance;flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.rotate-icon{border:2px solid var(--gold);width:14px;height:22px;animation:rotate-hint 2.6s var(--ease-out) infinite;border-radius:3px;flex:none}.touch{isolation:isolate;width:auto;max-width:none;min-height:170px;margin:4px calc(-1 * env(safe-area-inset-right)) 0 calc(-1 * env(safe-area-inset-left));padding:60px max(28px, env(safe-area-inset-right) + 20px) max(76px, env(safe-area-inset-bottom) + 60px) max(28px, env(safe-area-inset-left) + 20px);background:radial-gradient(#ffffff06 1px, transparent 1.5px) 0 0 / 5px 5px, radial-gradient(120% 70% at 30% 0%, var(--leather) 0%, var(--leather-2) 80%);box-shadow:0 -2px 0 #ffd69638, 0 -10px 24px #00000073, inset 0 10px 0 var(--wood), inset 0 12px 0 var(--wood-dark), inset 0 22px 26px #00000080;outline:2px dashed var(--stitch);outline-offset:-20px;border-top:3px solid #1a0d05;border-radius:26px 26px 0 0;flex:auto;justify-content:center;align-self:stretch;align-items:center;gap:clamp(12px,4vw,36px);position:relative}.touch:before{content:"";z-index:-1;left:50%;bottom:max(34px, env(safe-area-inset-bottom) + 20px);pointer-events:none;background:radial-gradient(circle,#0b0502 0 2.1px,#ffdcaa29 2.5px 3px,#0000 3.3px) 50%/9px 9px;border-radius:999px;width:96px;height:26px;position:absolute;translate:-50%;box-shadow:inset 0 2px 4px #00000080}.touch:after{content:"Bubble Magic";font:16px/1 var(--display);letter-spacing:.14em;white-space:nowrap;color:#14090399;text-shadow:0 1px #ffdcaa29,0 -1px #00000059;pointer-events:none;position:absolute;top:30px;left:50%;translate:-50%}#touch[data-mode=buttons] .pad{background:#0000004d;border-radius:999px;gap:8px;padding:7px;box-shadow:inset 0 3px 8px #0009,0 1px #ffdcaa1a}#touch[data-mode=buttons] .pad button{width:min(92px,21vw);height:min(92px,21vw)}#touch[data-mode=buttons] .actions{flex-direction:column;align-items:center}#touch[data-mode=buttons] .spell{width:56px;height:56px;margin-bottom:0}#touch[data-mode=buttons] .fire{border-radius:48px;flex:none;width:min(136px,30vw);min-width:96px;height:min(96px,24vw);font-size:26px}#touch[data-mode=joystick]{min-height:260px;padding:0;overflow:hidden}#touch[data-mode=joystick] .stick-zone{inset:0 50% 0 0}#touch[data-mode=joystick] .stick-base{top:calc(100% - 166px - env(safe-area-inset-bottom))}#touch[data-mode=joystick] .stick-zone.on .stick-base{top:0}#touch[data-mode=joystick] .actions{left:50%;right:max(12px, calc(env(safe-area-inset-right) + 12px));bottom:max(40px, calc(env(safe-area-inset-bottom) + 40px));width:auto;height:194px}#touch[data-mode=joystick] .spell{bottom:116px;right:min(60px,12vw)}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){#touch[data-mode=joystick]{max-width:none;padding:0;position:fixed;inset:0;overflow:hidden}}@media not all and (hover:none) and (pointer:coarse){#touch{display:none}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (min-aspect-ratio:16/9){#stage{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}#touch[data-mode=buttons] button{opacity:.72}#touch[data-mode=buttons] button.down{opacity:1}#touch[data-mode=buttons]{pointer-events:none;align-items:flex-end;max-width:none;position:fixed;bottom:0;left:0;right:0}#touch[data-mode=buttons]>*{pointer-events:auto}#touch[data-mode=buttons] .pad{gap:8px}#touch[data-mode=buttons] button{width:64px;height:64px}#touch[data-mode=buttons] .fire{width:120px;height:72px}#touch[data-mode=buttons] .actions{flex-direction:column;align-items:center;gap:14px}#touch[data-mode=buttons] .spell{margin-bottom:0}}@container (width<=760px){.screen{gap:.7em;padding:1em 1.2em .7em;font-size:max(8px,1.3cqw)}.logo{font-size:7.4cqw}.tag,.hint{display:none}.field{flex-direction:row}input:not([type]),input[type=text],input[type=password]{width:14em;padding:.7em .8em .6em}.join-box>button{height:calc(1.904em + 2*max(2px,.1066em))}#join .join-box>button{height:calc(2.596em + 2*max(2px,.1454em))}.join-box input{height:calc(2.5em + 2*max(2px,.14em))}button{min-height:26px}.buttons{gap:.6em;width:100%}.panel{--bw:max(8px, .6em);outline-offset:-1.05em;padding:1em 1.2em 1.4em}.level-grid{gap:.55em;width:100%}.controls-help{max-width:100%}table.lb,.room-list,.players{width:100%}#share-link{background-image:linear-gradient(#0c0603,#24140a);width:20em;padding-left:1.3em;padding-right:1.3em}}@container (width<=480px){.screen{gap:.5em;padding:.6em .8em}.logo{font-size:6.6cqw}.btn-label small{display:none}.panel>h2{font-size:2.2em}.level-grid{grid-template-columns:repeat(6,1fr)}.wizard-grid{grid-template-columns:repeat(2,1fr)}.powerups{grid-template-columns:1fr}.powerups div:last-child:nth-child(odd){justify-self:stretch}}@container (width<=560px){.pause-btn,.mute-btn{opacity:.75;width:26px;height:26px;top:4px}.account-chip{font-size:12px;left:36px}.pause-btn{right:4px}.mute-btn{font-size:16px;left:4px}#stage:not(:has(>.screen:not(.hidden))) .toast{border-radius:.9em;gap:.6em;max-width:calc(100% - 72px);padding:.5em 1em .45em .5em;font-size:9px;top:4px}}@container (height<=440px){.screen{gap:.6em;padding-block:.8em;font-size:max(9px,min(1.35cqw,3cqh))}.panel{gap:.65em;margin-top:1.2em;padding-top:.9em;padding-bottom:1.2em}.panel>h2{font-size:2.3em}#results .panel>h2{font-size:2.8em}.controls-help{line-height:1.9}#leaderboard .panel{gap:.5em;padding-bottom:1em}.tabs button{padding:.45em 1.2em .3em;font-size:1em}table.lb{border-spacing:0 .2em;margin-top:-.35em;font-size:.8em}table.lb th{padding-block:0}table.lb td{padding:.34em .8em .22em;line-height:1.35}table.lb tbody tr:nth-child(-n+3) td:first-child:not([colspan]):before{border-width:.15em;width:1.9em;height:1.9em;margin:-1em 0 0 -.95em}}@container (height<=440px) and (aspect-ratio>=3/2){.players{grid-template-columns:1fr 1fr;width:100%;display:grid}.players:after,.players>li.muted{grid-column:1/-1}#settings .panel{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:0 1.6em;width:min(64em,100%);display:grid}#settings .panel>h2{grid-column:1/-1;justify-self:center;margin-bottom:.6em}#settings .controls-help{display:contents}#settings .slider,#settings .controls-help>h3:first-of-type,#settings .controls-help>p{grid-column:1}#settings .slider{margin-bottom:.7em}#settings .controls-help>h3:first-of-type{margin-top:.3em}#settings .controls-help>h3:last-of-type{grid-area:2/2;margin-top:0}#settings .powerups{grid-area:3/2/span 6;align-self:start;margin-top:.5em}#settings .powerups div{padding-block:.15em}#settings .powerups canvas{width:26px;height:26px}#settings .buttons.row{grid-column:1/-1;justify-self:center;margin-top:.8em}#leaderboard .panel{grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5em 1.6em;width:min(62em,100%);display:grid}#leaderboard .panel>h2{grid-column:1/-1;justify-self:center}#leaderboard .tabs{border-radius:1.3em;flex-direction:column;grid-area:2/1}#leaderboard .tabs button{width:100%}#leaderboard table.lb{grid-area:2/2/span 2;width:100%;margin-top:-.2em}#leaderboard .buttons.row{grid-area:3/1;place-self:end center;margin:0}}@container (orientation:portrait){.screen{gap:.9em;padding:2.6em 1em 1.2em;font-size:clamp(11px,3cqw,17px)}.logo{margin-bottom:.1em;font-size:13cqw}.tag{display:block}.panel{--bw:max(9px, .72em);outline-offset:-1.2em;padding-inline:1em}.panel>h2{font-size:2.4em}#results .panel>h2{font-size:2.8em}#res-summary:first-line{font-size:min(2.4em,8.5cqw)}#res-summary:has(.small):first-line{font-size:min(1.7em,5.6cqw)}#res-summary:has(.score):first-line{font-size:1em}#res-summary .score{font-size:min(3.2em,13cqw)}#res-summary .small{width:100%;min-width:0;padding-inline:.5em;font-size:.76em}.level-grid{grid-template-columns:repeat(5,1fr);gap:.7em}.join-box .field{flex-direction:column}#share-link{width:100%}.toast{max-width:94%;font-size:max(10px,2.9cqw)}#stage:has(>#menu:not(.hidden)) .toast{animation-name:toast-in;top:max(8px,2.2cqw);bottom:auto;translate:none}.slider{--sl-h:1.5em}}#menu .tag,#menu .btn-label small{display:block}@container (orientation:portrait){#menu .logo{font-size:min(11cqw,8cqh)}}@media (max-width:30em){#menu .home-actions,#more-modes .buttons{grid-template-columns:1fr}#menu .field{flex-direction:column;gap:.4em}#menu .field input{width:min(18em,100%)}}@media (max-height:28em){#menu{gap:.35em;padding-top:54px;padding-bottom:28px}#menu:before,#menu:after{display:none}#menu .logo{font-size:min(5cqw,8cqh)}#menu .buttons .primary{min-height:72px;font-size:2em}#menu .hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.logo-bubbles,.res-fx .cf,#menu .buttons .primary:after{display:none}.logo,.logo-word>span,.logo-orb,.logo-orb:after,.logo-trail i,.logo-wand-star{animation:none!important}}html.hud-top #stage:has(>.screen:not(.hidden):not(#pausemenu))>canvas#game{height:100%}html.hud-top .pause-btn{right:auto;left:calc(var(--cv-x,0px) + var(--cv-w,100%) / 2 + var(--cv-h,540px) * 158 / 540);top:calc(var(--cv-y,0px) + var(--cv-h,540px) * 6 / 540);width:clamp(26px, calc(var(--cv-h,540px) * 40 / 540), 44px);height:clamp(26px, calc(var(--cv-h,540px) * 40 / 540), 44px)}html.hud-top #stage:not(:has(>.screen:not(.hidden):not(#pausemenu))) .mute-btn{display:none}#pause-mute-btn{display:none}html.hud-top #pause-mute-btn{display:inline-block}