*{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:1000px;margin: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:800px;margin:auto;overflow:hidden;background:#123d68}#stage::before{content:"";display:block;padding-top:75%}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}.playing canvas{cursor:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;background:#f7f4ed;font-size:15px}#tip,#notice{font-size:12px;line-height:1.6;text-align:center;margin:12px 0;color:#687369}#notice:empty{display:none}.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:8px}a,button{font-size:12px}#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(133.333333vh - 10.666667px);max-width:100%;margin:auto}#tip{display:none}}