*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#e9eee4;color:#635354;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;user-select:none}main{position:relative;width:100%;height:100dvh;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}header{position:absolute;top:calc(24px + env(safe-area-inset-top));left:28px;display:flex;align-items:center;gap:12px;background:#fffaf2ed;padding:12px 18px;border:1px solid #dfd9c9;border-radius:14px;box-shadow:0 4px 0 #dbdfd055;pointer-events:none}h1{font-size:18px;letter-spacing:2px;margin:0;font-weight:650}.dot{width:8px;height:8px;background:#d78e9c;border-radius:50%}.tag{font-size:10px;letter-spacing:1.7px;margin-left:10px;color:#9a8785}.hint{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);background:#fffaf2de;border:1px solid #dedbc9;border-radius:24px;padding:10px 20px;white-space:nowrap;font-size:13px;pointer-events:none}footer{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));width:100%;text-align:center;font-size:9px;letter-spacing:1.5px;color:#7c8875;pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#e9eee4ed;font-size:15px;z-index:5}#loading.ready{display:none}.touch-controls{display:none}#joystick{position:relative;width:144px;height:144px;border-radius:50%;border:1px solid #cabdaa;background:#fffaf299;box-shadow:inset 0 0 0 9px #fffcf344,0 4px 16px #7c79641a;touch-action:none}.ring{position:absolute;inset:28px;border:1px dashed #c9b9ab;border-radius:50%}.cross{position:absolute;background:#d6c7ba77;pointer-events:none}.cross.h{left:10px;right:10px;height:1px;top:71px}.cross.v{top:10px;bottom:10px;width:1px;left:71px}#knob{position:absolute;left:46px;top:46px;width:50px;height:50px;border-radius:50%;background:#e8adba;border:2px solid #fff4ec;box-shadow:0 3px 0 #c98e9d,0 5px 12px #9b6c7a30;pointer-events:none;will-change:transform}.touch-copy{font-size:15px;letter-spacing:1px}.touch-copy span{display:block;font-size:11px;line-height:1.9;color:#94817d;letter-spacing:.5px;margin-top:8px}
@media(pointer:coarse),(max-width:700px){header{top:calc(16px + env(safe-area-inset-top));left:16px;padding:10px 14px}h1{font-size:16px}.tag{display:none}.hint{bottom:calc(222px + env(safe-area-inset-bottom));font-size:11px;padding:7px 14px}.touch-controls{position:absolute;bottom:calc(48px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:34px}footer{font-size:8px}#game{height:100%}}