*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary:#0d2e15;--accent:#e94560;--text-primary:#fff;--text-secondary:#a0a0b8}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none}.field-screen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.field-canvas{display:block;width:100%;height:100%;touch-action:none}.field-hud{position:fixed;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);pointer-events:none;z-index:10}.field-hud-emoji{font-size:22px;line-height:1}.field-hud-text{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap}.field-fatal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.field-fatal-card{max-width:90vw;padding:32px 36px;border-radius:18px;background:var(--bg-primary,#14141c);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 12px 40px rgba(0,0,0,.5);text-align:center}.field-fatal-msg{font-size:18px;font-weight:700;color:var(--text-primary,#fff)}.field-fatal-sub{margin-top:8px;font-size:13px;color:var(--text-secondary,#aaa)}.field-fatal-btn{display:inline-block;margin-top:20px;padding:10px 24px;border-radius:999px;background:var(--accent,#e94560);color:#fff;font-weight:600;text-decoration:none}.chat-panel{position:fixed;left:16px;bottom:16px;z-index:20;display:flex;flex-direction:column;width:min(340px,calc(100vw - 32px));max-height:40vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;overflow:hidden}.chat-log{flex:1 1;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.4;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.25) transparent}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:3px}.chat-empty{font-size:12px;color:var(--text-secondary,#aaa)}.chat-line{word-break:break-word}.chat-nick{font-weight:700;color:#8ec5ff;margin-right:6px}.chat-nick-self{color:#ffd479}.chat-text{color:var(--text-primary,#fff)}.chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid hsla(0,0%,100%,.1)}.chat-input{flex:1 1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:#fff;font-size:13px;outline:none}.chat-input:focus{border-color:var(--accent,#e94560);background:hsla(0,0%,100%,.12)}.chat-input::placeholder{color:hsla(0,0%,100%,.4)}.chat-send{flex:0 0 auto;width:38px;border:none;border-radius:8px;background:var(--accent,#e94560);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.chat-send:hover{filter:brightness(1.08)}.select-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg-primary)}.select-title{font-size:28px;font-weight:800;letter-spacing:.01em}.select-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.select-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.select-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:160px;padding:28px 20px;border-radius:20px;border:2px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:var(--text-primary);cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.select-card:hover:not(:disabled){transform:translateY(-4px);background:hsla(0,0%,100%,.08);box-shadow:0 8px 24px rgba(0,0,0,.4)}.select-card:disabled{opacity:.5;cursor:default}.select-avatar{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;border:3px solid #fff;font-size:48px;line-height:1;overflow:hidden}.select-avatar-sprite{width:100%;height:100%;background-repeat:no-repeat;background-position:0;image-rendering:pixelated}.select-name{font-size:18px;font-weight:700}.select-nickname{width:280px;max-width:80vw;margin-bottom:24px;padding:12px 16px;border-radius:12px;border:2px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.06);color:var(--text-primary);font-size:16px;text-align:center;outline:none}.select-nickname:focus{border-color:var(--accent)}.select-card.is-selected{background:hsla(0,0%,100%,.1);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.select-start{margin-top:28px;padding:12px 32px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .12s ease,transform .12s ease}.select-start:hover:not(:disabled){transform:translateY(-2px)}.select-start:disabled{opacity:.4;cursor:default}.select-error{margin-top:16px;font-size:13px;color:#ff6b6b}.menu-root{position:fixed;top:16px;left:16px;z-index:20}.menu-trigger{align-items:center;width:44px;height:44px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:var(--text-primary);cursor:pointer}.menu-trigger,.menu-trigger-bars{display:flex;justify-content:center}.menu-trigger-bars{flex-direction:column;gap:4px;width:20px}.menu-trigger-bars span{display:block;height:2px;border-radius:2px;background:currentColor}.menu-dropdown{list-style:none;margin:8px 0 0;padding:6px;min-width:160px;background:rgba(20,20,28,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45)}.menu-item{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.menu-item:hover{background:hsla(0,0%,100%,.08)}.menu-item-danger{color:var(--accent)}