:root{--page: #000;--key-bg: #aaaaaa;--key-fg: #000;--key-accent: #aa0000}*{box-sizing:border-box}html,body{margin:0;background:var(--page);color:#aaa;height:100%}main{max-width:1280px;margin:0 auto;padding:12px 16px}.screen-wrap{width:100%;overflow:hidden}.crt{display:flex;justify-content:center;outline:none;user-select:none;-webkit-tap-highlight-color:transparent}.crt canvas{display:block;image-rendering:pixelated}.crt.flash{animation:flash .15s}@keyframes flash{50%{filter:invert(1)}}#kbd{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.keys button{font:14px Consolas,Lucida Console,monospace;background:var(--key-bg);color:var(--key-fg);border:0;padding:8px 10px;min-height:36px;cursor:pointer}.keys button:first-letter{color:var(--key-accent)}.keys button:active{filter:brightness(1.3)}@media(hover:hover)and (pointer:fine){.keys{opacity:.6}.keys:hover{opacity:1}}.rotate-hint{display:none;margin:8px 0 0;font:13px Consolas,Lucida Console,monospace;color:#aaa}@media(orientation:portrait)and (max-width:600px){.rotate-hint{display:block}}.foreign{padding:48px 16px;text-align:center;font:18px Consolas,Lucida Console,monospace;color:#ff5;background:#00a}.foreign a{color:#5ff;font-size:22px}.credit{margin-top:10px;font:12px Consolas,Lucida Console,monospace;color:#777}.credit a{color:#aaa}