:root{color:#f7f4ec;font-synthesis:none;text-rendering:optimizelegibility;background:#171815;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}.app{color:#f7f4ec;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));background:radial-gradient(circle at 12% 12%,#299d8f2e,#0000 22rem),linear-gradient(145deg,#171815 0%,#26251f 52%,#121411 100%);place-items:center;display:grid;position:relative;overflow:hidden}.topbar{z-index:30;top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:12px;right:12px}.room-pill,.phase-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffaf0;background:#141612bd;border:1px solid #fff3;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:.88rem;font-weight:700;display:inline-flex}.connection-dot{background:#9a9386;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 4px #ffffff1f}.connection-dot.is-connected{background:#50c878}.connection-dot.is-connecting{background:#e0aa3e}.connection-dot.is-offline{background:#ef6a4d}.lobby-panel,.result-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1d18e0;border:1px solid #ffffff29;border-radius:8px;width:min(430px,100%);box-shadow:0 24px 60px #00000057}.lobby-panel{gap:16px;padding:28px 18px 18px;display:grid}.eyebrow{color:#e0aa3e;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{max-width:11em;font-size:clamp(2rem,9vw,3.35rem);line-height:.98}h2{font-size:1.4rem}.field{color:#d8d2c6;gap:7px;font-size:.84rem;font-weight:700;display:grid}.field input,.join-row input{color:#fffaf0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 13px}.field input:focus,.join-row input:focus{border-color:#2f9c95;box-shadow:0 0 0 3px #2f9c9542}.room-actions,.join-row{grid-template-columns:1fr .62fr;gap:9px;display:grid}.primary-button,.ghost-button,.start-button,.tool-button,.pose-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;font-weight:800;display:inline-flex}.primary-button,.start-button{color:#081210;background:#2f9c95}.ghost-button{color:#fffaf0;background:#ffffff1c;border:1px solid #ffffff29}.start-button{background:#e0aa3e;width:100%;min-height:52px}.compact{min-width:94px}.player-list{gap:7px;display:grid}.player-row,.result-row{color:#eee7da;background:#ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:.86rem;display:flex}.game-shell{background:#141511;place-items:center;display:grid;position:fixed;inset:0}.game-shell.is-previewing .topbar,.game-shell.is-previewing .notice-line{display:none}.stage{touch-action:none;width:min(100vw,520px);height:100dvh;min-height:560px;max-height:900px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000038}.stage:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.stage-trim{opacity:.8;height:10px;position:absolute;top:67%;left:0;right:0}.stage-floor{height:32%;position:absolute;bottom:0;left:0;right:0}.stage-patch{z-index:2;border:3px solid;border-radius:8px;position:absolute;box-shadow:0 12px 28px #0000002e}.kind-poster,.kind-screen{border-width:6px}.kind-rug{border-radius:50%}.kind-plant{clip-path:polygon(50% 0,76% 34%,66% 34%,94% 78%,62% 78%,62% 100%,38% 100%,38% 78%,6% 78%,34% 34%,24% 34%);border-radius:0}.avatar-anchor{z-index:9;aspect-ratio:11/14;width:clamp(132px,34vw,190px);position:absolute;transform:translate(-50%,-58%)}.avatar-canvas{touch-action:none;width:100%;height:100%;display:block}.avatar-canvas.is-preview{filter:saturate(.96)}.tap-mark{z-index:12;color:#ef6a4d;pointer-events:none;background:#ef6a4d2e;border:2px solid #ef6a4d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;transform:translate(-50%,-50%)}.reveal-marker{z-index:14;color:#15120b;background:#e0aa3e;border-radius:8px;padding:7px 9px;font-size:.78rem;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.swatch-rail,.pose-rail{z-index:20;gap:8px;display:grid;position:fixed}.swatch-rail{left:max(10px, env(safe-area-inset-left));top:23%}.pose-rail{right:max(10px, env(safe-area-inset-right));top:22%}.swatch{border:2px solid #ffffffb3;border-radius:50%;width:44px;height:44px;box-shadow:0 8px 18px #00000047}.swatch.is-active{outline-offset:2px;outline:3px solid #e0aa3e}.pose-button{color:#fffaf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141612b8;border:1px solid #ffffff2e;width:54px;min-height:44px;padding:0 6px;font-size:.76rem}.pose-button.is-active{color:#16130e;background:#e0aa3e}.tool-dock{z-index:24;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141612d1;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:7px;min-height:78px;padding:8px;display:flex;position:fixed;overflow-x:auto}.tool-button{color:#fffaf0;background:#ffffff1a;border:1px solid #ffffff1f;flex-direction:column;flex:none;gap:3px;min-width:62px;font-size:.72rem}.tool-button.is-active{color:#061412;background:#2f9c95}.size-control{color:#f1eadf;flex:0 0 94px;gap:3px;font-size:.72rem;font-weight:800;display:grid}.size-control input{accent-color:#e0aa3e;width:94px}.notice-line{z-index:19;left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 94px);color:#fff7e8;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141612b8;border-radius:8px;place-items:center;max-width:min(92vw,360px);min-height:34px;padding:0 11px;font-size:.82rem;font-weight:800;display:grid;position:fixed;transform:translate(-50%)}.result-panel{z-index:28;left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 94px);gap:10px;padding:14px;display:grid;position:fixed;transform:translate(-50%)}@media (width>=760px){.stage{border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f;height:min(100dvh,860px)}.tool-dock{width:min(620px,100vw - 24px);left:50%;right:auto;transform:translate(-50%)}}