:root{--mmk-color-bg:#00506a;--mmk-color-band:#000;--mmk-color-text:#fff;--mmk-color-accent-hover:#277fb2;--mmk-border:2px solid #fff;--mmk-radius-pill:40px;--mmk-duration-medium:.5s;--mmk-duration-slow:1s;--mmk-ease-title:cubic-bezier(.39, .575, .565, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--mmk-color-bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#stage{width:100vw;height:100vh;touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke='%2300506a' stroke-width='5' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='8.5'/%3E%3Cpath d='M16 3v5M16 24v5M3 16h5M24 16h5'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff600' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='8.5'/%3E%3Cpath d='M16 3v5M16 24v5M3 16h5M24 16h5'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='1.7' fill='%23fff600'/%3E%3C/svg%3E") 16 16,crosshair;outline:none;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#stage.is-hovering{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke='%2300506a' stroke-width='5.5' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='8.5'/%3E%3Cpath d='M16 2.5v6M16 23.5v6M2.5 16h6M23.5 16h6'/%3E%3C/g%3E%3Cg fill='none' stroke='%23eb6014' stroke-width='2.8' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='8.5'/%3E%3Cpath d='M16 2.5v6M16 23.5v6M2.5 16h6M23.5 16h6'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='3' fill='%23eb6014'/%3E%3C/svg%3E") 16 16,crosshair}#sound{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:58px;height:58px;color:var(--mmk-color-text);border:var(--mmk-border);border-radius:var(--mmk-radius-pill);cursor:pointer;transition:background var(--mmk-duration-medium) ease;background:#00000040;place-items:center;padding:0;display:grid;position:fixed}#sound:hover{background:var(--mmk-color-accent-hover)}#sound:focus-visible{outline-offset:3px;outline:3px solid #fff600}#sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}#sound .spk{fill:currentColor}#sound .off,#sound.is-muted .on{display:none}#sound.is-muted .off{display:inline}#hints{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.hint{opacity:0;width:124px;height:124px;transition:opacity var(--mmk-duration-medium) var(--mmk-ease-title);position:fixed;top:0;left:0}.hint.is-on{opacity:1}.hint.is-off{opacity:0}.hint svg{filter:drop-shadow(0 1px 3px #000000b3)drop-shadow(0 0 12px #fff60099);width:100%;height:100%;overflow:visible}.hint circle{fill:none;transform-box:view-box;transform-origin:50px 50px}.hint__edge{stroke:var(--mmk-color-text);stroke-width:3.5px}.hint__pulse{stroke:#fff600;stroke-width:4.5px;animation:hint-ping 1.5s var(--mmk-ease-title) infinite}.hint__pulse--late{animation-delay:.5s}.hint__dot{fill:var(--mmk-color-text)}.hint--tap .hint__dot{animation:hint-tap 1.5s var(--mmk-ease-title) infinite}@keyframes hint-tap{0%,to{transform:scale(1)}12%{transform:scale(.55)}32%{transform:scale(1)}}@keyframes hint-ping{0%{opacity:.9;transform:scale(.55)}70%,to{opacity:0;transform:scale(1.5)}}.hint--hold .hint__arc{stroke:#eb6014;stroke-width:7px;stroke-linecap:round;stroke-dashoffset:214px;animation:hint-arc 1.9s var(--mmk-ease-title) infinite;transform:rotate(-90deg)}.hint--hold .hint__dot{animation:hint-press 1.9s var(--mmk-ease-title) infinite}@keyframes hint-arc{0%{stroke-dashoffset:214px;opacity:1}74%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes hint-press{0%,to{transform:scale(1)}40%,74%{transform:scale(1.7)}}.hint--shake .hint__phone{fill:#00000080;stroke:var(--mmk-color-text);stroke-width:3.5px;stroke-linecap:round;transform-box:view-box;transform-origin:50px 50px;animation:hint-wobble 1.6s var(--mmk-ease-title) infinite}.hint--shake .hint__wave{fill:none;stroke:#fff600;stroke-width:4.5px;stroke-linecap:round;opacity:.2;animation:hint-swing 1.6s var(--mmk-ease-title) infinite}.hint--shake .hint__wave--late{animation-delay:.16s}@keyframes hint-wobble{0%,62%,to{transform:rotate(0)}8%{transform:rotate(-15deg)}20%{transform:rotate(14deg)}32%{transform:rotate(-11deg)}44%{transform:rotate(8deg)}53%{transform:rotate(-4deg)}}@keyframes hint-swing{0%,60%,to{opacity:.2}14%,36%{opacity:1}}#curtain{pointer-events:none;background:radial-gradient(circle at 50% 45%, #1083ba 0%, var(--mmk-color-bg) 45%, var(--mmk-color-band) 100%);transition:opacity var(--mmk-duration-slow) var(--mmk-ease-title), transform var(--mmk-duration-slow) var(--mmk-ease-title);position:fixed;top:0;bottom:0;left:0;right:0}#curtain.is-open{opacity:0;transform:scale(1.15)}@media (prefers-reduced-motion:reduce){#curtain{transition:opacity var(--mmk-duration-medium) linear}#curtain.is-open{transform:none}.hint__pulse,.hint--tap .hint__dot,.hint--hold .hint__arc,.hint--hold .hint__dot,.hint--shake .hint__phone,.hint--shake .hint__wave{animation:none}.hint--shake .hint__phone{transform:rotate(-12deg)}.hint--shake .hint__wave{opacity:.8}.hint__pulse--late{display:none}.hint__pulse{opacity:.45}.hint--hold .hint__arc{stroke-dashoffset:54px}}