:root{--bg: #1b1622;--btn: rgba(255, 255, 255, .16);--btn-active: rgba(255, 255, 255, .38);--btn-text: rgba(255, 255, 255, .85);--panel: #120e18}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:flex;flex-direction:column}#game{position:relative;flex:1 1 auto;min-height:0}#game canvas{display:block}#touch{display:none}body.touch #touch{display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.pad{display:flex;gap:14px;pointer-events:auto}.btn{width:76px;height:76px;border:2px solid rgba(255,255,255,.25);border-radius:18px;background:var(--btn);color:var(--btn-text);font:700 22px/1 system-ui,sans-serif;touch-action:none}.btn.active{background:var(--btn-active)}.btn-jump{width:104px;height:104px;border-radius:50%;font-size:18px}@media(orientation:landscape){body.touch #touch{position:absolute;left:0;right:0;bottom:0}}@media(orientation:portrait){body.touch #game{flex:0 0 auto;height:56.25vw}body.touch #touch{flex:1 1 auto;align-items:center;background:var(--panel);padding-top:12px}body.touch .btn{width:96px;height:96px}body.touch .btn-jump{width:132px;height:132px}}#pause-btn{display:none;position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:48px;height:48px;border:2px solid rgba(255,255,255,.25);border-radius:12px;background:var(--btn);color:var(--btn-text);font:800 16px/1 system-ui,sans-serif}body.touch #pause-btn{display:block}#fs-btn{display:none;position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:40px;height:40px;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:#1b162259;color:var(--btn-text);font:700 20px/1 system-ui,sans-serif;cursor:pointer}body.touch #fs-btn{right:calc(max(8px,env(safe-area-inset-right)) + 58px);width:48px;height:48px;background:var(--btn)}#fs-hint{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0a080eb3}.fs-hint-box{max-width:min(320px,86vw);padding:20px 22px;border-radius:18px;background:#f3e6cf;color:#2b2533;font:500 17px/1.4 system-ui,sans-serif;text-align:center}.fs-hint-box b:first-child{font-size:20px}.fs-hint-box p{margin:10px 0}.fs-hint-small{font-size:14px;opacity:.7}.fs-share{width:22px;height:22px;vertical-align:-5px;color:#2f7cf6}.fs-hint-box button{margin-top:6px;padding:10px 34px;border:0;border-radius:12px;background:#2b2533;color:#f3e6cf;font:700 16px/1 system-ui,sans-serif}