:root{--sky-top:#a9d3ee;--sky-bottom:#f3ead8;--ink:#3c4a5c;--ink-soft:#6b7386;--cream:#fff6e3;--cream-deep:#f3e3c3;--paper:#fffaf0;--gold:#e3b74e;--gold-dark:#b8913a;--frame:#5a4636;--teal:#2f7f86;--teal-light:#5fb0b0;--lilac:#a98bd6;--pink:#f4b0c4;--danger:#c4584a;--stage:#2b2433;--radius:14px;--font:Nunito, "Avenir Next", system-ui, sans-serif;--title:Cinzel, "Iowan Old Style", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;overflow:hidden}button,input{font:inherit;color:inherit}.btn{border:2px solid var(--frame);background:linear-gradient(to bottom, #fffdf6, var(--cream-deep));min-height:38px;box-shadow:inset 0 -3px 0 #00000014, 0 2px 0 var(--frame);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000014}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:linear-gradient(to bottom, #ffe39a, var(--gold));color:#4a3410}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000;text-decoration:underline}.btn.big{min-height:50px;padding:0 22px;font-size:1.05rem}.btn.small{min-height:32px;padding:0 12px;font-size:.85rem}.btn.icon{padding:0 8px}.btn.wide{width:100%}.link{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}:focus-visible{outline:3px solid var(--teal-light);outline-offset:2px}.panel{background:var(--paper);border:3px solid var(--frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 5px var(--paper), 0 6px 0 #3c281e40, 0 18px 40px #281e3c40;position:relative}.panel-title{font-family:var(--title);letter-spacing:.04em;text-align:center;color:var(--frame);margin:0 0 14px;font-size:1.25rem}.panel-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.small{color:var(--ink-soft);font-size:.85rem}.landing{height:100%;position:relative;overflow:hidden auto}.landing-sky{z-index:-1;background:radial-gradient(ellipse 60% 30% at 20% 22%, #fff 0 40%, transparent 41%), radial-gradient(ellipse 40% 20% at 78% 14%, #fff 0 40%, transparent 41%), radial-gradient(ellipse 120% 40% at 50% 112%, #9cc97e 0 60%, transparent 61%), radial-gradient(ellipse 80% 30% at 10% 100%, #b8d89a 0 60%, transparent 61%), linear-gradient(to bottom, var(--sky-top), #cfe6f2 55%, var(--sky-bottom));position:fixed;inset:0}.landing-center{place-items:center;min-height:100%;padding:24px 16px;display:grid}.home{width:min(1120px,100%);margin:0 auto;padding:40px 16px 56px}.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:36px;min-height:min(640px,100svh - 80px);display:grid}.eyebrow{color:var(--gold-dark);margin:0;font-style:italic;font-weight:700}.logo{font-family:var(--title);color:var(--frame);text-shadow:0 2px 0 var(--gold);margin:4px 0 12px;font-size:clamp(2rem,7vw,2.8rem);line-height:1.1}.lede{max-width:38ch;margin:0 auto 22px;line-height:1.5}.home-intro .logo{font-size:clamp(2.2rem,5.4vw,3.6rem)}.home-intro .lede{margin:0 0 24px;font-size:1.08rem}.home-tags{flex-wrap:wrap;gap:6px;margin:-8px 0 22px;padding:0;list-style:none;display:flex}.home-tags li{border:1.5px solid var(--cream-deep);color:var(--frame);background:#fffaf0d9;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.home-enter{width:100%;max-width:340px;min-height:58px;margin-bottom:10px;font-size:1.2rem}.home-window{padding:8px;transform:rotate(.6deg)}.home-window-canvas{aspect-ratio:16/9;image-rendering:auto;border-radius:8px;width:100%;display:block}.home-section{margin-top:56px}.home-heading{font-family:var(--title);color:var(--frame);text-shadow:0 2px #e3b74e8c;margin:0 0 4px;font-size:clamp(1.4rem,3.6vw,1.9rem)}.home-sub{color:var(--ink-soft);margin:0 0 18px}.postcards,.things{gap:18px;margin:0;padding:0;list-style:none;display:grid}.postcards{grid-template-columns:repeat(3,minmax(0,1fr))}.postcard{background:var(--paper);border:3px solid var(--frame);border-radius:12px;padding:6px 6px 0;box-shadow:0 4px #3c281e38,0 12px 24px #281e3c24}.postcard:nth-child(odd){transform:rotate(-.8deg)}.postcard:nth-child(2n){transform:rotate(.7deg)}.postcard-canvas{aspect-ratio:8/5;border-radius:7px;width:100%;display:block}.postcard-text{color:var(--ink-soft);gap:1px;margin:0;padding:8px 6px 10px;font-size:.9rem;display:grid}.postcard-text strong{color:var(--frame);font-size:1rem}.things{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.thing{border:2px solid var(--cream-deep);background:#fffaf0e0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px 14px;display:flex}.thing h3{color:var(--frame);margin:0 0 2px;font-size:1rem}.thing p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.45}.feature-cat{width:64px;height:64px}.feature-cat canvas{width:100%;height:100%;display:block}.home-end{text-align:center;justify-items:center;margin-top:56px;display:grid}.home-private{max-width:46ch;margin:6px 0 0}@media (width<=860px){.home{padding-top:24px}.home-hero{text-align:center;grid-template-columns:1fr;gap:22px;min-height:0}.home-intro .lede{margin:0 auto 20px}.home-enter{max-width:none}.home-tags{justify-content:center}.home-window{order:-1;transform:none}.postcards,.things{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=480px){.postcards{grid-template-columns:1fr}.thing{padding:10px 10px 12px}.feature-cat{width:52px;height:52px}}.join{width:min(560px,100%);padding:24px 22px 20px}.join-body{align-items:flex-start;gap:18px;display:flex}.join-preview{z-index:1;background:radial-gradient(circle at 50% 60%, #fff 0, var(--cream-deep) 75%);border:2px solid var(--cream-deep);border-radius:12px;flex:none;justify-items:center;padding:6px;display:grid;position:sticky;top:0}.join-preview-name{color:#fff3c8;text-overflow:ellipsis;white-space:nowrap;background:#2a2c40cc;border-radius:5px;max-width:160px;margin-top:-6px;padding:1px 8px;font-size:.8rem;font-weight:800;overflow:hidden}.join-fields{flex:1;gap:14px;min-width:0;display:grid}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{color:var(--frame);margin-bottom:6px;padding:0;font-size:.85rem;font-weight:800}.field input{border:2px solid var(--frame);background:#fff;border-radius:9px;width:100%;min-height:40px;padding:0 12px;font-weight:700}.hint{color:var(--ink-soft);font-size:.8rem}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--frame);cursor:pointer;width:34px;height:34px;box-shadow:0 2px 0 var(--frame);border-radius:50%;transition:transform .1s}.swatch[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px;transform:scale(1.08)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--frame);cursor:pointer;background:#fff;border-radius:999px;min-height:32px;padding:0 12px;font-size:.85rem;font-weight:800}.chip[aria-pressed=true]{background:linear-gradient(to bottom, #e8dcff, var(--lilac));color:#2c1f4a}.chip.none{color:var(--ink-soft);border-style:dashed}.chip.none[aria-pressed=true]{color:#2c1f4a;border-style:solid}.panel-note{color:var(--ink-soft);margin:-4px 0 14px;font-size:.88rem}.cat-preview{display:block}.dressing{top:calc(60px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;z-index:3;align-items:flex-start;width:min(560px,100% - 24px);display:flex;position:absolute}.dressing-panel{pointer-events:auto;max-height:100%;overflow:auto;box-shadow:0 10px 30px #2b24334d}.room{position:fixed;inset:0}.stage{background:var(--stage);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.stage-canvas{cursor:pointer;display:block;position:absolute;inset:0}.topbar{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));pointer-events:none;z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.sign{border:2px solid var(--frame);color:#fff3c8;min-height:32px;font-family:var(--title);letter-spacing:.03em;text-shadow:0 1px #4a2e1e;box-shadow:0 2px 0 var(--frame);white-space:nowrap;cursor:pointer;background:linear-gradient(#c08a5c,#8c5c3e);border-radius:8px;padding:0 12px;font-size:.9rem;font-weight:700}.squeeze{align-items:center;gap:6px;display:inline-flex}.squeeze-icon{display:none}@media (width<=560px){.topbar{flex-wrap:wrap;gap:6px}.topbar .spacer{flex-basis:100%;height:0;margin-top:-6px}.squeeze{padding:0 8px}.squeeze-icon{display:block}.squeeze-label,.squeeze.copied .squeeze-icon{display:none}.squeeze.copied .squeeze-label{display:inline}.topbar details{position:static}.topbar details>.panel{width:auto;min-width:0;max-width:none;max-height:65vh;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}}@media (pointer:coarse) and (hover:none){.keys-btn{display:none}}.room-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#2a2c40b3;border-radius:8px;max-width:30vw;padding:3px 10px;font-size:.85rem;font-weight:800;overflow:hidden}.badge{border:2px solid var(--frame);white-space:nowrap;background:#fffaf0eb;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.led{background:#8a8f9e;border-radius:50%;width:8px;height:8px}.badge.open .led{background:#5cc46a;box-shadow:0 0 6px #5cc46a}.badge.connecting .led,.badge.reconnecting .led{background:var(--gold);animation:1s infinite blink}.badge.upgrade .led,.badge.full .led{background:var(--danger)}.spacer{flex:1}@keyframes blink{50%{opacity:.3}}.overlay{z-index:5;background:#2b24338c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay.soft{background:linear-gradient(#efe2c8,#c99566)}.overlay.dim{pointer-events:none;background:#2b243359;place-items:start center;padding-top:56px}.notice{text-align:center;width:min(380px,100%);padding:22px}.notice p{margin:0 0 16px}.loading{border:2px solid var(--frame);background:var(--paper);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:800;display:inline-flex}.kettle{border:3px solid var(--gold);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.people{position:relative}.people summary{cursor:pointer;list-style:none}.people summary::-webkit-details-marker{display:none}.people-menu{min-width:210px;max-height:55vh;padding:12px 14px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.people-menu .panel-title{margin:0;font-size:1rem}.presence{gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}.who-btn{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:4px 6px;font-weight:700;display:flex}.who-btn:hover{background:var(--cream)}.presence li{border-radius:8px;align-items:center;gap:4px;display:flex}.presence li.speaking{box-shadow:inset 0 0 0 2px #8fe0c8}.on-air{color:var(--teal);flex:none;display:inline-flex}.on-air svg{width:14px;height:14px}.mute-btn{border:2px solid var(--frame);background:var(--paper);cursor:pointer;border-radius:8px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:800}.mute-btn.muted{background:var(--pink)}.who-btn .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border:1.5px solid var(--frame);border-radius:50%;flex:none;width:10px;height:10px}.tag{background:var(--gold);color:#4a3410;border-radius:5px;padding:0 6px;font-size:.7rem;font-weight:800}.typing-dots:after{content:"···";color:var(--ink-soft);font-weight:900;animation:1.2s infinite blink}.chat-dock{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + max(var(--kb,0px), env(safe-area-inset-bottom)));z-index:2;flex-direction:column;gap:6px;width:min(440px,100% - 24px);display:flex;position:absolute}.chat-log-wrap{pointer-events:none;background:#fffaf09e;border:2px solid #5a463659;border-radius:12px;max-height:calc(7em + 24px);padding:4px 10px;font-size:.88rem;transition:opacity .6s;display:flex;position:relative}.chat-dock.quiet .chat-log-wrap{opacity:0}.chat-dock.open .chat-log-wrap{max-height:clamp(3em, calc(var(--vvh,100vh) - 230px), 360px);border-color:var(--frame);pointer-events:auto;background:#fffaf0eb}.chat-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.chat-log>:first-child{margin-top:auto}.chat-dock:not(.open) .chat-log{overflow:hidden}.line{overflow-wrap:anywhere;line-height:1.4}.line time{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-right:6px;font-size:.7rem}.line .who{margin-right:6px;font-weight:900}.line.chat .who:after{content:":"}.line.action .who:after{content:""}.line.action .text{font-style:italic}.line.self .text{color:#2c3a4a}.line.mention{border-left:3px solid var(--gold);background:#fff1c2;border-radius:4px;padding:2px 6px}.line.whisper{border-left:3px solid var(--lilac);background:#f3ecff;border-radius:4px;padding:2px 6px}.line.whisper .who{color:#6b4fa0;font-style:italic}.chat-tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.chat-tabs button,.chat-tab{border:2px solid var(--frame);background:var(--cream-deep);cursor:pointer;border-radius:8px 8px 0 0;flex:none;padding:2px 10px;font-size:.8rem;font-weight:800}.chat-tabs .on{background:var(--paper)}.chat-tab{background:#e6dcf6;align-items:center;padding:0;display:flex}.chat-tab button{background:0 0;border:0;padding:2px 4px 2px 10px}.chat-tab .close{color:var(--ink-soft);padding:2px 8px 2px 2px}.chat-tab .badge{background:var(--lilac);color:#fff;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.7rem}.cat-menu-row{gap:4px;display:flex}.cat-menu-row .btn{flex:1}.line.people,.line.note{color:var(--ink-soft);text-align:center;font-size:.8rem;font-style:italic}.pill{border:2px solid var(--frame);background:var(--gold);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:800;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.emotes{flex-wrap:wrap;gap:6px;display:flex}.emote{border:2px solid var(--frame);cursor:pointer;min-width:36px;height:32px;box-shadow:0 2px 0 var(--frame);background:#fff;border-radius:8px;padding:0 8px;font-weight:900}.emote.social{background:#f3ecff;font-size:.8rem}.emote:active{box-shadow:none;transform:translateY(2px)}.chat-input{gap:8px;display:flex;position:relative}.chat-input input{background:#ffffffb8;border:2px solid #5a46368c;border-radius:10px;flex:1;min-width:0;min-height:40px;padding:0 12px}.chat-input input:focus{border-color:var(--frame);background:#fff}.chat-dock:not(.open) .chat-input .btn{display:none}.modal{z-index:20;background:#2b243380;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.settings{gap:12px;width:min(420px,100%);padding:22px;display:grid}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.toggle small{color:var(--ink-soft);font-weight:600;display:block}.toggle input{appearance:none;border:2px solid var(--frame);background:var(--cream-deep);cursor:pointer;border-radius:999px;flex:none;width:46px;height:26px;transition:background .15s;position:relative}.toggle input:after{content:"";border:2px solid var(--frame);background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked{background:var(--teal-light)}.toggle input:checked:after{transform:translate(20px)}.settings-row{flex-wrap:wrap;gap:8px;display:flex}.media-bar{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.voice-settings{border:2px solid var(--cream-deep);border-radius:var(--radius);gap:8px;margin:0;padding:8px 10px 10px;display:grid}.device-pick select{border:2px solid var(--frame);background:var(--paper);width:100%;min-height:36px;font:inherit;border-radius:10px}.mic-meter{background:var(--cream-deep);border-radius:5px;height:10px;overflow:hidden}.mic-meter span{transform-origin:0;background:#5cc28a;height:100%;display:block;transform:scaleX(0)}.cat-menu{z-index:3;gap:6px;padding:8px 10px;display:grid;position:absolute;transform:translate(-50%,8px)}.cat-menu-name{text-align:center;font-weight:800}.video-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cam-bubble{border:3px solid var(--paper);width:96px;height:96px;box-shadow:0 0 0 2px var(--frame), 0 4px 10px #00000040;background:var(--stage);will-change:transform;border-radius:50%;position:absolute;top:0;left:0;overflow:hidden}.cam-bubble video{object-fit:cover;width:100%;height:100%}.cam-bubble.self video{transform:scaleX(-1)}.media-btn{border:3px solid var(--frame);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:#fffaf0e0;border-radius:50%;place-items:center;transition:background .15s,box-shadow .15s;display:grid;position:relative}.media-btn:hover{background:var(--paper)}.media-btn.on{background:var(--teal-light);color:var(--paper)}.media-btn.talking{box-shadow:0 0 0 4px #8fe0c8}.media-btn.off{background:var(--pink);color:var(--frame)}.media-btn:disabled{cursor:progress;opacity:.7}.media-hint{white-space:nowrap;background:var(--paper);border:2px solid var(--frame);color:var(--ink);border-radius:8px;padding:1px 6px;font-size:.7rem;font-weight:800;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.media-led{background:var(--ink-soft);border-radius:50%;width:10px;height:10px}.media-led.live{background:#5cc28a}.media-led.connecting{background:var(--gold);animation:1.2s infinite blink}.media-led.failed{background:var(--danger)}.slot-bar{pointer-events:auto;gap:4px;display:flex}.slot{cursor:pointer;background:#fffaf0c7;border:2px solid #5a46368c;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:.72rem;font-weight:800;display:grid;position:relative}.slot:hover{border-color:var(--frame);background:var(--paper)}.slot-glyph{white-space:nowrap;max-width:30px;overflow:hidden}.slot-key{color:var(--ink-soft);font-size:.6rem;position:absolute;bottom:0;right:2px}.slot.more{color:var(--teal)}.wheel-scrim{z-index:5;background:#1e18282e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.wheel{width:min(460px,100%);max-height:calc(var(--vvh,100vh) - 32px);gap:10px;padding:14px;display:grid;overflow:auto}.wheel-tabs{gap:6px;display:flex}.wheel-tab{border:2px solid var(--frame);cursor:pointer;background:#fff;border-radius:10px;flex:1;min-height:34px;font-weight:800}.wheel-tab.on{background:var(--gold)}.wheel-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.wheel-item{cursor:pointer;background:#fff;border:2px solid #5a463659;border-radius:10px;justify-items:center;gap:1px;padding:6px 2px;display:grid;position:relative}.wheel-item.picked{border-color:var(--frame);background:var(--cream);box-shadow:0 2px 0 var(--frame)}.wheel-item.off{opacity:.45}.wheel-glyph{white-space:nowrap;font-size:1.05rem;font-weight:900}.wheel-label{font-size:.78rem;font-weight:800}.wheel-slash{color:var(--ink-soft);font-size:.68rem}.wheel-key{color:var(--teal);font-size:.65rem;font-weight:900;position:absolute;top:2px;right:4px}.wheel-note,.wheel-help{color:var(--ink-soft);text-align:center;margin:0;font-size:.8rem}.wheel-assign{flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:flex}.slot-pick{border:2px solid var(--frame);cursor:pointer;background:#fff;border-radius:6px;width:28px;height:28px;font-weight:900}.asks{top:calc(64px + env(safe-area-inset-top));z-index:4;gap:6px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.ask{align-items:center;gap:8px;padding:8px 12px;display:flex}.slash-hints{min-width:200px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0}.slash-hints button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:8px;width:100%;padding:4px 8px;font-weight:800;display:flex}.slash-hints button.on{background:var(--cream-deep)}.slash-hints small{color:var(--ink-soft);margin-left:auto;font-weight:600}.slash-glyph{min-width:3.2em}.cat-menu-together{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.pad-row{flex-direction:column;gap:8px;display:flex}.pad{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}.stick{pointer-events:auto;border:3px solid var(--frame);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle,#0000 54%,#7854341f 55%,#0000 57%),#fffaf099;border-radius:50%;place-items:center;width:116px;height:116px;display:grid;position:relative;box-shadow:inset 0 3px 8px #50321e2e}.stick-knob{border:3px solid var(--frame);pointer-events:none;background:#fffaf0f2;border-radius:50%;width:50px;height:50px;transition:transform .12s ease-out,background-color .12s;box-shadow:0 3px #50321e40}.stick:active .stick-knob{transition:background-color .12s}.stick-knob.run{background:var(--gold)}.pad-btn{pointer-events:auto;border:3px solid var(--frame);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffaf0d9;border-radius:50%;width:52px;height:52px;font-size:1.1rem;font-weight:900}.pad-btn:active{background:var(--gold)}.pad-act{flex-direction:column;align-items:center;gap:8px;display:flex}.pad-btn.small{width:44px;height:44px;font-size:.75rem}.pad-btn.jump{width:60px;height:60px;font-size:.9rem}@media (pointer:coarse){.pad{display:flex}.slot-bar{display:none}.chat-dock{left:calc(136px + env(safe-area-inset-left));right:calc(80px + env(safe-area-inset-right));bottom:calc(14px + max(var(--kb,0px), env(safe-area-inset-bottom)));width:auto}.chat-dock:not(.open) .chat-log-wrap{margin-bottom:64px;margin-left:-126px}.chat-dock.open{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right))}.room:has(.chat-dock.open) :is(.pad,.media-bar){display:none}input,textarea,select{font-size:max(16px,1em)}.media-bar{right:calc(18px + env(safe-area-inset-right));bottom:calc(244px + env(safe-area-inset-bottom));flex-direction:column-reverse}}@media (width<=820px){.room-name{display:none}.join-body{flex-direction:column;align-items:center}.join-fields{width:100%}.join-preview{position:static}.dressing{bottom:auto}.dressing-panel{max-height:55vh;padding:16px 14px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.music{position:relative}.music summary{list-style:none}.music summary::-webkit-details-marker{display:none}.music summary.muted{opacity:.55}.music-menu{gap:8px;width:max-content;max-width:calc(100vw - 32px);padding:12px 14px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.music-menu .panel-title{margin:0;font-size:1rem}.music-picker{flex-wrap:wrap;gap:6px;display:flex}.music-picker .btn.on{background:var(--teal-light)}.music-menu .hint{max-width:300px;margin:0}.music-menu .music-picker{max-width:320px}.map-picker{gap:8px;display:grid}.map-picker ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.map-choice{justify-content:flex-start;width:100%}.map-picker .btn.on,.records .btn.on{background:var(--teal-light);opacity:1}.records{gap:8px;display:grid}.records .hint{margin:0}.vote-banner{top:calc(64px + env(safe-area-inset-top));z-index:4;text-align:center;justify-items:center;gap:4px;max-width:calc(100% - 32px);padding:10px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.vote-banner p{margin:0}.vote-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.85rem}.vote-buttons{gap:6px;display:flex}.vote-banner~.asks{top:calc(150px + env(safe-area-inset-top))}.asks:has(~.vote-banner){top:calc(150px + env(safe-area-inset-top))}.gramophone{bottom:calc(96px + env(safe-area-inset-bottom));z-index:5;gap:8px;width:min(360px,100% - 32px);padding:12px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.gramophone header{justify-content:space-between;align-items:center;display:flex}.gramophone .panel-title{margin:0;font-size:1rem}.setting-group{gap:6px;display:grid}.setting-label{font-weight:800}.shortcuts{gap:14px;width:min(480px,100%);padding:22px;display:grid}.shortcuts h3{margin:0 0 6px}.shortcuts dl{gap:6px;margin:0;display:grid}.shortcuts dl>div{grid-template-columns:minmax(120px,40%) 1fr;align-items:baseline;gap:12px;display:grid}.shortcuts dt{color:var(--ink-soft);font-weight:700}.shortcuts dd{margin:0}kbd{border:2px solid var(--frame);background:var(--cream);min-width:1.6em;color:var(--ink);font:800 .8rem / 1.4 var(--font);text-align:center;border-bottom-width:3px;border-radius:6px;padding:1px 6px;display:inline-block}.vote-banner kbd{opacity:.7;margin-left:4px;font-size:.75em}.focus{position:relative}.focus summary{list-style:none}.focus summary::-webkit-details-marker{display:none}.focus-chip{font-variant-numeric:tabular-nums;gap:6px}.focus-chip.focus.mine{background:#ffd9cf}.focus-chip.break{background:#d8efe4}.tomato{background:radial-gradient(circle at 35% 35%,#ff9a85 0 18%,#e9573f 20%);border-radius:50%;flex:none;width:13px;height:12px;display:inline-block;position:relative}.tomato:after{content:"";background:#6fbf5a;border-radius:50% 50% 40% 40%;width:7px;height:4px;position:absolute;top:-3px;left:3px}.focus-menu{gap:10px;width:250px;max-width:calc(100vw - 32px);padding:12px 14px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.focus-menu .panel-title{margin:0;font-size:1rem}.focus-menu p{margin:0}.focus-hint,.focus-total,.focus-round{color:var(--ink-soft);font-size:.8rem}.focus-clock{justify-items:center;gap:2px;display:grid}.focus-clock strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.focus-phase{color:var(--frame);font-weight:800}.focus-members{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.focus-members li{background:var(--cream-deep);border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700}.focus-presets,.focus-actions{flex-wrap:wrap;gap:6px;display:flex}.focus-presets .btn.on{background:var(--teal-light)}.focus-fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.focus-fields .field input{min-height:34px;padding:0 8px}@media (width<=560px){.focus-label{display:none}}.friends{position:relative}.friends summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.friends summary::-webkit-details-marker{display:none}.count{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:.7rem;font-weight:900;display:inline-grid}.friends-menu{z-index:5;width:min(330px,100vw - 32px);max-height:65vh;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.friends-body{gap:8px;display:grid}.friends-body .panel-title{margin:0;font-size:1rem}.friends-head{color:var(--ink-soft);margin:4px 0 0;font-size:.8rem}.my-code{align-items:center;gap:8px;font-size:.8rem;display:flex}.my-code .code-btn{text-align:left;color:inherit;font:inherit;background:var(--cream);letter-spacing:.04em;cursor:pointer;overflow-wrap:anywhere;border:0;border-radius:6px;flex:1;padding:3px 6px;font-weight:800}.add-friend,.letter-form{gap:6px;display:flex}.friends-menu .add-friend input,.friends-menu .letter-form input,.move-device .move-enter input{border:2px solid var(--frame);background:#fff;border-radius:9px;flex:1;min-width:0;height:34px;padding:0 10px}.hint.error,.hint.warn{color:var(--danger);margin:0}.friend-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.friend-list li{align-items:center;gap:6px;display:flex}.friend-list .name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700;display:grid}.friend-list .name small{color:var(--ink-soft);font-weight:600}.friend-list li.online .led{background:#5cc46a;box-shadow:0 0 6px #5cc46a}.blocked-list summary{cursor:pointer;color:var(--ink-soft);font-size:.8rem}.tag.friend{background:var(--teal-light);color:#fff}.letters-head{align-items:baseline;gap:8px;display:flex}.letters-head .letters-where{color:var(--ink-soft)}.letter-list{gap:6px;max-height:38vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.letter-list li{background:var(--cream);overflow-wrap:anywhere;border-radius:12px;gap:2px;max-width:85%;padding:6px 10px;display:grid}.letter-list li.out{background:#dff1ee;justify-self:end}.letter-list li.hint{background:0 0;max-width:none}.letter-list time{color:var(--ink-soft);font-size:.65rem}.letters-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.move-show,.move-enter{justify-items:start;gap:8px;display:grid}.qr{width:180px;height:180px;image-rendering:pixelated;border-radius:8px}.phrase{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:.75rem}.cheese-form{gap:8px;width:min(280px,100vw - 60px);display:grid}.cheese-form .hint,.camera-menu .hint{margin:0}.cheese{z-index:6;pointer-events:none;color:var(--paper);text-shadow:0 2px 0 var(--frame), 0 0 12px #2b243399;justify-items:center;gap:4px;display:grid;position:absolute;top:22%;left:50%;translate:-50%}.cheese-count{font-family:var(--title);font-size:4.5rem;font-weight:700;line-height:1;animation:1s ease-out both cheese-pop}.cheese-who{font-size:1rem;font-weight:800}@keyframes cheese-pop{0%{opacity:0;scale:1.6}25%{opacity:1;scale:1}}.camera-flash{z-index:7;pointer-events:none;background:#fff;animation:.45s ease-out both camera-flash;position:absolute;inset:0}@keyframes camera-flash{0%{opacity:.9}to{opacity:0}}.album{gap:12px;width:min(760px,100%);padding:22px;display:grid}.album .hint,.photo-view .hint{margin:0}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:min(60vh,560px);margin:0;padding:4px;list-style:none;display:grid;overflow:auto}.album-photo{cursor:pointer;background:0 0;border:0;width:100%;padding:0;transition:rotate .16s,translate .16s;display:block;rotate:-1deg}.album-grid li:nth-child(2n) .album-photo{rotate:1.2deg}.album-photo:hover,.album-photo:focus-visible{translate:0 -3px;rotate:0deg}.album-photo canvas,.photo-big{width:100%;height:auto;display:block;box-shadow:0 3px 10px #2b243340}.album-actions,.hang-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.photo-view{gap:12px;width:min(620px,100%);padding:22px;display:grid}@media (prefers-reduced-motion:reduce){.cheese-count,.camera-flash{animation:none}.camera-flash{opacity:.35}}.wheel-cheese{justify-self:center}.quest-hud{top:calc(64px + env(safe-area-inset-top));z-index:3;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;max-width:calc(100% - 32px);padding:8px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.quest-clock{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5ch;font-size:1.15rem;font-weight:900}.quest-flags,.quest-tip{color:var(--ink-soft);font-size:.85rem}.vote-banner~.quest-hud{top:calc(150px + env(safe-area-inset-top))}.quest-hud:has(~.vote-banner){top:calc(150px + env(safe-area-inset-top))}.quest-finish{z-index:6;text-align:center;justify-items:center;gap:6px;width:min(360px,100% - 32px);padding:18px 22px;animation:.35s cubic-bezier(.2,1.4,.4,1) quest-pop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.quest-finish p{margin:0}.quest-finish-title{font-size:1.15rem;font-weight:900}.quest-finish-time{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.quest-stars{color:#e0a92a;letter-spacing:2px}.quest-prize{background:#f2c14e40;border-radius:10px;padding:6px 10px}.quest-finish-buttons{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}@keyframes quest-pop{0%{opacity:0;transform:translate(-50%,-60%)scale(.8)}}@media (prefers-reduced-motion:reduce){.quest-finish{animation:none}}.leaderboard{gap:10px;width:min(380px,100%);padding:20px;display:grid}.board-rows{gap:2px;max-height:min(60vh,480px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.board-rows li{font-variant-numeric:tabular-nums;border-radius:8px;grid-template-columns:2.5ch 1fr auto;gap:10px;padding:4px 8px;display:grid}.board-rows li.me{background:#f2c14e4d;font-weight:800}.board-place{color:var(--ink-soft);text-align:right}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-me{margin:0;font-weight:800}.chip.locked{opacity:.55;cursor:not-allowed;border-style:dashed}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.party-dialog{gap:10px;width:min(420px,100%);max-height:calc(100dvh - 32px);padding:20px;display:grid;overflow:auto}.party-dialog p{margin:0}.party-sub{margin:4px 0 0;font-size:.95rem}.party-members{gap:4px;margin:0;padding:0;list-style:none;display:grid}.party-members li{background:#ffffff80;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.party-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.party-crown{color:#e0a92a;margin-right:4px}.party-row-buttons,.party-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.party-tip,.party-size{color:var(--ink-soft)}.party-hud{max-width:min(640px,100% - 32px)}.party-goal{text-align:center;flex-basis:100%}.party-riddle{font-style:italic}.party-phase{font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 10px;font-weight:900}.party-phase.warn{background:#f2c14e59}.party-phase.quiet{background:#e8746a4d}.party-note{font-size:.85rem;font-weight:800}.party-invites{top:calc(120px + env(safe-area-inset-top))}