*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#f4f4f5;color:#18181b}button,input{font:inherit}.toolbar{position:fixed;top:12px;left:12px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffffeb;border:1px solid #e4e4e7;box-shadow:0 8px 24px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar label{display:flex;align-items:center;gap:6px;font-size:14px}.toolbar button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.toolbar button.active{background:#18181b;color:#fff;border-color:#18181b}.status{font-size:13px;color:#52525b}.canvas-stack{position:relative;width:100%;height:100%}.food-damage-layer{z-index:1}.td-dynamic-layer{z-index:2}.mob-gl-layer{z-index:3}.shots-layer{z-index:4}.canvas-wrap{width:100%;height:100%;cursor:crosshair}.canvas-wrap.panning{cursor:grabbing}.hud{position:fixed;right:12px;bottom:12px;z-index:10;padding:8px 10px;border-radius:10px;background:#18181bd6;color:#fafafa;font-size:12px;line-height:1.5}.status.error{color:#dc2626}.hidden-input{display:none}.canvas-wrap.text-tool{cursor:text}.canvas-wrap.image-tool{cursor:copy}.canvas-wrap.move-tool{cursor:grab}.canvas-wrap.move-tool.dragging{cursor:grabbing}.text-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#00000040}.text-prompt{width:min(420px,calc(100vw - 32px));padding:16px;border-radius:12px;background:#fff;border:1px solid #e4e4e7;box-shadow:0 16px 40px #0000001f;display:grid;gap:10px}.text-prompt input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:8px 10px}.text-prompt-actions{display:flex;justify-content:flex-end;gap:8px}.voice-debug{position:fixed;left:12px;bottom:12px;z-index:11;width:min(520px,calc(100vw - 24px));max-height:min(360px,42vh);display:grid;grid-template-rows:auto auto 1fr;gap:8px;padding:10px 12px;border-radius:12px;background:#09090bf0;color:#f4f4f5;border:1px solid #3f3f46;box-shadow:0 12px 32px #00000047;font-size:11px}.voice-debug-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-debug-actions{display:flex;gap:6px}.voice-debug button{border:1px solid #52525b;background:#27272a;color:#fafafa;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px}.voice-debug-snapshot{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#18181b;color:#d4d4d8;line-height:1.4}.voice-debug-snapshot code{color:#fbbf24}.voice-debug-log{overflow:auto;border-radius:8px;background:#09090b;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45}.voice-debug-line{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.voice-debug-line.warn{color:#fbbf24}.voice-debug-line.error{color:#f87171}.voice-debug-time{color:#71717a}.voice-debug-tag{color:#60a5fa}.voice-debug-data{color:#a1a1aa;word-break:break-all}.voice-debug-empty{color:#71717a}.nickname-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d4d4d8;background:#fff;cursor:pointer;font-size:14px;line-height:1}.nickname-chip:hover{border-color:#a1a1aa;background:#fafafa}.nickname-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nickname-label{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nickname-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nickname-prompt{width:min(400px,calc(100vw - 32px));padding:20px;border-radius:14px;background:#fff;border:1px solid #e4e4e7;box-shadow:0 20px 48px #00000024;display:flex;flex-direction:column;gap:10px}.nickname-prompt-title{margin:0;font-size:20px;font-weight:600}.nickname-prompt-hint{margin:0;font-size:14px;line-height:1.45;color:#71717a}.nickname-prompt label{font-size:13px;color:#52525b}.nickname-prompt input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:10px 12px}.nickname-prompt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.nickname-prompt-actions button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.nickname-prompt-actions button.active{background:#18181b;color:#fff;border-color:#18181b}.participant-strip{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding-top:4px;border-top:1px solid #ececee}.participant-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#fafafa;border:1px solid #e4e4e7;font-size:12px;line-height:1;transition:border-color .15s ease,box-shadow .15s ease}.participant-chip--voice{border-color:#d4d4d8}.participant-chip--speaking{border-color:#86efac;box-shadow:0 0 0 1px #22c55e40}.participant-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.participant-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-voice-off{color:#d4d4d8;font-size:14px;line-height:1}.voice-meter{display:inline-flex;align-items:flex-end;flex-shrink:0}.voice-meter-bar{display:block;border-radius:2px;background:#d4d4d8;transform-origin:bottom center}.voice-meter--muted .voice-meter-bar{background:#e4e4e7}.td-hud{position:fixed;left:12px;bottom:72px;z-index:10;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;background:#18181be6;color:#fafafa;font-size:13px;box-shadow:0 8px 24px #0003}.td-hud strong{margin-right:4px}.td-hud-defeat{color:#f87171;font-weight:600}.td-hud-host{color:#a1a1aa;font-size:11px}.td-hud-hint{color:#c4b5fd;font-size:12px}.room-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:15px;color:#52525b}.room-toolbar-minimal{z-index:40}.room-panel-wrap{position:relative}.room-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d4d4d8;background:#fafafa;cursor:pointer;font-size:13px;max-width:200px}.room-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chip-caret{color:#71717a;font-size:10px}.room-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:min(320px,calc(100vw - 24px));border-radius:12px;border:1px solid #e4e4e7;background:#fffffffa;box-shadow:0 16px 40px #00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.room-panel-tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid #ececee}.room-panel-tabs button{flex:1;border:none;background:transparent;padding:6px 8px;border-radius:8px 8px 0 0;cursor:pointer;font-size:12px;color:#52525b}.room-panel-tabs button.active{background:#f4f4f5;color:#18181b;font-weight:600}.room-panel-body{padding:10px;display:grid;gap:8px;max-height:min(360px,50vh);overflow:auto}.room-panel-actions{display:flex;gap:6px;flex-wrap:wrap}.room-panel-actions button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:5px 9px;cursor:pointer;font-size:12px}.room-panel-actions button.danger{color:#dc2626;border-color:#fecaca}.room-list{display:grid;gap:4px}.room-row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid #ececee;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:13px}.room-row.active{border-color:#18181b;background:#fafafa}.room-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row-meta{font-size:11px;color:#71717a;flex-shrink:0}.room-empty{font-size:12px;color:#71717a;padding:4px 0}.room-section-label{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.04em}.room-recent{display:flex;flex-wrap:wrap;gap:6px}.room-recent-chip{border:1px solid #e4e4e7;background:#fafafa;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.room-jump{display:grid;gap:4px;font-size:12px;color:#52525b}.room-jump input,.room-form input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:7px 9px}.room-form label{display:grid;gap:4px;font-size:12px;color:#52525b}.room-form button.active{background:#18181b;color:#fff;border:1px solid #18181b;border-radius:8px;padding:8px 12px;cursor:pointer}.room-hint{margin:0;font-size:11px;line-height:1.4;color:#71717a}.room-check{display:flex!important;align-items:center;gap:8px;flex-direction:row!important}.room-panel-msg{padding:8px 10px;font-size:12px;color:#166534;background:#f0fdf4;border-top:1px solid #bbf7d0}.room-password-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-password{width:min(360px,calc(100vw - 32px));padding:20px;border-radius:14px;background:#fff;border:1px solid #e4e4e7;box-shadow:0 20px 48px #00000024;display:grid;gap:10px}.room-password-title{margin:0;font-size:18px}.room-password-hint{margin:0;font-size:14px;color:#71717a}.room-password input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:10px 12px}.room-password-error{margin:0;color:#dc2626;font-size:13px}.room-password-actions{display:flex;justify-content:flex-end;gap:8px}.room-password-actions button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.room-password-actions button.active{background:#18181b;color:#fff;border-color:#18181b}.td-toolbar-sep{padding-left:4px;border-left:1px solid #e4e4e7;margin-left:2px}.canvas-wrap.td-tool{cursor:crosshair}