#app{opacity:1}.big-app{grid-template-rows:auto minmax(0,1fr);height:100dvh;padding:clamp(18px,2.2vw,34px) clamp(20px,3.4vw,58px) 154px;display:grid;overflow:hidden}.big-app.is-controls-collapsed{padding-bottom:88px}.big-header{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto 14px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.room-code-button{min-height:var(--tap-secondary);color:var(--ink-soft);background:var(--surface);cursor:pointer;border:1px solid #5948392e;border-radius:17px;align-items:center;gap:9px;padding:8px 14px;display:flex}.room-code-button span{font-weight:800}.room-code-button strong{color:var(--ink);letter-spacing:.12em;font-size:1.25rem}.big-header h1{letter-spacing:.12em;margin:0;font-family:DFKai-SB,BiauKai,serif;font-size:clamp(2rem,4vw,3.8rem);font-weight:700}.room-presence{min-height:52px;color:var(--ink-soft);background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid #59483924;border-radius:999px;align-items:center;gap:11px;padding:10px 18px;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:700;display:flex}.presence-dot{background:#b5a994;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #b5a99433}.room-presence.is-online .presence-dot{background:#5e9b69;box-shadow:0 0 0 5px #5e9b6933}.big-main{width:100%;max-width:1280px;height:100%;min-height:0;margin:0 auto}.connection-banner{z-index:30;color:#fff;box-shadow:var(--soft-shadow);background:#3d342eeb;border:2px solid #fff;border-radius:999px;padding:11px 20px;font-size:1rem;font-weight:800;display:block;position:fixed;top:12px;left:50%;transform:translate(-50%)}.big-artwork{background:color-mix(in srgb, var(--surface) 82%, transparent);height:100%;min-height:0;box-shadow:var(--shadow);border:1px solid #644b3426;border-radius:36px;place-items:center;padding:clamp(8px,1.2vw,16px);display:grid;position:relative}.big-artwork .stage-host{place-items:center;width:100%;height:100%;min-height:0;display:grid}.big-artwork .artwork-stage{width:auto;max-width:100%;height:100%}.participant-marker{z-index:5;color:#fff;pointer-events:none;background:#c85f55;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-size:1rem;font-weight:800;transition:left .18s ease-out,top .18s ease-out;display:flex;position:absolute;transform:translate(-10px,-112%);box-shadow:0 5px 20px #3a281f42}.participant-marker[hidden]{display:none}.participant-markers{z-index:5;pointer-events:none;position:absolute;inset:16px}.pause-overlay{z-index:8;color:#fff;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3d342eb3;border-radius:26px;place-content:center;gap:7px;display:grid;position:absolute;inset:16px}.pause-overlay strong{font-size:clamp(1.8rem,4vw,3.4rem)}.pause-overlay span{font-size:clamp(1rem,2vw,1.35rem);font-weight:700}.pause-overlay[hidden],.connection-banner[hidden],.invite-panel[hidden],.artwork-picker[hidden],.panel-backdrop[hidden]{display:none}.marker-brush{background:#dbab3f;border:4px solid #fff;border-radius:50%;width:24px;height:24px;display:block}.operator-dock{z-index:10;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #503f3129;border-radius:27px;align-items:center;gap:8px;max-width:1220px;min-height:104px;margin:auto;padding:14px 16px;display:flex;position:fixed;bottom:18px;left:22px;right:22px;box-shadow:0 18px 50px #36281b38}.dock-heading{flex:190px;gap:2px;min-width:160px;padding:0 7px;display:grid}.dock-kicker{color:var(--terracotta);letter-spacing:.18em;font-size:1rem;font-weight:900}.dock-heading strong{font-size:clamp(1rem,1.7vw,1.25rem)}.dock-group{gap:7px;display:flex}.operator-actions{align-items:center;gap:8px;display:flex}.operator-toggle{min-width:110px;min-height:var(--tap-secondary);border:1px solid var(--line);color:var(--ink-soft);background:var(--surface-strong);cursor:pointer;border-radius:16px;padding:8px 14px;font-weight:900}.operator-dock.is-collapsed{width:auto;min-height:68px;padding:8px 10px;left:auto;right:22px}.operator-dock.is-collapsed .dock-heading,.operator-dock.is-collapsed .operator-actions{display:none}.mode-button,.tool-button,.dock-action,.quiet-button{min-height:var(--tap-secondary);border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;border-radius:16px;font-weight:800;text-decoration:none}.mode-button,.tool-button{min-width:76px;padding:8px 9px}.tool-button span{color:var(--terracotta);font-size:1.15rem;line-height:.8;display:block}.mode-button.is-active,.tool-button.is-active{border-color:var(--ink);color:#fff;background:var(--ink);box-shadow:inset 0 0 0 2px #ffffff29}.dock-action{color:#fff;min-width:92px;padding:8px 10px}.artwork-action{background:var(--leaf);border-color:#4e7658}.theme-action{border-color:var(--line);min-width:108px;color:var(--ink);background:var(--surface-strong)}.theme-action.is-active{color:#fff6e8;background:#5f4938;border-color:#a87d4e}.pause-action{background:#8a6848;border-color:#8a6848}.pause-action.is-active{color:var(--ink);background:#f0cf78;border-color:#d1a64c}.quiet-button{color:var(--ink-soft);background:0 0;padding:8px 14px}.panel-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#31271f85;position:fixed;inset:0}.invite-panel,.artwork-picker{z-index:41;background:var(--paper);border:2px solid #ffffffc7;border-radius:30px;width:min(92vw,620px);max-height:88vh;padding:clamp(24px,4vw,40px);display:block;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 28px 90px #2d1f1559}.invite-panel h2,.artwork-picker h2{margin:0 0 20px;font-size:clamp(1.55rem,3vw,2.3rem)}.invite-panel h2 strong{color:var(--terracotta);letter-spacing:.15em}.panel-close{border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;border-radius:50%;width:56px;height:56px;font-size:2rem;line-height:1;position:absolute;top:14px;right:14px}.invite-qr{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(52vw,290px);margin:4px auto 16px;padding:12px}.invite-qr svg{width:100%;height:auto;display:block}.invite-address{overflow-wrap:anywhere;color:var(--ink-soft);text-align:center;font-size:1rem}.invite-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.invite-actions button,.invite-actions a{border:1px solid var(--line);min-height:58px;color:var(--ink);background:var(--surface-strong);text-align:center;cursor:pointer;border-radius:16px;place-items:center;padding:9px 14px;font-weight:800;text-decoration:none;display:grid}.artwork-picker{width:min(94vw,920px)}.artwork-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.artwork-card{background:var(--surface-strong);min-height:230px;box-shadow:var(--soft-shadow);cursor:pointer;border:3px solid #0000;border-radius:22px;padding:10px}.artwork-card.is-active{border-color:var(--ink)}.artwork-card-preview{aspect-ratio:4/3;background:#f2ead9;border-radius:14px;display:block;position:relative;overflow:hidden}.artwork-card-preview svg{width:100%;height:100%;display:block}.artwork-card strong{padding:10px 4px 4px;font-size:1.15rem;display:block}.artwork-card small{color:var(--ink-soft);font-size:1rem}@media (max-width:900px){.big-app{padding-bottom:228px}.operator-dock{flex-wrap:wrap}.operator-actions{flex-wrap:wrap;flex:100%}.dock-heading{flex-basis:100%}.dock-group,.mode-button,.tool-button{flex:1}}@media (max-width:600px){.big-app{padding-inline:10px;padding-bottom:290px}.big-header{align-items:flex-end;padding-inline:8px}.room-presence{padding:8px 12px}.operator-dock{gap:8px;bottom:8px;left:8px;right:8px}.dock-action,.quiet-button{flex:1}.header-actions{flex-direction:column-reverse;align-items:flex-end}.room-code-button{min-height:var(--tap-secondary)}.artwork-choices{grid-template-columns:1fr}}