:root{--bg:#1d1520;--panel:#fbf6ee;--ink:#2b2230;--ink-soft:#6f6474;--line:#e6dccd;--accent:#f2a541;--accent-ink:#3a2408;--danger:#d64550;--radius:14px;--font:"Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse at 50% 30%, #3a2638 0%, var(--bg) 60%) fixed, var(--bg);color:#f6efe6;font-family:var(--font);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}button,input{font:inherit}[hidden]{display:none!important}.muted{color:var(--ink-soft)}.small{font-size:.85em}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;margin:10px 0;display:flex}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.stack{flex-direction:column;gap:10px;display:flex}.btn{min-height:40px;color:var(--ink);cursor:pointer;background:#efe5d6;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:800;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.04)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.small{min-height:32px;padding:4px 12px;font-size:.88em}.btn.big{width:100%;min-height:52px;font-size:1.1em}.btn[disabled]{opacity:.6;pointer-events:none}.icon-btn{cursor:pointer;color:inherit;background:0 0;border:0;padding:6px;font-size:1.3em;line-height:1}.page-room{height:100dvh;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.loading{margin:auto;font-size:48px;animation:1.2s ease-in-out infinite bob}.topbar{padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15em;font-weight:800;overflow:hidden}.top-actions{flex-shrink:0;gap:6px;display:flex}.top-btn{color:#f6efe6;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;align-items:center;gap:4px;min-height:38px;padding:4px 12px;font-weight:800;display:inline-flex}.top-btn .count{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 7px;font-size:.8em}.me-btn{padding:4px 6px}.mini-avatar{border:3px solid #f2c9a0;border-radius:50%;width:28px;height:28px;display:block}@media (width<=420px){.top-btn .label{display:none}}.offline{background:var(--danger);color:#fff;text-align:center;padding:4px;font-size:.9em}.banners{flex-direction:column;gap:6px;padding:0 12px;display:flex}.banner{border-radius:var(--radius);background:linear-gradient(90deg,#4b2a4f,#3a2a46);align-items:center;gap:8px;padding:6px 8px 6px 12px;animation:.35s slide-in;display:flex;box-shadow:0 4px 14px #0000004d}.banner .emoji{font-size:1.4em}.banner-text{text-align:left;min-width:0;color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 8px;display:flex}.room{aspect-ratio:10/7;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:min(100%,142.857dvh - 257.143px);position:relative;container-type:inline-size}@media (orientation:portrait) and (width<=700px){.stage{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.stage::-webkit-scrollbar{display:none}.room{flex-shrink:0;width:min(175vw,142.857dvh - 271.429px);margin:0 auto}}.room-bg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.room-bg .hot{cursor:pointer}.room-bg .hot:hover{filter:brightness(1.15)}.neon-text{font-family:var(--font);letter-spacing:1px;font-weight:800}.sprites{pointer-events:none;position:absolute;inset:0}.sprites .furniture,.sprites .table{pointer-events:auto}.sprite{position:absolute;transform:translate(-50%,-100%)}.sprite svg{width:100%;height:auto;display:block;overflow:visible}.sprite.flat{z-index:1;transform:translate(-50%,-50%)}.sprite.table{cursor:pointer;background:0 0;border:0;padding:0}.sprite.table:hover{filter:brightness(1.1)}.furniture{cursor:grab;touch-action:none;transition:filter .15s}.furniture.flip svg{transform:scaleX(-1)}.furniture.dragging{cursor:grabbing;filter:drop-shadow(0 8px 10px #00000073)brightness(1.08);z-index:900!important}.avatar{pointer-events:none;transition-property:left,top;transition-timing-function:linear}.avatar .avatar-body svg{transition:transform .15s}.avatar .avatar-body.face-left svg{transform:scaleX(-1)}.avatar.walking .avatar-body{animation:.36s ease-in-out infinite walk}.avatar.talking .avatar-body{animation:.5s ease-in-out 2 talk}.avatar .name{white-space:nowrap;color:#fff;border-bottom:2px solid var(--tint);background:#140c16a6;border-radius:999px;padding:0 6px;font-size:clamp(9px,1.25cqw,14px);font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%,2px)}.avatar .badge{background:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:clamp(10px,1.7cqw,18px);display:grid;position:absolute;top:4%;right:-14%;box-shadow:0 2px 4px #0000004d}.bubble{width:max-content;max-width:min(46cqw,260px);color:var(--ink);text-align:center;overflow-wrap:anywhere;z-index:1000;background:#fff;border-radius:14px;padding:.45em .8em;font-size:clamp(11px,1.6cqw,16px);font-weight:700;line-height:1.25;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000059}.bubble:after{content:"";border:7px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bubble.pop{animation:.25s ease-out pop}.chatbar{padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);background:#0a060c80;align-items:center;gap:8px;display:flex}.chatbar input{min-width:0;min-height:44px;color:var(--ink);background:#fff;border:0;border-radius:999px;flex:1;padding:8px 16px;font-size:16px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 76px);color:#fff;opacity:0;pointer-events:none;text-align:center;z-index:3000;background:#140c16eb;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.push-offer{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);border-radius:var(--radius);background:var(--panel);color:var(--ink);z-index:2500;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.push-offer span{flex:200px;font-weight:700}.sheet-wrap{z-index:2000;background:#0a060c8c;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);width:min(100%,560px);max-height:88dvh;color:var(--ink);padding-bottom:env(safe-area-inset-bottom);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:22px 22px 0 0;flex-direction:column;animation:.25s rise;display:flex;box-shadow:0 -10px 30px #00000059}@media (width>=700px){.sheet-wrap{align-items:center}.sheet{border-radius:22px}}.sheet-head{justify-content:space-between;align-items:center;padding:14px 16px 6px 20px;display:flex}.sheet-head h2{margin:0;font-size:1.25em}.sheet-body{padding:0 20px 20px;overflow-y:auto}.sheet h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:18px 0 8px;font-size:.95em}.sheet h4{margin:12px 0 6px}.sheet label,.form label{flex-direction:column;gap:4px;margin:8px 0;font-size:.92em;font-weight:700;display:flex}.sheet input[type=text],.sheet input[type=url],.form input[type=text]{border:2px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:8px 12px;font-size:16px}.sheet input:focus,.form input:focus{border-color:var(--accent);outline:none}.card{border-radius:var(--radius);color:var(--ink);background:#fff;padding:14px;box-shadow:0 2px 8px #2b223014}.play-head{align-items:center;gap:10px;display:flex}.play .emoji,.result .emoji{font-size:1.8em}.note{margin:8px 0;font-style:italic}.people{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{color:var(--ink);background:#f1e8da;border:2px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.9em;font-weight:700;display:inline-flex}button.chip{cursor:pointer}.chip.rsvp-in{background:#d6f2ee}.chip.rsvp-soon{background:#fdf0d5}.chip.rsvp-out{opacity:.55}.chip.code{background:var(--ink);color:#fff;font-family:ui-monospace,monospace}.people.big .chip{padding:8px 14px;font-size:1.05em}.chip.picked{background:var(--accent);border-color:#c97f1f}.result{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.shelf{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.shelf-game{border-radius:var(--radius);border:2px solid var(--line);cursor:pointer;color:var(--ink);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:.9em;font-weight:800;display:flex}.shelf-game:hover{border-color:var(--accent)}.shelf-game .emoji{font-size:1.8em}.start-form{border-radius:var(--radius);border:2px dashed var(--accent);background:#fff6e6;margin-top:12px;padding:12px}.start-form h4{margin-top:0}.add-game{margin-top:12px}.add-game summary{cursor:pointer;color:var(--ink-soft);padding:6px 0;font-weight:800}.emoji-input{text-align:center;width:72px!important}.yt-wrap iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;width:100%;height:auto}.photo-big{margin:0}.photo-big img{border-radius:12px;width:100%;display:block}.photo-big figcaption{margin-top:6px;font-weight:700}.leaderboard{margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.leaderboard .medal{text-align:center;width:2em;font-size:1.2em}.leaderboard .muted{margin-left:auto}.plain{padding:0;list-style:none}.plain li{padding:4px 0}.members{margin:0;padding:0;list-style:none}.members li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;display:flex}.members .push-right{margin-left:auto}.dot{background:#c9bfb2;border-radius:50%;width:10px;height:10px}.dot.on{background:#2ecc71;box-shadow:0 0 0 3px #2ecc7140}.swatch{border-radius:4px;width:14px;height:14px}.linkbox{border:2px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:.85em;overflow-x:auto}.chatlog{max-height:60dvh;overflow-y:auto}.chatlog p{margin:0 0 10px}.chatlog .who{font-weight:800}.chatlog .time{color:var(--ink-soft);margin-left:6px;font-size:.8em}.chatlog .mine{text-align:right}.look{align-items:flex-start;gap:14px;display:flex}.look-preview{filter:drop-shadow(0 4px 8px #00000026);flex-shrink:0;width:92px}.look-preview svg{width:100%;height:auto;display:block}.field-label{margin:10px 0 6px;font-size:.92em;font-weight:700}.swatches,.hats{flex-wrap:wrap;gap:8px;display:flex}.swatches button{width:34px;height:34px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.swatches button.picked{box-shadow:0 0 0 3px var(--ink)}.hats button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:46px;height:52px;padding:2px;overflow:hidden}.hats button svg{width:100%;height:auto;display:block;transform:scale(1.5)translateY(14%)}.hats button.picked{border-color:var(--accent);background:#fff3dc}.play-overlay{z-index:2600;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.play-overlay header{padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;background:var(--bg);align-items:center;gap:12px;display:flex}.play-overlay iframe{border:0;flex:1;width:100%}.page-front{min-height:100dvh}.front{max-width:1040px;padding:calc(env(safe-area-inset-top) + 32px) 16px 48px;grid-template-columns:1fr;align-items:start;gap:28px;margin:0 auto;display:grid}@media (width>=860px){.front{grid-template-columns:1.1fr 1fr;padding-top:72px}}.front.narrow{grid-template-columns:1fr;max-width:520px}.sign{color:#ffe3f1;text-shadow:0 0 6px #ff7ab8,0 0 18px #ff7ab8,0 0 36px #ff4f9a;overflow-wrap:anywhere;font-size:clamp(44px,9vw,76px);font-weight:800;line-height:1;display:inline-block}.tagline{color:var(--accent);margin:14px 0 6px;font-size:1.35em;font-weight:800}.pitch{color:#e7dccf;max-width:36em;font-size:1.08em}.points{color:#e7dccf;padding-left:1.4em}.points li{margin:6px 0}.points li::marker{content:"🍺  "}.front .muted{color:#b9aab8}.front .card .muted{color:var(--ink-soft)}.form{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.form h2{margin-top:0}.form .btn.big{margin-top:16px}.error{color:var(--danger);font-weight:700}@keyframes walk{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes talk{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.4;transform:translateY(40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}