html,body{margin:0;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background-color:#1c0b58;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' shape-rendering='crispEdges'%3E%3Cpath d='M10 30 q8 -10 16 0 t16 0 t16 0' fill='none' stroke='%2314d6c8' stroke-width='4'/%3E%3Cpolygon points='110,12 128,40 92,40' fill='%23ff2fa0'/%3E%3Ccircle cx='40' cy='110' r='10' fill='none' stroke='%23ffe600' stroke-width='4'/%3E%3Cpath d='M90 120 l10 -10 l10 10 l10 -10 l10 10' fill='none' stroke='%237a3cff' stroke-width='4'/%3E%3Crect x='130' y='76' width='6' height='6' fill='%23ffffff'/%3E%3Crect x='70' y='70' width='5' height='5' fill='%23ff2fa0'/%3E%3Crect x='20' y='68' width='5' height='5' fill='%23ffe600'/%3E%3C/svg%3E")}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#crt{position:relative;line-height:0;box-shadow:0 0 0 4px #0b0b12,6px 6px 0 4px #ff2fa0,0 0 40px 8px #14d6c859}#screen{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(var(--px, 3px) * .5),rgba(0,0,0,.22) calc(var(--px, 3px) * .5),rgba(0,0,0,.22) var(--px, 3px)),radial-gradient(ellipse at center,#0000 62%,#00000061)}body.nocrt #crt:after{display:none}#pad{width:100%;max-width:520px;display:flex;justify-content:space-between;align-items:center;padding:14px;box-sizing:border-box}#pad[hidden]{display:none}#dpad{position:relative;width:132px;height:132px;flex:none;border-radius:50%;background:#7a3cff73;box-shadow:inset 0 0 0 3px #14d6c8,3px 3px #ff2fa0}#dpad span{position:absolute;background:#2a1478;border:2px solid #0b0b12}#dpad .u,#dpad .d{left:46px;width:36px;height:44px}#dpad .u{top:8px;border-radius:6px 6px 0 0}#dpad .d{bottom:8px;border-radius:0 0 6px 6px}#dpad .l,#dpad .r{top:46px;width:44px;height:36px}#dpad .l{left:8px;border-radius:6px 0 0 6px}#dpad .r{right:8px;border-radius:0 6px 6px 0}#dpad span.on{background:#14d6c8}#mid{display:flex;flex-direction:column;gap:10px}#mid button{font:700 11px monospace;color:#0b0b12;background:#ffe600;border:2px solid #0b0b12;border-radius:12px;padding:6px 10px;box-shadow:2px 2px #ff2fa0}#ab{display:flex;gap:10px;transform:rotate(-15deg);align-items:flex-start}#ab button{width:56px;height:56px;border-radius:50%;border:3px solid #0b0b12;font:700 22px monospace;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 3px #0b0b12;text-shadow:2px 2px 0 #0b0b12}#ab button small{font-size:9px}#ab .c{background:#14d6c8;margin-top:22px}#ab .b{background:#ff2fa0}#ab .a{background:#7a3cff;margin-top:-22px}#ab button.on,#mid button.on{filter:brightness(1.4);transform:translate(2px,2px);box-shadow:1px 1px #0b0b12}