*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f4ed;color:#38473e;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding:16px;min-width:0;width:100%}main{min-width:0;width:100%;max-width:700px;margin:0 auto}header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;min-height:32px;gap:12px}h1{font-size:20px;margin:0;font-weight:650}nav{display:flex;align-items:center;gap:14px}a,button{font:inherit;font-size:13px;color:inherit}a{text-underline-offset:3px}button{cursor:pointer;border:1px solid #c8cfc8;border-radius:6px;background:#fffdf7;padding:6px 10px}button:focus-visible,a:focus-visible{outline:2px solid #2c6c58;outline-offset:3px}#stage{position:relative;width:100%;max-width:500px;margin:0 auto;overflow:hidden;background:#ef55a0}#stage::before{content:"";display:block;padding-top:80%}canvas{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;background:#f7f4ed;font-size:15px}#loading[hidden]{display:none}#tip{font-size:12px;line-height:1.6;text-align:center;margin:12px 0;color:#687369}.sr-only,.keyboard-controls{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.keyboard-controls:focus-within{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:12px 0;text-align:center}.keyboard-controls button{margin:3px}[hidden]{display:none!important}@media(max-width:550px){body{padding:8px}header{margin-bottom:8px}h1{font-size:17px}nav{gap:10px}#stage{max-width:500px}#tip{margin:8px 0}}@media(max-height:480px) and (orientation:landscape){body{padding:4px}header{position:absolute;left:8px;top:8px;display:block;width:90px}header h1{font-size:14px;margin-bottom:12px}nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}nav a,nav button{font-size:11px}main{max-width:none;padding:0 95px}#stage{width:calc(125vh - 10px);max-width:100%;margin:auto}#tip{display:none}}
.game-list{max-width:500px;margin:24px auto;display:flex;flex-wrap:wrap;gap:10px}.game-list>div{flex:1;min-width:210px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d8ded4;border-radius:8px;background:#fffdf7}.game-list a:first-child{font-size:15px;font-weight:600}.game-list a:last-child{font-size:12px;color:#687369}@media(max-height:480px) and (orientation:landscape){.game-list{display:none}}
