:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#3d443c;background:#f6f4ee;font-weight:400;font-synthesis:none;--paper:#f6f4ee;--ink:#3d443c;--muted:#95988c;--line:#e4e3d9;--accent:#d87851;--accent-dark:#b85838;--green:#798b62;--surface:rgba(255,255,251,.91);--shadow:0 6px 30px #4f503f08;--radius:14px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.game-shell{position:relative;width:100%;height:100dvh;overflow:hidden;background:#91bfd6;-webkit-user-select:none;user-select:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.game-tools{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;gap:10px}.hud-button{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#505d4b;background:#fffef5e6;border:1px solid #fff9;border-radius:17px;box-shadow:0 3px 18px #243d2c12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .15s,transform .15s}.hud-button:hover{background:#fffdf3}.hud-button:active{transform:scale(.94)}.room-button{position:relative}.room-button.connected{background:#e1ecd3;color:#4c6741}.room-count{position:absolute;bottom:4px;font-size:9px;line-height:10px;font-weight:600;letter-spacing:.3px}.room-button.connected svg{transform:translateY(-4px)}.game-actions{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.wave-button{width:62px;height:62px;border-radius:22px}.joystick{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));width:136px;height:136px;touch-action:none;border:1.5px solid #fff9;border-radius:50%;background:#fff2;box-shadow:inset 0 0 0 13px #fff1;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.joystick i{position:absolute;width:63px;height:63px;border:1px dashed #fffb;border-radius:50%}.joystick span{width:53px;height:53px;border-radius:50%;background:#fffc;box-shadow:0 4px 18px #23381a22;pointer-events:none}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f4f3ec;color:#718064}.game-loading p{font-size:14px}.load-track{width:112px;height:3px;border-radius:4px;background:#798d6720;overflow:hidden}.load-track span{height:100%;display:block;background:#869975;transition:width .2s}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{position:absolute;bottom:112px;left:50%;transform:translate(-50%);max-width:80vw;padding:11px 17px;background:#fbfbf0ee;box-shadow:0 4px 20px #0001;border-radius:20px;color:#57644e;font-size:12px;white-space:nowrap;pointer-events:none}.capture-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#11251eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capture-dialog{position:relative;max-width:1100px;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;outline:none}.capture-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border-radius:15px;box-shadow:0 12px 48px #0003}.capture-tools{display:flex;gap:12px}.capture-tools .hud-button{width:46px;height:46px;border-radius:15px}@media(pointer:coarse),(max-width:720px){.joystick{display:flex}.game-tools{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:8px}.game-tools .hud-button{width:47px;height:47px;border-radius:15px}.game-actions{bottom:max(49px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right))}.joystick{left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:126px;height:126px}.notice{bottom:174px}}@media(max-height:500px){.joystick{width:106px;height:106px;bottom:18px}.game-actions{bottom:30px}.game-tools{top:12px}.wave-button{width:54px;height:54px}}