:root{--ink:#15171c;--panel:#14161c94;--panel-strong:#14161cd1;--line:#ffffff24;--text:#f6f1ea;--muted:#f6f1eaad;--ember:#ff8a3d;--ember-deep:#e2622a;--ok:#7fd28a;--warn:#f2c14e;--ad-height:62px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=760px){:root{--ad-height:106px}}*{-webkit-user-drag:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#app{touch-action:none}button{touch-action:manipulation}html,body{background:var(--ink);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}#app{flex-direction:column;display:flex;position:fixed;inset:0}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}input{touch-action:manipulation;font:inherit;-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;border:0}.hud-top{top:calc(12px + var(--safe-top));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:16px;right:16px}.hud-top>*{pointer-events:auto}.chip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;min-width:0;height:40px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.room-chip{cursor:pointer}.chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;width:16px;height:16px}.rooftop-sheet{background:#0a0b0e80;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.rooftop-sheet[hidden]{display:none}.rooftop-card{background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:20px;width:min(100%,380px);max-height:100%;padding:14px 14px 10px;overflow-y:auto}.rooftop-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;display:flex}.rooftop-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rooftop-list button{text-align:left;background:#ffffff0f;border-radius:12px;grid-template-columns:64px 1fr 72px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;display:grid}.rooftop-list button[aria-current=true]{outline:1.5px solid var(--ember)}.rooftop-list button:disabled{opacity:.45;cursor:default}.rooftop-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.rooftop-bar span{background:var(--ember);height:100%;display:block}.rooftop-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}#room-name{text-overflow:ellipsis;max-width:34vw;overflow:hidden}.sep{background:var(--line);width:1px;height:14px}.dot{background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px}.dot[data-connection=online]{background:var(--ok)}.dot[data-connection=offline],.dot[data-connection=full]{background:#e06666}.hud-top-right{gap:8px;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}#sound-btn .off,#sound-btn[aria-pressed=true] .on{display:none}#sound-btn[aria-pressed=true] .off{display:block}.toasts{top:calc(64px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--panel-strong);border:1px solid var(--line);text-align:center;border-radius:14px;padding:9px 14px;font-size:14px;line-height:1.4;transition:opacity .4s;animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.hud-actions{pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:28px;right:16px}.hud-actions>*{pointer-events:auto}.side-buttons{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.pill-btn{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:20px;height:40px;padding:0 16px;font-size:14px;font-weight:600}.smoke-btn{background:radial-gradient(circle at 50% 35%,#33363f,#1c1e24);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:92px;height:92px;transition:transform .12s;display:flex;position:relative;box-shadow:0 8px 24px #00000059}.smoke-btn:active{transform:scale(.95)}.smoke-btn:disabled{cursor:default;opacity:.75}.smoke-btn[data-mode=light]{background:radial-gradient(circle at 50% 35%, var(--ember), var(--ember-deep))}.ring{background:conic-gradient(var(--ember) calc(var(--remaining) * 1turn), #ffffff1f 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 47px,#000 48px);mask:radial-gradient(circle,#0000 47px,#000 48px)}.smoke-icon{font-size:24px;line-height:1}.smoke-btn{touch-action:none}.smoke-btn[data-inhaling=true]{transform:scale(.94);box-shadow:0 0 0 6px #ff8a3d40,0 8px 24px #00000059}.smoke-hint{color:var(--muted);font-size:11px}.smoke-hint[hidden]{display:none}.smoke-label{letter-spacing:-.01em;font-size:14px;font-weight:700}.emoji-panel{background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,48px);gap:6px;padding:8px;display:grid;position:absolute;bottom:104px;right:0}.emoji-panel[hidden]{display:none}.emoji-panel button{background:#ffffff0f;border-radius:12px;width:48px;height:48px;font-size:26px}.emoji-panel button:active{background:#ffffff29}.intro{background:linear-gradient(#15171c59,#15171cd9);place-items:center;padding:16px;transition:opacity .5s;display:grid;position:absolute;inset:0}.intro.hidden{opacity:0;pointer-events:none}.intro-card{background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);text-align:center;border-radius:24px;width:min(100%,380px);padding:28px 24px 22px}.eyebrow{color:var(--ember);margin:0 0 6px;font-size:14px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-size:30px}.lede{color:var(--muted);margin:10px 0 18px;font-size:15px;line-height:1.55}.job-field{text-align:left;color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.job-field em{color:#f6f1ea73;font-style:normal;font-weight:400}.job-input{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex}.job-input:focus-within{border-color:var(--ember)}.job-input b{color:var(--ember);flex:none;font-size:16px}.job-input input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.job-chips{flex-wrap:wrap;gap:6px;margin:10px 0 16px;display:flex}.job-chips button{border:1px solid var(--line);height:30px;color:var(--muted);background:#ffffff12;border-radius:15px;padding:0 11px;font-size:13px}.job-chips button[aria-pressed=true]{border-color:var(--ember);color:var(--text)}.progress{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:14px;overflow:hidden}#progress-bar{background:var(--ember);width:0;height:100%;transition:width .2s;display:block}.primary-btn{background:var(--ember);color:#1a1209;border-radius:16px;width:100%;height:52px;font-size:17px;font-weight:800}.primary-btn:disabled{color:var(--muted);cursor:default;background:#ffffff1f}.how{color:var(--muted);gap:6px;margin:18px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.fineprint{color:#f6f1ea80;margin:16px 0 0;font-size:12px}.fineprint a{color:inherit}.ad-bar{height:calc(var(--ad-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--line);background:#0f1014;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.ad-label{color:#f6f1ea66;font-size:10px;position:absolute;top:2px;left:8px}.ad-slot{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.ad-placeholder{color:#f6f1ea59;border:1px dashed #ffffff2e;border-radius:6px;place-items:center;width:320px;max-width:calc(100% - 32px);height:50px;font-size:12px;display:grid}@media (width>=760px){.ad-placeholder{width:728px;height:90px}}