:root{--sky:#c3e3ff;--ink:#353541;--muted:#6b6b7b;--accent:#2cc987;--accent-dark:#1f9e69;--panel:#fff}html,body{background:var(--sky);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font:16px/1.3 ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;overflow:hidden}img{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hud{z-index:2;padding:calc(env(safe-area-inset-top) + 6px) 16px 6px;background:var(--ink);color:#fff;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}#hud-items{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hud-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin:-6px -16px;padding:6px 16px;display:flex;overflow-x:auto}.hud-row::-webkit-scrollbar{display:none}#hud-third{justify-content:flex-start}@media (min-width:900px){#hud-items{flex-direction:row;align-items:center;gap:12px}.hud-row{flex:none}#hud-third{flex:1 1 0;min-width:0}}#hud-buttons{flex-direction:column-reverse;gap:4px;display:flex}@media (min-width:601px){#hud-buttons{flex-direction:row;gap:6px}}@media (max-width:600px){#hud-buttons:has(#fullscreen-button:not([hidden])){gap:2px}#hud-buttons:has(#fullscreen-button:not([hidden])) button{width:31px;height:31px;padding-bottom:2px}#hud-buttons:has(#fullscreen-button:not([hidden])) #info-button img{width:16px;height:16px}#hud-buttons:has(#fullscreen-button:not([hidden])) #menu-button span{width:13px}}.hud-row>span{flex:none;align-items:center;display:flex}#hud .icon{filter:drop-shadow(0 0 1.5px #ffffffb3);width:28px;height:28px}#hud .icon.mono{filter:brightness(0)invert()}#hud .icon.small{width:22px;height:22px;margin-left:6px}#hud .digit{width:20px;height:20px;margin-right:-4px}#hud .icon+.sr-only+.digit{margin-left:2px}#hud .digit+.icon{margin-left:10px}#hud .tag{color:var(--ink);background:#ffc83d;border-radius:6px;padding:1px 6px;font:11px Kenney Future,ui-rounded,system-ui,sans-serif}#hud .tag+.tag{margin-left:3px}#hud-modes:empty{display:none}#hud small.par{opacity:.7;margin:0 0 0 6px;font-size:12px}#hud small{letter-spacing:.04em;text-transform:uppercase;margin-right:4px;font-size:13px;font-weight:800}#toast{inset:auto auto auto 50%;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:3;border:2px solid var(--ink);color:var(--ink);pointer-events:none;opacity:0;background:#ece3cc;border-radius:16px;align-items:center;gap:10px;margin:0;padding:8px 16px 8px 10px;transition:opacity .25s,transform .25s;position:fixed;overflow:visible;transform:translate(-50%,8px)}#toast:popover-open{display:flex}#toast.show{opacity:1;transform:translate(-50%)}#toast img{image-rendering:auto;width:44px;height:44px}#toast strong,#toast span{display:block}#toast span{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){#toast{transition:none}}#autopilot{z-index:3;border:2px solid var(--ink);max-width:calc(100vw - 32px);color:var(--ink);pointer-events:none;background:#ece3cc;border-radius:16px;align-items:center;gap:10px;padding:6px 8px 6px 16px;font-weight:700;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}#autopilot[hidden]{display:none}#autopilot .autopilot-hint{align-items:center;display:flex}#autopilot .pad-glyph{filter:drop-shadow(0 0 1px #0000008c);width:28px;height:28px}#autopilot .key-cap{box-sizing:border-box;border:2px solid var(--ink);min-width:28px;height:26px;color:var(--ink);text-align:center;background:#fff;border-bottom-width:4px;border-radius:6px;padding:0 7px;font:700 12px/22px ui-monospace,monospace}@media (pointer:coarse){#autopilot .key-cap{display:none}}#autopilot button{pointer-events:auto;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font:inherit;border-radius:10px;padding:2px 12px;font-size:13px;font-weight:800;box-shadow:0 2px #1e1e27}body.autopilot #actions{opacity:.4;pointer-events:none}#pad-label{white-space:pre-line;z-index:3;border:2px solid var(--ink);max-width:calc(100vw - 32px);color:var(--ink);text-align:center;pointer-events:none;background:#ece3cc;border-radius:16px;padding:8px 16px;font-weight:700;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#pad-label[hidden]{display:none}#actions{z-index:2;padding:8px 16px calc(env(safe-area-inset-bottom) + 8px);background:var(--ink);flex-wrap:wrap;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}#actions>button{border:3px solid var(--ink);background:var(--panel);min-width:0;min-height:56px;color:var(--ink);font:inherit;border-radius:12px;flex:1 0 calc(25% - 6px);grid-template-columns:auto;justify-content:center;place-items:center;margin-bottom:4px;font-weight:800;display:grid;position:relative;box-shadow:0 4px #1e1e27}#actions .icon{width:36px;height:36px}#actions>button[hidden]{display:none}#actions>button.cancel{border-radius:50%;flex:none;width:48px;min-width:48px;min-height:48px;margin:0;padding:0;position:absolute;top:-56px;right:16px}#actions>button.cancel img{pointer-events:none;width:28px;height:28px}body.pad #actions>button.cancel,body.demo #actions>button.cancel{display:none}#actions .slot{opacity:.6;border:3px dashed;border-radius:8px;width:30px;height:30px}#actions .count{background:var(--ink);color:#fff;border-radius:9px;min-width:18px;padding:0 4px;font:800 12px/18px ui-rounded,system-ui,sans-serif;position:absolute;bottom:4px;right:6px}@media (max-width:600px){#actions kbd{display:none}}#actions>button:active:not(:disabled){box-shadow:none;transform:translateY(4px)}#actions>button.auto{border-color:var(--accent-dark);box-shadow:0 4px 0 var(--accent-dark)}#actions>button.deadly:not(:disabled){background:#ffd9d4;border-color:#c0392b;box-shadow:0 4px #8e2a20}#actions>button[aria-pressed=true]{background:var(--accent);color:#fff}#actions>button[aria-pressed=true] .mono{filter:brightness(0)invert()}#actions>button:disabled{opacity:.45}#actions kbd{color:var(--muted);font:11px ui-monospace,monospace}#actions>button[aria-pressed=true] kbd{color:#e2fff2}#actions .pad-glyph{pointer-events:none;filter:drop-shadow(0 0 1px #0000008c);display:none}body.pad #actions>button{justify-content:center;align-items:center;gap:4px;display:flex}body.pad #actions .icon,body.pad #actions .slot{aspect-ratio:1;flex:0 36px;min-width:0;height:auto}body.pad #actions .slot{flex-basis:30px}body.pad #actions .pad-glyph{aspect-ratio:1;flex:0 32px;width:32px;min-width:0;height:auto;display:block}body.pad #actions kbd{display:none}#banner{z-index:3;background:#35354199;place-content:center;justify-items:center;padding:16px;display:grid;position:fixed;inset:0}#banner[hidden]{display:none}#banner.developer{box-shadow:inset 0 0 0 8px #e8253f}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}#banner:not([hidden]){animation:.3s ease-out .35s backwards fade-in}#banner:not([hidden])>.panel{animation:.3s ease-out .35s backwards pop-in}#dialog[open] .panel{animation:.18s ease-out pop-in}#dialog[open]::backdrop{animation:.18s ease-out fade-in}@keyframes pop-out{to{opacity:0;transform:scale(.9)}}@keyframes fade-out{to{opacity:0}}#dialog.closing .panel{animation:.15s ease-in forwards pop-out}#dialog.closing::backdrop{animation:.15s ease-in forwards fade-out}@keyframes bump{40%{transform:scale(1.3)}}#hud .hud-item.bump{animation:.3s ease-out bump}@media (prefers-reduced-motion:reduce){#banner:not([hidden]),#banner:not([hidden])>.panel,#dialog[open] .panel,#hud .hud-item.bump{animation:none}#dialog[open]::backdrop{animation:none}}#banner .panel{box-sizing:border-box;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);scrollbar-width:none;max-height:calc(100dvh - 32px);color:var(--ink);text-align:center;border:12px solid #0000;border-image:url(/explodorama/assets/panel_beigeLight-6djPtQM6.png) 12 fill/12px;flex-direction:column;align-items:center;gap:10px;padding:14px 18px 18px;display:flex;overflow-y:auto}#banner img{width:72px;height:72px}#banner p{margin:0;font-size:18px;font-weight:700;line-height:1.35}#banner .ui-button{align-self:stretch}#banner .ui-button[hidden]{display:none}@font-face{font-family:Kenney Future;src:url(/explodorama/assets/Kenney%20Future-DVB-apiN.ttf)format("truetype");font-display:swap}#hud .hud-item{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:2px;display:flex}#hud .hud-item:active{background:#ffffff26}#hud .hud-item+.hud-item{margin-left:4px}#info-button{cursor:pointer;background:url(/explodorama/assets/button_round_depth_flat-BcAxdvrZ.png) 50%/contain no-repeat;border:0;place-content:center;width:40px;height:40px;padding:0 0 3px;display:grid}#info-button img{opacity:.85;width:20px;height:20px}#info-button[aria-pressed=true]{background-image:url(/explodorama/assets/button_round_depth_flat-aj4RAIs5.png)}#info-button[aria-pressed=true] img{filter:invert();opacity:1}#info-button:disabled{opacity:.45}#fullscreen-button{cursor:pointer;background:url(/explodorama/assets/larger-ySwE8bJr.png) 50%/20px no-repeat,url(/explodorama/assets/button_round_depth_flat-BcAxdvrZ.png) 50%/contain no-repeat;border:0;width:40px;height:40px;padding:0 0 3px}#fullscreen-button[hidden]{display:none}@media (max-width:600px){#fullscreen-button{background-size:16px,contain}}#fullscreen-button[aria-pressed=true]{background-image:url(/explodorama/assets/smaller-KljWsB1L.png),url(/explodorama/assets/button_round_depth_flat-BcAxdvrZ.png)}#menu-button{cursor:pointer;background:url(/explodorama/assets/button_round_depth_flat-BcAxdvrZ.png) 50%/contain no-repeat;border:0;place-content:center;gap:3px;width:40px;height:40px;padding:0 0 3px;display:grid}#menu-button span{background:var(--ink);border-radius:2px;width:16px;height:3px}#dialog{max-width:min(360px,100vw - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}#dialog::backdrop{background:#35354199}#dialog .panel{box-sizing:border-box;max-height:calc(100vh - 64px);text-align:center;border:12px solid #0000;border-image:url(/explodorama/assets/panel_beigeLight-6djPtQM6.png) 12 fill/12px;flex-direction:column;align-items:center;gap:10px;max-height:calc(100dvh - 64px);padding:14px 18px 18px;display:flex;position:relative}#dialog .panel:focus{outline:none}#dialog-close{cursor:pointer;background:url(/explodorama/assets/icon_cross-CS_Wvalb.png) 50% 45%/16px no-repeat,url(/explodorama/assets/button_round_depth_flat-BcAxdvrZ.png) 50%/contain no-repeat;border:0;width:40px;height:40px;padding:0;position:absolute;top:-26px;right:-26px}#dialog-icon{width:64px;height:64px}#dialog-title{margin:0;font:22px/1.2 Kenney Future,ui-rounded,system-ui,sans-serif}#dialog-body{scrollbar-width:none;touch-action:pan-y;flex:0 auto;align-self:stretch;min-height:0;font-size:15px;line-height:1.4;overflow-y:auto}#dialog-body p{margin:0 0 8px}#dialog-body .credit{color:var(--muted);font-size:12px}#dialog-body a{color:inherit}#dialog-buttons:empty{display:none}.almanac-tabs{z-index:2;background:#ece3cc;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;padding-bottom:8px;display:grid;position:sticky;top:0}.almanac-tabs button{white-space:nowrap;border:2px solid var(--ink);min-width:0;color:var(--ink);cursor:pointer;background:0 0;border-radius:14px;flex:1 1 0;padding:4px 2px;font:10px Kenney Future,ui-rounded,system-ui,sans-serif}.almanac-tabs button[aria-pressed=true]{border-color:var(--accent-dark);background:var(--accent);color:#fff}#dialog-body .almanac-intro{color:var(--muted);font-size:13px}.almanac-entry{text-align:left;border-top:1px solid #35354126;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:8px 0;display:grid}.almanac-entry>img{width:44px;height:44px}#dialog-body .almanac-entry p{margin:2px 0 0;font-size:14px}button.almanac-entry.has-clip{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #35354126;padding-right:34px;position:relative}button.almanac-entry.has-clip:after{content:"▶";background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:-12px;font-size:11px;display:grid;position:absolute;top:50%;right:4px}button.almanac-entry.has-clip:active{background:#3535410f}.offer-clip{z-index:1;background:#ece3ce;padding-bottom:8px;position:sticky;top:0}.offer-choice .change,.shop-item .change{color:var(--accent-dark);margin:2px 0 0;font-weight:800}.offer-choice{text-align:left;border:2px solid var(--ink);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#fff8e6;border-radius:12px;margin:0 0 8px;padding:8px 10px;box-shadow:0 3px #35354159}.offer-still{box-sizing:border-box;aspect-ratio:9/7;object-fit:contain;background:#fff8e6;border-radius:8px;width:100%;max-width:300px;margin:0 auto;padding:18%;display:block}.offer-still[hidden]{display:none}.offer-choice[aria-pressed=true]{border-color:var(--accent-dark);background:#d9f6e9}.offer-choice:active{box-shadow:none;transform:translateY(2px)}#dialog button:focus-visible{outline-offset:2px;outline:3px solid #ffc83d}#dialog-buttons{gap:8px;width:100%;display:grid}.ui-button{color:#fff;cursor:pointer;background:0 0;border:12px solid #0000;border-bottom-width:16px;border-image:url(/explodorama/assets/button_rectangle_depth_flat-CpP-C2jB.png) 24 24 32 fill/12px 12px 16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 12px;font:16px Kenney Future,ui-rounded,system-ui,sans-serif;display:flex}.ui-button.danger{border-image-source:url(/explodorama/assets/button_rectangle_depth_flat-CeRxlf6C.png)}.ui-button.plain{color:var(--ink);border-image-source:url(/explodorama/assets/button_rectangle_depth_flat-Bjen5_k2.png)}.ui-button:disabled{opacity:.45;cursor:default}.ui-button:active:not(:disabled){transform:translateY(3px)}.ui-button img{height:20px}#dialog-body fieldset.choices{text-align:left;border:2px solid #d9cba8;border-radius:10px;gap:8px;margin:0 0 10px;padding:8px 10px 10px;display:grid}#dialog-body legend{padding:0 4px;font:13px Kenney Future,ui-rounded,system-ui,sans-serif}#dialog-body .choices label{align-items:flex-start;gap:8px;font-size:14px;line-height:1.3;display:flex}#dialog-body .choices input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}#dialog-body .choices b{display:block}#dialog-body .choices label.seed{flex-direction:column;font-size:13px}#dialog-body .choices label.seed input{box-sizing:border-box;width:100%;height:40px;color:var(--ink);background:#fff;border:2px solid #d9cba8;border-radius:8px;padding:0 10px;font:600 16px ui-rounded,system-ui,sans-serif}#dialog-body .choices label.seed input::placeholder{color:#b5aa90}#dialog-body .warning{color:#b3122e;font-weight:700}#dialog-body .channel-box{border:2px solid var(--ink);text-align:center;border-radius:12px;margin:0 0 10px;padding:8px 10px}#dialog-body .channel-box p{margin:0 0 6px}#dialog-body .channel-box p:last-child{margin-bottom:0}.channel-sub{color:var(--muted);font-size:12px;display:block}.channel-switch{border:2px solid var(--accent-dark);background:var(--accent);color:#fff;cursor:pointer;border-radius:14px;margin:2px 0 6px;padding:6px 12px;font:11px Kenney Future,ui-rounded,system-ui,sans-serif}#dialog-body .mode{text-align:left;font-size:13px}#dialog-body::-webkit-scrollbar{display:none}#view-mask{z-index:1;box-shadow:0 0 0 100vmax var(--ink);pointer-events:none;position:fixed}#view-mask[hidden],body.demo #banner{display:none}body.demo #hud{top:var(--demo-title,0px);left:var(--tv-left,0px);right:var(--tv-left,0px)}#demo-title{z-index:10;padding:calc(env(safe-area-inset-top) + 8px) 16px 6px;background:var(--ink);color:#fff;text-align:center;letter-spacing:.01em;margin:0;font:800 30px/1.15 ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;position:fixed;top:0;left:0;right:0}#demo-title[hidden]{display:none}.demo-spot{outline-offset:2px;border-radius:10px;outline:3px solid #ffc83d}#demo{z-index:10;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);background:var(--ink);color:#fff;text-align:center;position:fixed;bottom:0;left:0;right:0}#demo[hidden]{display:none}#demo-caption{justify-content:center;align-items:center;gap:10px;min-height:3.9em;margin:0;font-size:17px;line-height:1.3;display:flex}#demo .demo-icon{filter:drop-shadow(0 0 1.5px #ffffffb3);flex:none;width:34px;height:34px}#demo .demo-icon.mono{filter:brightness(0)invert()}#demo .demo-nav{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}#demo-count{font-variant-numeric:tabular-nums;min-width:4.5em;font-weight:700}#demo .demo-nav button{cursor:pointer;background:#ffffff24 50%/18px no-repeat;border:0;border-radius:50%;width:36px;height:36px}#demo #demo-prev,#demo #demo-next{background-image:url(/explodorama/assets/arrowRight-B4opVS7m.png)}#demo-prev{transform:scaleX(-1)}#demo #demo-restart{background-image:url(/explodorama/assets/icon_repeat_light-CTXb8bj_.png);background-size:22px;margin-left:0}#demo #demo-shuffle{opacity:.55;background-image:url(/explodorama/assets/dice_3D_detailed-CyxkNNgV.png);background-size:24px;margin-left:14px}#demo #demo-shuffle[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px #ffc83d}#demo .demo-nav button{position:relative}#demo .demo-nav .pad-glyph{pointer-events:none;width:20px;height:20px;display:none;position:absolute;bottom:-8px;right:-8px}#demo.pad .demo-nav .pad-glyph{display:block}#demo #demo-prev .pad-glyph{left:-8px;right:auto;transform:scaleX(-1)}#demo .demo-input-row{margin-top:6px}#demo #demo-input{width:auto;height:32px;color:inherit;font:inherit;border-radius:16px;padding:0 14px;font-size:.9rem;font-weight:700}#demo-title .demo-hint{color:#ffc83d;margin-top:2px;font-size:16px;font-weight:800;line-height:24px;animation:1.6s ease-in-out infinite demo-hint;display:block}#demo-title .pad-glyph{vertical-align:middle;width:22px;height:22px}@keyframes demo-hint{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){#demo-title .demo-hint{animation:none}}body.demo #actions{box-sizing:border-box;border-radius:14px;padding:8px 8px 4px;bottom:auto;right:auto}#actions>button.pressed:not(:disabled){box-shadow:none;transform:translateY(4px)}#demo-finger{z-index:9;pointer-events:none;transition:opacity .3s;position:fixed;top:0;left:0}#demo-finger[hidden]{display:none}#demo-finger.glide{transition:transform .4s ease-in-out,opacity .3s}#demo-finger.away{opacity:0}#demo-finger img{transform-origin:11px 14px;filter:drop-shadow(0 2px 3px #00000059);width:64px;height:64px;margin:-14px 0 0 -11px;transition:transform .12s;display:block}.pad-overlay{--pad-size:220px;width:var(--pad-size);pointer-events:none;flex:none;position:relative}.pad-overlay>.pad-body{opacity:.95;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1.5px #000000e6);width:100%;height:100%;position:absolute;inset:0}.pad-overlay.compact{--pad-size:120px}.pad-overlay[hidden]{display:none}#demo>.pad-overlay{margin:4px auto 0}.clip-frame>.pad-overlay{z-index:2;position:absolute;bottom:4px;right:4px}.hold-ring{aspect-ratio:1;pointer-events:none;background:conic-gradient(#ffd23f calc(var(--p,0) * 360deg), #ffffff47 0);filter:drop-shadow(0 0 2px #0009);border-radius:50%;position:absolute;-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))}.hold-ring.full{background:#5cff9b}.hold-ring[hidden]{display:none}.hold-ring.floating{z-index:1000;position:fixed}.pad-overlay .hold-ring{transform:scale(1.4)}#demo-caption .pad-glyph{vertical-align:middle;width:28px;height:28px}.pad-overlay .pad-part{aspect-ratio:1;height:auto;transition:opacity .1s,transform .1s,filter .1s;position:absolute}.pad-overlay .pad-part.l1.on,.pad-overlay .pad-part.r1.on,.pad-overlay .pad-part.start.on{filter:drop-shadow(0 0 4px #ffd23f);transform:scale(1.15)}.pad-overlay .pad-part.face{opacity:.85;filter:grayscale()brightness(1.7);clip-path:circle(var(--clip,50%))}.pad-overlay .pad-part.face.on{opacity:1;filter:grayscale(0)brightness(1.15)saturate(1.2);clip-path:circle(calc(var(--clip,50%) / 1.15));transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.pad-overlay .pad-part{transition:none}.pad-overlay .pad-part.on{transform:none}.pad-overlay .pad-part.face.on{clip-path:circle(var(--clip,50%))}}.key-overlay{--key:min(34px, calc((100vw - 64px) / 10.5));grid-template-columns:repeat(10, var(--key));grid-template-rows:repeat(2, var(--key));pointer-events:none;flex:none;justify-content:center;gap:4px;display:grid}.key-overlay.compact{--key:22px}.key-overlay[hidden]{display:none}#demo>.key-overlay{margin:10px auto 0}.key-overlay .key-part{object-fit:contain;border-radius:22%;width:100%;height:100%;transition:transform .1s,background-color .1s,filter .1s}.key-overlay .key-part.esc{grid-area:1/1}.key-overlay .key-part.inspect{grid-area:1/2}.key-overlay .key-part.home{grid-area:1/3}.key-overlay .key-part.alt{grid-area:2/1}.key-overlay .key-part.shift{grid-area:2/2}.key-overlay .key-part.enter{grid-area:2/3}.key-overlay .key-part.up{grid-area:1/5}.key-overlay .key-part.left{grid-area:2/4}.key-overlay .key-part.down{grid-area:2/5}.key-overlay .key-part.right{grid-area:2/6}.key-overlay .key-part.move{grid-area:1/8}.key-overlay .key-part.bomb{grid-area:1/9}.key-overlay .key-part.charge{grid-area:1/10}.key-overlay .key-part.wait{grid-area:2/8/3/11}.key-overlay .key-part.on{filter:drop-shadow(0 0 4px #ffd23f);background-color:#ffd23f;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.key-overlay .key-part{transition:none}.key-overlay .key-part.on{transform:none}}#demo-you{z-index:5;pointer-events:none;position:fixed;top:0;left:0}#demo-you[hidden]{display:none}#demo-you:before{content:"You";border:2px solid var(--ink);background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 9px 3px;font:800 13px/1.1 ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;position:absolute;bottom:6px;left:0;transform:translate(-50%);box-shadow:0 0 0 2px #fff}#demo-you:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--ink);position:absolute;bottom:0;left:-6px}#demo-finger.down img{transform:scale(.86)}#demo-finger.mouse img{transform-origin:3px 3px;width:44px;height:48px;margin:-3px 0 0 -3px}.demo-ripple,.demo-ring{z-index:7;pointer-events:none;position:fixed;top:0;left:0}.demo-ripple:before,.demo-ring:before{content:"";box-sizing:border-box;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute}.demo-ripple:before{border:4px solid #fff;animation:.6s ease-out forwards demo-ripple;box-shadow:0 0 0 2px #3535418c,inset 0 0 0 2px #3535418c}.demo-ring:before{animation:demo-ring var(--hold,.45s) linear forwards;border:5px solid #ffc83d;box-shadow:0 0 0 2px #3535418c}@keyframes demo-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes demo-ring{0%{opacity:.2;transform:scale(1.8)}to{opacity:1;transform:scale(.8)}}#dialog-body .scores-intro{color:var(--muted);font-size:13px}#dialog-body ol.scores{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}#dialog-body .score{background:#fff8e6;border:2px solid #d9cba8;border-radius:10px;padding:8px 10px}#dialog-body .score.developer{border:3px solid #e8253f}#dialog-body .score p{margin:2px 0 0;font-size:13px}#dialog-body .score-head{align-items:baseline;gap:8px;font-weight:800;display:flex}#dialog-body .score-head span:last-child{margin-left:auto}#dialog-body .score-powers{flex-wrap:wrap;align-items:center;gap:2px;display:flex}#dialog-body .score-powers img{width:22px;height:22px}#dialog-body .score-powers span{color:var(--muted);margin-left:4px}#dialog-body .score-meta{color:var(--muted)}#dialog-body .score-meta b{color:#e8253f}#dialog.in-demo{inset:0 0 var(--demo-panel,0px);z-index:6;height:-moz-fit-content;height:fit-content;margin:auto;animation:.18s ease-out fade-in;position:fixed;box-shadow:0 0 0 100vmax #35354199}#demo-crt{inset:var(--demo-title,0px) var(--tv-left,0px) var(--demo-panel,0px);z-index:8;pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px),radial-gradient(#0000 58%,#0000006b 100%);animation:.15s steps(2,end) infinite crt-flicker;position:fixed;overflow:hidden;box-shadow:0 0 0 100vmax #000}#demo-crt[hidden]{display:none}#demo-crt:before{content:"";z-index:1;border-radius:28px/22px;position:absolute;inset:6px;box-shadow:0 0 0 60px #1e1e27,inset 0 0 24px 4px #0000008c}#demo-crt:after{content:"";background:linear-gradient(150deg,#ffffff1a,#0000 35%);border-radius:28px/22px;position:absolute;inset:6px}@keyframes crt-flicker{50%{opacity:.93}}#demo-crt>i{position:absolute;top:0;left:0;right:0}.crt-roll{background:linear-gradient(#0000,#00000024 45% 55%,#0000);height:28%;animation:7s linear infinite crt-sweep}.crt-line{background:linear-gradient(#0000,#ffffff47,#0000);height:4px;animation:3.4s linear infinite crt-sweep}.crt-line+.crt-line{animation-duration:5.3s;animation-delay:-2.1s}@keyframes crt-sweep{0%{top:-30%}to{top:100%}}#demo-crt.interference{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px),radial-gradient(#0000 58%,#0000006b 100%);animation:.2s steps(4,end) infinite crt-snow}@keyframes crt-snow{25%{background-position:37px 91px,0 0,0 0}50%{background-position:113px 23px,0 0,0 0}75%{background-position:71px 140px,0 0,0 0}}@media (prefers-reduced-motion:reduce){#demo-crt,#demo-crt.interference{animation:none}#demo-crt>i{display:none}}canvas.clip{aspect-ratio:auto 9/7;border-radius:8px;width:100%;max-width:300px;height:auto;margin:0 auto;display:block}canvas.clip[hidden]{display:none}.clip-frame{border-radius:8px;max-width:300px;margin:0 auto;position:relative;overflow:hidden}.clip-frame canvas.clip{max-width:none}.clip-finger{z-index:2;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s;position:absolute;top:0;left:0}.clip-finger.away{opacity:0}.clip-finger img{transform-origin:8px 10px;filter:drop-shadow(0 2px 3px #00000059);width:44px;height:44px;margin:-10px 0 0 -8px;transition:transform .12s;display:block}.clip-finger.down img{transform:scale(.86)}.clip-frame .clip-choice{border:2px solid var(--ink);color:var(--ink);text-align:center;pointer-events:none;background:#ece3cc;border-radius:12px;padding:6px 8px;font-size:11px;position:absolute;bottom:6%;left:6%;right:6%}.clip-frame .clip-choice div{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.clip-frame .clip-choice span{border:2px solid #0000;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.clip-frame .clip-choice span.picked{border-color:var(--accent-dark);background:var(--accent);color:#fff}.clip-frame .clip-choice img{width:18px;height:18px}.clip-frame .demo-ripple,.clip-frame .demo-ring{z-index:1;position:absolute}#banner .clip-frame{width:min(300px,100%)}#dialog-body .shop-coins{box-sizing:border-box;z-index:1;background:#ece3cc;justify-content:center;align-items:center;gap:6px;height:36px;margin:0;padding:4px 0;display:flex;position:sticky;top:0}#dialog-body .shop-coins img,.shop-item .price img{width:20px;height:20px}.shop-item strong{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-item .price{align-items:center;gap:3px;font-weight:800;display:inline-flex}.shop-item.sold{opacity:.5;cursor:default}#dialog .panel.menu #dialog-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}#dialog .panel.menu .ui-button{box-sizing:border-box;white-space:nowrap;grid-column:span 3;min-width:0;min-height:46px}#dialog .panel.menu .ui-button.plain{border-width:8px 6px 12px;border-image-width:8px 6px 12px;grid-column:span 2;min-height:40px;padding:0;font-size:10px}#dialog .panel.menu .ui-button.plain:nth-last-child(-n+2){grid-column:span 3}#dialog .panel.shop .offer-clip{top:36px}#dialog .panel.shop #dialog-buttons{grid-template-columns:1fr 1fr}#dialog .panel.shop .ui-button{white-space:nowrap;min-height:44px;font-size:13px}#dialog .panel.shop .offer-clip .clip-frame,#dialog .panel.shop .offer-clip .offer-still{max-width:200px}.shop-item{box-sizing:border-box;cursor:pointer}.shop-item .buy{width:100%;margin-top:6px;display:none}#dialog .panel.shop .shop-item .buy{min-height:38px;font-size:13px}.shop-item[aria-pressed=true] .buy{display:flex}#fps{z-index:1000;color:#fff;white-space:pre;pointer-events:none;background:#000000a6;border-radius:4px;padding:2px 6px;font:11px/1.3 ui-monospace,monospace;position:fixed;bottom:4px;left:4px}#dialog-body .release-head{margin:14px 0 2px;font-size:16px}#dialog-body .release-head small{color:var(--muted);font-size:11px;font-weight:400}#dialog-body .almanac-entry p.change-kind{color:var(--muted);font-size:11px}.timeline{background:#8080804d;border-radius:3px;max-width:260px;height:6px;margin:8px auto 0;position:relative}.timeline i{background:var(--accent);border-radius:3px;height:100%;transition:width .5s linear;display:block}.timeline b{opacity:.8;background:#ffc83d;border-radius:2px;width:4px;height:14px;margin-left:-2px;position:absolute;top:-4px;box-shadow:0 0 0 1px #353541b3}.timeline b.passed{opacity:1}#demo-time{left:calc(var(--tv-left,0px) + 18px);right:calc(var(--tv-left,0px) + 18px);bottom:calc(var(--demo-panel,0px) + 12px);z-index:9;pointer-events:none;max-width:none;margin:0;position:fixed}body:not(.demo) #demo-time{display:none}#dialog .pad-glyph,#banner .pad-glyph{pointer-events:none;flex:none;width:22px;height:22px;display:none}body.pad #dialog .pad-glyph,body.pad #banner .pad-glyph{vertical-align:middle;display:inline-block}#banner .pad-glyph,#dialog .sel-glyph{margin-left:8px}#dialog .panel.menu .ui-button.plain{position:relative}#dialog .panel.menu .ui-button.plain .pad-glyph{width:20px;height:20px;margin:0;position:absolute;top:-10px;right:-8px}#dialog .tab-glyph{filter:invert();width:16px;height:16px;margin-left:4px}.shop-item .buy .pad-glyph{display:none!important}body.pad .shop-item[aria-pressed=true] .buy .pad-glyph{display:inline-block!important}body.pad #dialog-close .pad-glyph{width:24px;height:24px;display:block;position:absolute;top:-6px;right:-6px}#dialog.in-demo .pad-glyph{display:none!important}body.pad #dialog .pad-sel{outline-offset:2px;border-radius:10px;outline:4px solid #ffc83d}body.pad #actions>button[data-pad=off]{opacity:.35;filter:grayscale()}body.pad #actions>button[data-pad=danger]{outline-offset:-3px;outline:3px solid #e5484d;position:relative}body.pad #actions>button[data-pad=danger]:after{content:"⚠";color:#e5484d;font-size:12px;line-height:1;position:absolute;top:-1px;right:3px}#actions>button.pad-flash{animation:.35s pad-flash}@keyframes pad-flash{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#pad-label .pad-line{text-align:left;align-items:center;gap:8px;display:flex}#pad-label .pad-glyph,#pad-hint .pad-glyph{filter:drop-shadow(0 0 1px #0000008c);flex:none;width:28px;height:28px}#pad-hint{z-index:3;border:2px solid var(--ink);max-width:calc(100vw - 32px);color:var(--ink);pointer-events:none;background:#ece3cc;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:4px 16px;padding:4px 12px;font-size:13px;font-weight:700;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}#pad-hint[hidden]{display:none}#pad-hint .pad-hint-item{white-space:nowrap;align-items:center;gap:6px;display:flex}#pad-hint .pad-hint-symbol{flex:none;width:20px;height:20px}#pad-hint .pad-hint-item.dim{opacity:.5}#pad-label .key-cap,#pad-hint .key-cap{box-sizing:border-box;border:2px solid var(--ink);min-width:28px;height:26px;color:var(--ink);text-align:center;white-space:nowrap;background:#fff;border-bottom-width:4px;border-radius:6px;flex:none;padding:0 7px;font:700 12px/22px ui-monospace,monospace}#pad-hint .key-cap{min-width:22px;height:22px;font-size:11px;line-height:18px}#hud .pad-aimed{outline-offset:2px;border-radius:10px;outline:4px solid #ffc83d}