#join-form.editor-panel{position:relative;display:flex;flex-direction:column;width:min(780px,calc(100% - 16px));max-height:calc(100svh - 16px);padding:0;overflow:hidden;text-align:left}#join-form .editor-head{display:flex;align-items:baseline;gap:10px;padding:14px 18px 4px}#join-form .editor-head .eyebrow{margin:0}#join-form .editor-head h2{margin:0;font-size:1.2rem;font-weight:600}#join-form .editor-layout{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;padding:8px 18px 12px;align-items:start;-webkit-overflow-scrolling:touch}.editor-stage{position:relative}#join-form .avatar-preview{display:block;width:100%;height:clamp(280px,46svh,430px)}.stage-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#1d1722b3;color:var(--ink);font-size:1.1rem;line-height:1;display:grid;place-items:center;padding:0}.stage-poses{position:absolute;left:8px;bottom:8px;display:flex;gap:6px}.stage-photo{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stage-chip{padding:.4em .8em;border:1px solid var(--line);border-radius:999px;background:#1d1722b8;color:var(--ink);font:600 .75rem system-ui,sans-serif}.stage-chip[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:#2a1d14}.stage-chip.is-small{font-size:.68rem;padding:.3em .7em;color:var(--muted)}#join-form .editor-controls{display:grid;gap:12px;min-width:0}#join-form .editor-tabs{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 22px 4px 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}#join-form .editor-tabs::-webkit-scrollbar{display:none}#join-form .editor-tab{scroll-snap-align:center;flex:0 0 auto;min-height:40px}#join-form .editor-options{min-height:0}#join-form .editor-options.is-swatch{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px}#join-form .editor-options.is-swatch .editor-opt{width:44px;height:44px}#join-form .editor-options.is-text{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}#join-form .editor-options.is-text .editor-opt{min-height:44px;text-align:center}#join-form .editor-options.is-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}#join-form .editor-options.is-cards .editor-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:16px;background:#f4dfbe14;color:var(--ink);border:2px solid transparent}#join-form .editor-options.is-cards .editor-opt[aria-pressed=true]{border-color:var(--amber);background:#e8c47029}#join-form .editor-options.is-cards .opt-icon{font-size:2rem;line-height:1}.editor-actions{flex:0 0 auto;display:grid;gap:8px;padding:10px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#1d1722fa}.editor-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-btn{min-height:42px;padding:.5em .6em;border:1px solid var(--line);border-radius:12px;background:#f4dfbe14;color:var(--ink);font:600 .82rem system-ui,sans-serif;white-space:nowrap}.editor-main-row{display:flex;gap:8px}.editor-main-row .action-button{flex:1;justify-content:center;min-height:48px;margin:0;border-radius:12px;font-size:.95rem}.editor-main-row .party-btn{margin:0;min-height:48px}#editor-dance{display:none!important}.crop-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;background:#1d1722fa}.crop-sheet[hidden]{display:none}.crop-hint{margin:0;max-width:320px;color:var(--muted);font-size:.85rem;text-align:center;line-height:1.4}.crop-frame{position:relative;width:min(280px,76vw);aspect-ratio:1;touch-action:none}.crop-canvas{width:100%;height:100%;display:block;border-radius:12px;cursor:grab}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 999px #1d1722b8;border:2px solid var(--amber)}.crop-ring:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:1px dashed rgba(255,255,255,.45)}.crop-zoom{width:min(280px,76vw);accent-color:var(--amber)}.crop-actions{display:flex;gap:10px}@media(max-width:640px){#join-form .editor-layout{grid-template-columns:1fr;gap:10px;padding:6px 14px 10px}#join-form .avatar-preview{height:clamp(250px,40svh,360px)}#join-form .editor-head{padding:12px 14px 2px}.editor-actions{padding:8px 14px calc(12px + env(safe-area-inset-bottom))}}@media(max-height:520px)and (orientation:landscape){#join-form .editor-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}#join-form .avatar-preview{height:clamp(180px,62svh,300px)}}.stage-clips{position:absolute;left:8px;right:8px;bottom:48px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stage-clips::-webkit-scrollbar{display:none}.stage-clips .stage-chip{flex:0 0 auto;white-space:nowrap}:root{font-family:ui-sans-serif,Segoe UI,sans-serif;color:#f6ecdc;background:#1d1722;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f6ecdc;--muted: #b9a99a;--line: rgba(244, 223, 190, .17);--mint: #d4a84b;--amber: #e8c470;--coral: #b9475a;--mono: ui-monospace, "Cascadia Code", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#1d1722}button,a{color:inherit;font:inherit}button{cursor:pointer}.game-shell,.arena-frame,#game-root{position:relative;width:100%;height:100%;min-height:100svh}.game-header{position:absolute;z-index:5;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:26px clamp(22px,5vw,76px);border-bottom:1px solid rgba(243,241,232,.1);background:linear-gradient(180deg,rgba(29,23,34,.54),transparent)}.wordmark{color:var(--ink);font-size:.9rem;font-weight:800;text-decoration:none}.build-label,.page-footer,.eyebrow,.round-label,.combatant-line,.arena-note{font-family:var(--mono);font-size:.68rem;letter-spacing:0;text-transform:uppercase}.build-label{display:flex;align-items:center;gap:9px;color:#e8dcc4}.build-label span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #82d8adcc}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#game-root canvas{display:block;width:100%;height:100%;touch-action:none}.eyebrow{margin:0 0 11px;color:var(--amber)}.match-hud{position:absolute;z-index:2;top:clamp(108px,15vh,154px);right:clamp(24px,7vw,108px);display:grid;width:min(380px,39vw);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.combatant-line{display:flex;justify-content:space-between;margin-bottom:8px;color:#e8dcc4;font-size:.62rem}.combatant-line strong{color:var(--ink);font:inherit}.health-track{height:5px;overflow:hidden;background:#f1f1e033}.health-fill{width:100%;height:100%;transform-origin:left center;transition:width .2s ease,background-color .2s ease}.player-fill{background:var(--mint)}.enemy-fill{background:var(--coral)}.health-fill.is-low{background:var(--amber)}.match-state{display:grid;justify-items:center;gap:4px;min-width:66px;color:var(--ink);text-align:center}.round-label{color:var(--muted);font-size:.52rem;white-space:nowrap}.match-state strong{color:var(--amber);font-family:var(--mono);font-size:.72rem;font-weight:500}.arena-footer{position:absolute;z-index:2;right:clamp(24px,7vw,108px);bottom:34px;left:clamp(24px,7vw,108px);display:flex;align-items:end;justify-content:space-between;color:#e8dcc4}.arena-footer p{margin:0}.arena-footer kbd{display:inline-grid;min-width:23px;height:23px;margin-right:3px;place-items:center;border:1px solid rgba(243,241,232,.35);border-radius:4px;color:var(--ink);font:.65rem var(--mono)}.footer-divider{padding:0 7px;color:var(--amber)}.arena-note{color:var(--muted);font-size:.58rem}.result-overlay{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1d17226b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-overlay[hidden]{display:none}.result-panel{width:min(380px,calc(100% - 40px));padding:34px;border:1px solid rgba(243,241,232,.26);background:#1d1722f2;box-shadow:0 22px 70px #00000059;text-align:center;animation:rise-in .26s ease both}.result-panel h2{margin:0 0 8px;color:var(--ink);font-size:2.4rem;font-weight:600}.result-panel>p:not(.eyebrow){margin:0 0 24px;color:var(--muted);font-size:.92rem}.action-button{display:inline-flex;align-items:center;gap:22px;padding:13px 17px;border:0;background:var(--amber);color:#2a1d14;font-size:.82rem;font-weight:800}.action-button span{font-size:1rem}.render-error{display:grid;height:100%;align-content:center;justify-items:center;gap:9px;color:var(--ink);text-align:center}.render-error span{color:var(--muted);font-size:.9rem}.page-footer{display:none}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.game-header{padding:20px 22px}.match-hud{top:185px;right:24px;left:24px;width:auto;gap:10px}.arena-footer{right:22px;bottom:28px;left:22px;align-items:center}.arena-footer p:first-child{display:none}.arena-note{margin-left:auto!important}[data-direction=up]{grid-area:up}[data-direction=left]{grid-area:left}[data-direction=down]{grid-area:down}[data-direction=right]{grid-area:right}}@media(max-width:380px){.match-hud{top:176px}.round-label{font-size:.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.render-error code{display:block;margin-top:.75rem;max-width:90%;font-size:.75rem;word-break:break-word;opacity:.85}.build-label{display:none}.match-hud{top:calc(52px + env(safe-area-inset-top));right:auto;left:50%;width:min(560px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#1d17229e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arena-footer{left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);bottom:calc(20px + env(safe-area-inset-bottom));justify-content:flex-start}.controls{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.joy-zone{position:absolute;left:0;bottom:0;width:55%;height:60%;pointer-events:auto;touch-action:none}.joy-base{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid rgba(243,241,232,.28);background:radial-gradient(circle,#f3f1e81a,#f3f1e80a);opacity:.75;transition:opacity .15s}.joy-base.active{opacity:1;border-color:var(--mint)}.joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:linear-gradient(160deg,#f3d58a,#c28a2b);box-shadow:0 4px 14px #0006}.atk-btn{--cd:0deg;position:absolute;right:calc(28px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;border:3px solid rgba(243,213,138,.85);background:radial-gradient(circle at 35% 30%,#c4586b,#7d2433);color:#fff;font:800 .72rem/1 var(--mono);letter-spacing:.08em;box-shadow:0 6px 18px #00000073;pointer-events:auto;touch-action:none;overflow:hidden;-webkit-tap-highlight-color:transparent}.atk-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(29,23,34,.62) var(--cd),transparent 0)}.atk-btn span{position:relative;z-index:1}.atk-btn:active{transform:scale(.94)}body[data-input=touch] .controls{display:block}body[data-input=touch] .arena-footer{display:none}.arena-frame{touch-action:none}@media(max-width:760px){.match-hud{top:calc(48px + env(safe-area-inset-top));padding:8px 10px;gap:8px}}@media(max-height:480px){.joy-base{width:112px;height:112px;margin:-56px 0 0 -56px}.atk-btn{width:80px;height:80px;bottom:calc(20px + env(safe-area-inset-bottom))}}.dash-btn{width:68px;height:68px;right:calc(142px + env(safe-area-inset-right));bottom:calc(46px + env(safe-area-inset-bottom));background:radial-gradient(circle at 35% 30%,#f3d58a,#b8872e);border-color:#c8f0ffb3;font-size:.62rem}.combatant-line{font-size:.82rem;letter-spacing:.06em}.combatant-line strong{font-size:1rem}.round-label{font-size:.62rem}.match-state strong{font-size:1rem}.arena-footer p{font-size:.95rem}.arena-footer kbd{min-width:28px;height:28px;font-size:.8rem}.float-num{position:absolute;z-index:6;pointer-events:none;font:800 1.35rem var(--mono);text-shadow:0 2px 6px rgba(0,0,0,.7);transform:translate(-50%,-50%);animation:float-up .8s ease-out forwards}.float-num.is-enemy{color:#f3d58a}.float-num.is-player{color:#ff8a8a}@keyframes float-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-56px}}@media(max-height:480px){.dash-btn{width:56px;height:56px;right:calc(116px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.float-num{animation-duration:.01ms}}.hall-hud{grid-template-columns:auto auto;justify-content:center;gap:16px;width:auto;max-width:calc(100vw - 32px)}.hall-guests{color:var(--muted);font:500 .72rem var(--mono);letter-spacing:.06em;white-space:nowrap}.name-input{width:100%;box-sizing:border-box;margin:6px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#1d1722b3;color:var(--ink);font:500 1rem var(--mono);outline:none}.name-input:focus{border-color:var(--mint)}#touch-sit{background:radial-gradient(circle at 35% 30%,#f3d58a,#c28a2b);border-color:#fff0c8bf}#touch-sit.is-ready{box-shadow:0 0 0 4px #f3d58a59,0 6px 18px #00000073}.float-num.is-clap{font-size:1.7rem;color:#fff}.hall-hud{opacity:0;transition:opacity .3s;pointer-events:none}.hall-hud.is-visible{opacity:1}body.joined .game-header,body.joined .page-footer{opacity:0;pointer-events:none;transition:opacity .5s}.arena-footer{transition:opacity 1s}.arena-footer.is-faded{opacity:0}.joy-base{opacity:.45}.joy-base.active{opacity:.9}#touch-sit:not(.is-ready){display:none}#touch-sit{right:calc(28px + env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));width:84px;height:84px}@media(max-height:480px){#touch-sit{bottom:calc(88px + env(safe-area-inset-bottom));width:70px;height:70px}}.chat-box{position:absolute;z-index:5;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 28px));display:flex;flex-direction:column;gap:6px;pointer-events:none}body[data-input=touch] .chat-box{bottom:calc(190px + env(safe-area-inset-bottom));width:min(300px,calc(100vw - 150px))}.chat-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:34vh;overflow:hidden}.chat-line{padding:5px 10px;border-radius:12px;background:#1d17228c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f6ecdc;font-size:.86rem;line-height:1.25;overflow-wrap:anywhere;transition:opacity .6s;pointer-events:auto}.chat-line b{color:#f3d58a;font-weight:700;margin-right:6px}.chat-line.is-self b{color:#f3d58a}.chat-line.is-old{opacity:0}.chat-box.is-open .chat-line.is-old{opacity:1}.chat-form{display:flex;gap:6px;pointer-events:auto}.chat-form[hidden]{display:none}.chat-input{flex:1;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#1d1722d1;color:var(--ink);font:500 .95rem var(--mono);outline:none}.chat-input:focus{border-color:var(--mint)}.chat-send{width:42px;border:0;border-radius:12px;background:var(--mint);color:#10231b;font-size:1rem}@media(max-height:480px){body[data-input=touch] .chat-box{bottom:calc(14px + env(safe-area-inset-bottom));width:min(260px,40vw)}}.greet-menu,.greet-toast{position:absolute;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#1d17229e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;color:#fff;font:600 13px system-ui,sans-serif}.greet-menu{bottom:150px}.greet-toast{top:76px}.greet-menu[hidden],.greet-toast[hidden]{display:none}.greet-name{padding:0 6px;opacity:.85}.greet-menu button,.greet-toast button{width:40px;height:40px;border:0;border-radius:50%;font-size:20px;background:#ffffff24;color:#fff;cursor:pointer}.greet-menu button:active,.greet-toast button:active{background:#ffffff4d}#mic-button.is-on{background:#2e9e6b}[hidden]{display:none!important}.online-pill{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;z-index:5;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#1d17228c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 13px system-ui,sans-serif;pointer-events:none}.online-pill i{width:8px;height:8px;border-radius:50%;background:#8a8f98}.online-pill i.is-online{background:#3ddc84}#mic-button{opacity:1}#mic-button[aria-pressed=false]{opacity:.65}#mic-button.is-on{background:#2e9e6b;opacity:1}#mic-button.is-speaking{box-shadow:0 0 0 3px #3ddc848c}.greet-menu{left:auto;right:12px;bottom:210px;transform:none;flex-direction:column;gap:4px;padding:5px;border-radius:22px;background:#1d172257;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:greet-in .18s ease-out}.greet-menu .greet-name{display:none}.greet-menu button{width:34px;height:34px;font-size:17px;background:#ffffff1a;opacity:.8}.greet-toast{padding:4px 6px 4px 12px;font-size:12px;background:#1d172280}.greet-toast button{width:30px;height:30px;font-size:15px}@keyframes greet-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}:root{--maroon:#8c2f39;--gold:#d4a84b;--wood:#7a5a3c;--cream:#e8dcc4;--plum:#1d1722}body{background:radial-gradient(120% 90% at 50% 0%,#2b2030,#1d1722 70%)}.dash-btn{color:#2a1d14;border-color:#fff0c8d9}.dash-btn span{text-shadow:none}#party-button{position:relative}#party-button[data-count]:not([data-count="0"]):after{content:attr(data-count);position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--coral);color:#fff;font:700 11px/18px system-ui,sans-serif;text-align:center}.party-panel{position:absolute;z-index:7;top:calc(64px + env(safe-area-inset-top));right:12px;width:min(300px,calc(100vw - 24px));max-height:60%;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:#1d1722db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 .9rem system-ui,sans-serif}.party-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.party-head button{background:none;border:0;color:var(--muted);font-size:1rem;cursor:pointer}.party-body{display:grid;gap:8px}.party-body h4{margin:6px 0 2px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.party-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.party-btn{border:0;border-radius:999px;padding:.5em 1.1em;background:var(--amber);color:#2a1d14;font:700 .85rem system-ui,sans-serif;cursor:pointer}.party-btn.is-ghost{background:#f4dfbe24;color:var(--ink)}.editor-panel{width:min(720px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:22px;text-align:left}.editor-panel h2{margin:0 0 12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:start}.avatar-preview{width:100%;height:340px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#3a2a40,#1d1722 75%);border:1px solid var(--line);touch-action:none;cursor:grab}.editor-controls{display:grid;gap:12px;min-width:0}.editor-controls .name-input{margin:0}.editor-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.editor-tab{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:.45em 1em;background:transparent;color:var(--muted);font:600 .85rem system-ui,sans-serif;cursor:pointer}.editor-tab[aria-selected=true]{background:var(--amber);border-color:var(--amber);color:#2a1d14}.editor-options{display:flex;flex-wrap:wrap;gap:8px;min-height:92px;align-content:flex-start}.editor-opt{border:2px solid transparent;cursor:pointer;font:600 .85rem system-ui,sans-serif}.editor-options.is-swatch .editor-opt{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px #f4dfbe40}.editor-options.is-text .editor-opt{padding:.5em 1em;border-radius:999px;background:#f4dfbe1a;color:var(--ink)}.editor-opt[aria-pressed=true]{border-color:var(--amber);box-shadow:0 0 0 2px #e8c47059}.editor-options.is-text .editor-opt[aria-pressed=true]{background:var(--amber);color:#2a1d14}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.editor-actions .action-button{margin:0}#join-form.is-edit .name-input{display:none}@media(max-width:640px){.editor-layout{grid-template-columns:1fr}.avatar-preview{height:210px}.editor-panel{padding:16px}}@media(max-height:520px)and (orientation:landscape){.editor-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.avatar-preview{height:220px}}#join-overlay{z-index:9}:root{--dock:68px}.dock{position:absolute;z-index:6;left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:#1d1722d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock-btn{position:relative;width:46px;height:46px;border:0;border-radius:50%;background:#f4dfbe1a;color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.dock-btn[hidden]{display:none}.dock-btn[aria-expanded=true]{background:var(--amber);color:#2a1d14}.dock-btn[aria-pressed=false]#mic-button{opacity:.7}.dock-btn.is-on{background:#2e9e6b;opacity:1}.dock-btn.is-speaking{box-shadow:0 0 0 3px #3ddc848c}.dock-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background:#ff5a5f;box-shadow:0 0 0 2px #1d1722}.dock-dot[hidden]{display:none}.sheet{position:absolute;z-index:8;background:#241b2b;border:1px solid var(--line);color:var(--ink);font:500 .9rem system-ui,sans-serif;box-shadow:0 -8px 30px #00000073}.sheet[hidden]{display:none}.sheet-bottom{left:0;right:0;bottom:0;max-height:72%;overflow:auto;border-radius:22px 22px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-up .18s ease-out}.sheet-pop{left:50%;bottom:calc(var(--dock) + 14px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;padding:8px;border-radius:18px;animation:sheet-pop .14s ease-out}.sheet-pop[hidden]{display:none}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sheet-close{background:none;border:0;color:var(--muted);font-size:1.1rem;cursor:pointer}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.sheet-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px;padding:12px 6px 10px;border:0;border-radius:14px;background:#f4dfbe14;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.sheet-tile[hidden]{display:none}.sheet-tile:active{background:#f4dfbe2e}.sheet-tile .tile-ico{font-size:1.6rem;line-height:1}.sheet-tile .tile-label{font-size:.72rem;color:var(--muted);text-align:center}.sheet-tile.is-active{box-shadow:0 0 0 2px #ff7878d9}.sheet-tile[aria-pressed=true] .tile-ico{opacity:.55}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes sheet-pop{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){.sheet-bottom,.sheet-pop{animation:none}}.controls{inset:0 0 calc(var(--dock) + env(safe-area-inset-bottom)) 0}.arena-footer,.chat-box{bottom:calc(var(--dock) + 14px + env(safe-area-inset-bottom))}body[data-input=touch] .chat-box{bottom:calc(var(--dock) + 180px + env(safe-area-inset-bottom))}@media(max-height:480px){body[data-input=touch] .chat-box{bottom:calc(var(--dock) + 8px + env(safe-area-inset-bottom))}}.greet-menu{bottom:calc(var(--dock) + 120px)}.party-panel{top:calc(14px + env(safe-area-inset-top))}#touch-dance{right:calc(104px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));width:64px;height:64px;opacity:.85}@media(max-height:480px){#touch-dance{right:calc(92px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:52px;height:52px}}.online-pill i.is-wait{background:#f0a030;animation:pill-wait 1s ease-in-out infinite}@keyframes pill-wait{50%{opacity:.35}}.notice{position:absolute;z-index:9;left:50%;transform:translate(-50%);bottom:calc(var(--dock) + 140px + env(safe-area-inset-bottom));max-width:min(360px,calc(100% - 28px));padding:10px 14px;border-radius:14px;background:#1d1722eb;border:1px solid var(--line);color:var(--ink);font:500 .85rem/1.35 system-ui,sans-serif;text-align:center;pointer-events:none}.notice[hidden]{display:none}.cam-tools{position:absolute;z-index:6;right:calc(10px + env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--line);border-radius:26px;background:#1d1722d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.joined .cam-tools{display:flex}.cam-tools .dock-btn{width:40px;height:40px;font-size:1.15rem}