*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#070c1c;color:#eef1ff;font-family:monospace;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{position:fixed;inset:0}#shell{position:absolute;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;place-items:center}#frame{position:relative;flex-shrink:0;transform-origin:center;box-shadow:0 0 0 1px #34416b,0 16px 80px #0008}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}#overlay{position:absolute;inset:0;pointer-events:none}button{font-family:monospace;font-weight:bold;color:#f5eeff;border:1px solid #796094;border-radius:0;touch-action:none;cursor:pointer;outline-offset:3px;pointer-events:auto}button:focus-visible{outline:2px solid #9df2ff}button:active,button.held{background:#ff58b5!important;color:#090b20!important;box-shadow:inset 0 0 0 2px #fff6}button[hidden]{display:none!important}.utility{position:absolute;z-index:5;top:8px;height:28px;background:#111730;box-shadow:inset 0 -3px #1d2344;font-size:12px}#sound{right:42px;width:62px}#pause{right:8px;width:28px;font-size:16px}.primary{position:absolute;left:50%;transform:translateX(-50%);height:50px;width:238px;background:#ec469e;border:2px solid #ffb5de;color:#100f2a;box-shadow:4px 4px #451c5b;font-size:19px;letter-spacing:2px}.primary span{display:block;font-size:11px;letter-spacing:1px;margin-top:3px}.primary:hover{background:#ff7bc5}#touch{position:absolute;left:0;right:0;bottom:0;height:70px;display:none;pointer-events:none}#move,#action{position:absolute;display:flex;gap:7px;bottom:10px;align-items:end;pointer-events:none}#move{left:14px}#action{right:14px}#touch button{height:48px;min-width:48px;padding:0 8px;background:#141b37df;border-color:#7176a0;font-size:13px;box-shadow:inset 0 -4px #060a20,2px 2px #060a20}#move button{font-size:21px;color:#bcc9f4}#action [data-control=shot]{height:57px;min-width:68px;color:#8ae9ff;border-color:#6dbfe3;background:#192841ed}#action [data-control=jump]{height:53px;min-width:61px;color:#ff92cc;border-color:#b763a0}#action [data-control=duo]{color:#c1a1ff;border-color:#7160a4}#frame.portrait #touch{display:block;height:185px;background:#090d23;border-top:1px solid #394766}#frame.portrait #move{left:13px;bottom:49px;gap:5px}#frame.portrait #move button{width:49px;height:60px;font-size:24px}#frame.portrait #move [data-control=down]{height:47px;transform:translateY(22px)}#frame.portrait #action{display:grid;grid-template-columns:64px 64px;gap:9px;right:18px;bottom:33px}#frame.portrait #action button{height:55px;width:64px;min-width:0;font-size:13px}#frame.portrait #action [data-control=shot]{height:65px}#frame.portrait #action [data-control=jump]{height:65px}#frame.portrait .utility{top:48px}#frame.touch-landscape #touch{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{opacity:.55;cursor:default}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.channel{position:absolute;left:50%;transform:translateX(-50%);width:238px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#10152c;border:1px solid #bf70a5;color:#f3e7f6;text-decoration:none;pointer-events:auto;touch-action:manipulation;font:12px monospace;box-shadow:3px 3px #070a18}.channel strong{font-size:15px;line-height:17px}.channel strong span{color:#ff65b4}.channel>span{font-size:11px;line-height:14px}.channel:hover,.channel:focus-visible{background:#39203e;border-color:#ffc8e7;outline:2px solid #80e9ff;outline-offset:2px}.channel[hidden]{display:none!important}.portrait .channel{height:48px}

[data-control=duo].empty{opacity:.55}