*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e5e5e5}canvas{display:block;outline:none;cursor:grab}canvas:active{cursor:grabbing}.action-dock{position:fixed;left:16px;bottom:24px;z-index:70;pointer-events:none;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.action-toggle{display:none}.action-panel{pointer-events:auto;display:grid;grid-template-columns:repeat(2,72px);gap:6px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#1112169e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 38px #00000057}.action-title{grid-column:1 / -1;color:#ffffffad;font-size:11px;line-height:1;padding:1px 2px 3px}.action-button{height:38px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#0c0c0ea8;color:#fff;display:grid;grid-template-columns:18px 1fr;grid-template-rows:1fr 10px;align-items:center;column-gap:5px;padding:5px 7px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,color .12s}.action-button.is-active{background:#fffffff2;border-color:#fffffff2;color:#111}.action-icon{grid-row:1 / 3;font-size:15px;line-height:1}.action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.action-key{justify-self:start;opacity:.62;font-size:9px;line-height:1}@media (max-width: 720px){.room-chat-panel{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;width:calc(100vw - 20px)!important;gap:6px!important}.room-chat-log{max-height:28vh!important;padding:8px 10px!important}.room-chat-input{padding:10px 12px!important;font-size:13px!important}.action-dock{left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.action-toggle{pointer-events:auto;height:40px;min-width:76px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#101114bd;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 28px #0000004d;font-family:inherit;font-size:12px;font-weight:800}.action-toggle.is-active{background:#ffffffeb;color:#111}.action-panel{position:absolute;left:0;bottom:48px;display:none;grid-template-columns:repeat(4,40px);gap:6px;padding:7px;border-radius:14px}.action-panel.is-open{display:grid}.action-title{display:none}.action-button{width:40px;height:40px;padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}.action-icon{grid-row:auto;font-size:18px}.action-label{display:none}.action-key{position:absolute;margin-top:24px;margin-left:24px;width:13px;height:13px;display:grid;place-items:center;border-radius:999px;background:#00000073;color:#ffffffd1;font-size:8px;opacity:1}}