:root{font-family:ui-monospace,'PingFang SC',monospace;background:#eeeeea;color:#66705f}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}main{width:min(760px,100%);padding:32px 20px}.device{position:relative;width:100%;aspect-ratio:4/3;touch-action:manipulation;background:#b5c29a}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.keys{position:absolute;inset:0 0 0 80%;display:flex;flex-direction:column}.keys button{flex:1;border:0;background:transparent;cursor:pointer;touch-action:manipulation;color:transparent;-webkit-tap-highlight-color:transparent}.keys button:focus-visible{outline:2px solid #e1e9cc;outline-offset:-9px}.keys button:active{background:#ffffff15}.keys button span{position:absolute;clip:rect(0,0,0,0)}#hint{margin:20px 0 10px;min-height:22px;font-size:13px;line-height:1.7;text-align:center;color:#46543f}.help{font-size:11px;line-height:2;text-align:center;color:#899080}.help span{display:block}details{font-size:11px;margin:22px auto 0;max-width:540px;line-height:1.9;color:#818979}summary{cursor:pointer;text-align:center}a{color:inherit}@media(max-width:480px){main{padding:16px 8px}#hint{font-size:12px}}

.game-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.game-links button,.game-links a{font:inherit;font-size:13px;line-height:1.4;padding:8px 12px;border:1px solid #829078;background:#f7f8f1;color:#34452d;text-decoration:none;cursor:pointer}
.game-links button:disabled{opacity:.5;cursor:default}