: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%}html,body{overscroll-behavior:none}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;color:var(--ink);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}.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.keep .squeeze-label{display:inline}.wide-only{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}}.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}.elsewhere{border-top:1px dashed var(--cream-deep);color:var(--ink-soft);margin:8px 0 0;padding-top:8px;font-size:.85rem}.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;pointer-events:none;flex-direction:column;gap:6px;width:min(440px,100% - 24px);display:flex;position:absolute}.chat-dock>:not(.chat-log-wrap){pointer-events:auto}.chat-log-wrap{pointer-events:none;background:#fffaf09e;border:2px solid #5a463659;border-radius:12px;padding:4px 10px;font-size:.88rem;transition:opacity .6s,background-color .6s,border-color .6s;display:flex;position:relative}.chat-dock.quiet .chat-log-wrap{opacity:.72;text-shadow:0 0 3px #fffaf0e6,0 0 6px #fffaf099;background:#fffaf024;border-color:#0000}.chat-dock:not(.tall) .chat-log-wrap{max-height:calc(2.8em + 12px)}.chat-dock.tall .chat-log-wrap{max-height:calc(11.2em + 36px)}.chat-size{width:22px;height:22px;color:var(--ink-soft);cursor:pointer;opacity:.8;background:#fffaf0b3;border:0;border-radius:6px;padding:0;font-size:.75rem;line-height:1;transition:opacity .6s;position:absolute;top:2px;right:2px}.chat-size:hover{opacity:1}.chat-dock.quiet .chat-size{opacity:.35}.chat-dock.quiet .chat-size:hover{opacity:1}.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}.cat-menu-confirm{flex-wrap:wrap;max-width:220px;font-size:.8rem}.cat-menu-confirm span{flex-basis:100%}.turnstile-box{z-index:1000;background:var(--paper);border:3px solid var(--frame);border-radius:var(--radius);visibility:hidden;padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #281e3c40}.turnstile-box.open{visibility:visible}.turnstile-box p{margin:0 0 10px;font-size:.9rem}.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;min-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}.feedback{gap:12px;width:min(460px,100%);padding:22px;display:grid}.feedback textarea{border:2px solid var(--frame);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:9px;padding:10px 12px}.feedback-shot{gap:8px;display:grid}.feedback-shot img{object-fit:contain;border:2px solid var(--frame);background:#fff;border-radius:9px;width:100%;max-height:220px}[aria-busy=true]{cursor:progress}.feedback-btn[aria-busy=true] svg{animation:.5s ease-in-out infinite alternate feedback-wiggle}@keyframes feedback-wiggle{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.feedback-thanks{text-align:center;font-weight:800}.feedback-error{color:#b3412e}.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-tabs{background:var(--cream-deep);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.settings-tabs button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 4px;font-size:.9rem;font-weight:800}.settings-tabs .on{background:var(--paper);color:inherit;box-shadow:0 0 0 2px var(--frame)}.settings-page{align-content:start;gap:12px;display:grid}.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}.mic-group{align-items:center;display:flex;position:relative}.mic-caret{border:3px solid var(--frame);width:22px;height:30px;color:var(--ink-soft);cursor:pointer;background:#fffaf0e0;border-left:0;border-radius:0 10px 10px 0;place-items:center;margin-left:-6px;list-style:none;display:grid}.mic-caret::-webkit-details-marker{display:none}.mic-caret:hover,.mic-options[open] .mic-caret{background:var(--paper)}.mic-options[open] .mic-caret svg{transform:rotate(180deg)}.mic-menu{z-index:3;gap:8px;width:240px;padding:10px 12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0}.mic-mode{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mic-mode .btn.on{background:var(--teal-light);color:var(--paper)}.mic-menu .small{margin:0}.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}.dress-chip{z-index:3;white-space:nowrap;animation:.18s ease-out cheese-pop;position:absolute;transform:translate(-50%,calc(-100% - 28px))}.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))}.quests-panel{width:min(480px,100%)}.letter-book{gap:6px;margin:0;padding:0;list-style:none;display:grid}.letter-card{border:2px solid var(--cream-deep);background:linear-gradient(to bottom, #fffdf6, var(--cream));border-radius:10px}.letter-card.open{border-color:var(--gold)}.letter-head{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;font-weight:800;display:flex}.letter-body{gap:8px;padding:0 10px 10px;display:grid}.letter-story{margin:0;line-height:1.4}.letter-signature{font-family:var(--title);color:var(--frame);text-align:right;margin:0;font-size:.85rem}.letter-prizes{flex-wrap:wrap;gap:8px;display:flex}.letter-tier{background:#fff9;border-radius:8px;justify-items:center;gap:2px;padding:4px 6px;display:grid}.letter-tier-icons{gap:2px;display:flex}.letter-tier-label{color:var(--ink-soft);font-size:.75rem}.prize-icon{width:44px;height:44px;image-rendering:pixelated;filter:brightness(0)opacity(.3)}.prize-icon.owned{filter:none}.my-letter{border:2px dashed var(--gold);background:#fff6e3b3;border-radius:10px;gap:8px;padding:10px;display:grid}.party-nudge{color:var(--teal);margin:0;font-weight:800}.ready-tag{background:var(--cream-deep);color:var(--ink-soft);border-radius:999px;margin-left:6px;padding:0 8px;font-size:.75rem}.ready-tag.on{background:var(--teal-light);color:#fff}.party-secret{background:#a98bd64d;border-radius:999px;padding:2px 10px;font-weight:800}.party-hold{background:#5fb0b059;border-radius:999px;padding:2px 10px;font-weight:900;animation:1s ease-in-out infinite alternate hold-pulse}@keyframes hold-pulse{to{background:#5fb0b099}}.study-hud{max-width:min(560px,100% - 32px)}.study-plant{font-variant-numeric:tabular-nums;font-weight:900}.study-party{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.study-party .away{color:var(--ink-soft);text-decoration:line-through}.study-scrolls{flex-basis:100%;gap:4px;display:grid}.scroll-list{gap:2px;max-height:30dvh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.scroll-list li{align-items:center;gap:6px;font-size:.9rem;display:flex}.scroll-list label{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.scroll-list li.done span{color:var(--ink-soft);text-decoration:line-through}.scroll-by{color:var(--ink-soft);font-size:.75rem}.scroll-add,.invite-link{gap:6px;display:flex}.scroll-add input,.invite-link input{border:2px solid var(--cream-deep);min-width:0;font:inherit;background:#fff;border-radius:8px;flex:1;padding:4px 8px}.invite-menu{gap:8px;width:min(320px,100vw - 32px);display:grid}.invite-menu p{margin:0}.invite-friends{max-height:40dvh;overflow:auto}.rooms-menu{gap:14px;max-height:calc(100dvh - 80px);overflow:auto}.rooms-menu section{gap:6px;display:grid}.room-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.room-list li{align-items:center;gap:6px;display:flex}.room-list-name{flex:1;min-width:0;display:grid}.room-list-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-list-name small{color:var(--ink-soft)}.rooms-name{border:2px solid var(--cream-deep);font:inherit;background:#fff;border-radius:8px;padding:4px 8px}.profile-card{gap:12px;width:min(360px,100vw - 32px);display:grid}.profile-head{align-items:center;gap:12px;display:flex}.profile-head p{margin:2px 0 0}.profile-about{overflow-wrap:anywhere;margin:0}.profile-about-edit{resize:none;border:2px solid var(--cream-deep);font:inherit;background:#fff;border-radius:8px;padding:6px 8px}.profile-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.profile-tags li,.profile-tags button{background:var(--cream-deep);font:inherit;color:var(--ink-soft);border:0;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:800}.profile-tags button{cursor:pointer}.profile-tags .on{background:var(--paper);color:inherit;box-shadow:0 0 0 2px var(--frame)}.profile-stats{gap:16px;margin:0;display:flex}.profile-stats dt{color:var(--ink-soft);font-size:.8rem}.profile-stats dd{margin:0;font-weight:800}.shortcuts{max-height:calc(100dvh - 32px)}.shortcuts-page{gap:14px;min-height:0;display:grid;overflow:auto}.shortcuts-page p{margin:0}.help-here{gap:6px;margin:0;padding-left:1.2em;display:grid}.help-rooms{gap:10px;display:grid}.keys-btn.glow{animation:1.2s ease-in-out 3 help-glow}@keyframes help-glow{50%{box-shadow:0 0 0 4px #ffd678d9}}.panel-note p{margin:0 0 6px}.intro-ways{flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.intro-ways li{border:2px solid var(--frame);background:var(--cream);color:var(--ink);border-radius:999px;padding:2px 10px;font-weight:800}.kitten-steps{top:calc(64px + env(safe-area-inset-top));z-index:3;width:min(260px,100% - 24px);padding:12px 14px;position:absolute;left:12px}.kitten-steps-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.kitten-steps .panel-title{margin:0;font-size:1rem}.kitten-steps ol{color:var(--ink-soft);gap:4px;margin:8px 0 0;padding-left:1.4em;font-size:.9rem;display:grid}.kitten-steps li.now{color:var(--ink);font-weight:800}.kitten-steps li.done{opacity:.6;text-decoration:line-through}.kitten-steps p{margin:8px 0 0}@media (pointer:coarse) and (hover:none){.kitten-steps{top:auto;bottom:calc(190px + env(safe-area-inset-bottom))}}.volumes{gap:6px;display:grid}.volume{grid-template-columns:5.5em 1fr 3.2em;align-items:center;gap:10px;display:grid}.volume input{width:100%;accent-color:var(--teal)}.volume-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.errands ul{gap:.25rem;margin:.25rem 0;padding:0;list-style:none;display:grid}.errands li{justify-content:space-between;gap:.75rem;font-size:.9rem;display:flex}.errands li:before{content:"○";opacity:.6;margin-right:.4rem}.errands li.done:before{content:"●";opacity:1}.errands li span:first-of-type{flex:1}.errands li.done span:first-of-type{opacity:.7;text-decoration:line-through}fieldset.rooms-preset,fieldset.profile-tags{border:0;min-width:0;margin:0;padding:0}.profile-pin{margin:8px 0 0}.profile-pin canvas{border-radius:8px;width:100%;height:auto;display:block}