#menu{--px: 2;--tpx: 3;position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--px) * 5px);padding:8px;box-sizing:border-box;color:#e8e0f0;font:600 calc(var(--px) * 7px)/1.35 ui-monospace,Menlo,monospace;background:radial-gradient(ellipse at center,#0c0a104d,#0c0a10c7);user-select:none}#menu.hidden{display:none}#menu p{margin:0}#menu canvas{display:block;image-rendering:pixelated;width:calc(var(--w) * var(--px) * 1px);height:calc(var(--h) * var(--px) * 1px)}#menu .panel{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 4.5px);padding:calc(var(--px) * 6px) calc(var(--px) * 13px) calc(var(--px) * 8px);background:#0e0a14d6;border:3px solid #1a0a10;box-shadow:0 0 0 3px #5a0a10,10px 10px 0 3px #00000073}#menu .panel.shake{animation:shake .34s}#menu h1{margin:0 0 calc(var(--px) * -7px)}#menu h1 canvas{width:calc(var(--w) * var(--tpx) * 1px);height:calc(var(--h) * var(--tpx) * 1px)}#menu .who{display:flex;align-items:center;gap:calc(var(--px) * 6px)}#menu input{width:calc(var(--px) * 150px);padding:calc(var(--px) * 3px) calc(var(--px) * 5px);box-sizing:border-box;text-align:center;font:700 calc(var(--px) * 10px) ui-monospace,Menlo,monospace;color:#ffd890;caret-color:#ffd890;background:#120c1a;border:3px solid #5a0a10;outline:none;box-shadow:inset 3px 3px #000;user-select:text}#menu input::placeholder{color:#6a5a7a}#menu input:focus{border-color:#ffd890}#menu .ask{margin-bottom:calc(var(--px) * -2px);font-size:calc(var(--px) * 6.5px);letter-spacing:3px;text-transform:uppercase;color:#c4e086;text-shadow:2px 2px 0 #1a0a10}#menu .cards{display:flex;gap:calc(var(--px) * 7px)}#menu .card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 2px);padding:calc(var(--px) * 4px) calc(var(--px) * 4px) calc(var(--px) * 5px);color:inherit;font:inherit;background:#1e142ce0;border:3px solid #2a2032;cursor:pointer;opacity:.72;filter:saturate(.6) brightness(.9);transition:transform .12s,opacity .12s,filter .12s}#menu .card:hover{opacity:.88}#menu .card.on{opacity:1;filter:none;border-color:#ffd890;background:#3a1826eb;transform:translateY(calc(var(--px) * -2px));box-shadow:5px 5px #1a0a10;animation:slam .2s ease-out}#menu .tag{align-self:stretch;display:flex;align-items:center;gap:calc(var(--px) * 4px);font-size:calc(var(--px) * 6px);letter-spacing:2px;color:#c8b8d8}#menu .tag b{display:grid;place-items:center;width:calc(var(--px) * 10px);height:calc(var(--px) * 10px);color:#ffd890;background:#2a2032;border:2px solid #1a0a10}#menu .card.on .tag b{background:#8a1018}#menu .pic{display:block;border:2px solid #1a0a10;overflow:hidden;background:radial-gradient(ellipse at 62% 80%,rgba(150,40,60,.4),transparent 65%),linear-gradient(#1c1428,#0c0912)}#menu .card.on .pic{background:radial-gradient(ellipse at 62% 80%,rgba(220,70,60,.45),transparent 65%),linear-gradient(#2a1a34,#100a14)}#menu .name{font-size:calc(var(--px) * 9.5px);letter-spacing:1px;color:#ffd890;text-shadow:2px 2px 0 #5a0a10}#menu .joke{font-size:calc(var(--px) * 6px);color:#c8b8d8;white-space:nowrap}#menu .go{min-width:calc(var(--px) * 140px);padding:calc(var(--px) * 5px) calc(var(--px) * 13px);cursor:pointer;font:900 calc(var(--px) * 13px)/1 ui-monospace,Menlo,monospace;letter-spacing:4px;color:#ffd890;text-shadow:2px 2px 0 #3a060a;background:#8a1018;border:3px solid #1a0a10;box-shadow:inset 0 -5px #5a0a10,inset 0 3px #b80c22,5px 5px #1a0a10;animation:throb 1.8s ease-in-out infinite}#menu .go:hover:not(:disabled){background:#a8061a;animation:none}#menu .go:active:not(:disabled){transform:translate(2px,2px);box-shadow:inset 0 -5px #5a0a10,3px 3px #1a0a10}#menu .go:disabled{cursor:wait;font-size:calc(var(--px) * 9px);letter-spacing:1px;color:#8a7a9a;text-shadow:none;background:#2a2032;box-shadow:inset 0 -5px #1a1222,5px 5px #1a0a10;animation:none}#menu button:focus-visible{outline:2px dashed #ffd890;outline-offset:3px}#menu .note{font-size:calc(var(--px) * 5.5px);color:#8a7a9a}#menu .keys{font-size:calc(var(--px) * 5.5px);line-height:1.6;text-align:center;color:#a898c8;text-shadow:1px 1px 0 #000}@keyframes slam{0%{transform:translateY(calc(var(--px) * -2px)) scale(1.08)}}@keyframes shake{20%{transform:translate(-6px,3px) rotate(-.5deg)}40%{transform:translate(6px,-2px) rotate(.4deg)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}@keyframes throb{50%{background:#a8061a}}@media (max-height: 700px){#menu{--px: 1.5;--tpx: 2}}@media (min-width: 1700px) and (min-height: 1000px){#menu{--px: 3;--tpx: 4}}#menu .panel{position:relative}#menu .panel .audio{position:absolute;top:12px;right:14px;margin:0;flex-direction:column;gap:6px}#menu .panel .audio button{font-size:12px;padding:5px 9px}#menu .note a{color:#ffd890}