:root{--bg: #f4ecd8;--panel: #e7dabc;--panel-edge: #b8ac92;--ink: #2a2438;--ink-soft: #665b4a;--ink-deep: #2a1a12;--ginger: #ef7d1a;--ginger-deep: #d9660a;--pink: #e85d86;--live: #3a9d4a;--off: #d9463f;--danger: #b23a2e;--white: #ffffff;--black: #000000;--cream-lite: #fff5ec;--pixel-font: "PressStart", "Courier New", monospace;--fs-3xs: 7px;--fs-2xs: 8px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 13px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--border: 3px solid var(--ink);--border-2: 2px solid var(--ink);--border-thin: 1px solid var(--ink-soft);--border-dash: 2px dashed var(--ink-soft);--radius: 6px;--ink-shadow: rgba(42, 36, 56, .35);--shadow-sm: 2px 2px 0 var(--ink);--shadow-md: 3px 3px 0 var(--ink-shadow);--shadow-lg: 4px 4px 0 var(--ink-shadow);--shadow-xl: 6px 6px 0 var(--ink-shadow);--shadow-2xl: 7px 7px 0 var(--ink-shadow);--z-scanlines: 100}@font-face{font-family:PressStart;src:url(/PressStart2P.woff) format("woff");font-display:swap}*{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated}body{min-height:100vh;color:var(--ink);font-family:var(--pixel-font);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='%23e7dabc'%3E%3Cellipse cx='32' cy='36' rx='7' ry='5.5'/%3E%3Ccircle cx='23' cy='26' r='3'/%3E%3Ccircle cx='32' cy='22' r='3.2'/%3E%3Ccircle cx='41' cy='26' r='3'/%3E%3C/g%3E%3C/svg%3E")}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-scanlines);background:repeating-linear-gradient(to bottom,rgba(42,36,56,.035) 0px,rgba(42,36,56,.035) 1px,transparent 1px,transparent 3px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:var(--border);background:var(--panel)}.brand{display:flex;align-items:center;gap:14px}.brandtext{display:flex;flex-direction:column;gap:4px}.cat{width:46px;height:42px;flex-shrink:0;filter:drop-shadow(2px 2px 0 rgba(42,36,56,.3))}.lid{animation:blink 4s steps(1) infinite}@keyframes blink{0%,92%,to{opacity:0}94%,97%{opacity:1}}.logo{font-size:var(--fs-xl);letter-spacing:1px;color:var(--ginger);text-shadow:var(--shadow-sm)}.tagline{font-size:var(--fs-3xs);letter-spacing:.5px;color:var(--ink-soft)}.status{display:flex;align-items:center;gap:7px;font-size:var(--fs-2xs);letter-spacing:1px;color:var(--ink-soft)}.dot{width:9px;height:9px;flex-shrink:0;background:var(--off);box-shadow:var(--shadow-sm)}.dot.on{background:var(--live)}.stage{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:16px;overflow-y:auto}.lobbyGrid{width:100%;max-width:1160px;margin:auto;display:grid;grid-template-columns:460px 1fr;gap:40px;align-items:center}.card{background:var(--white);border:var(--border);box-shadow:var(--shadow-2xl);padding:26px 22px;display:flex;flex-direction:column;gap:11px}.paws{text-align:center;font-size:var(--fs-2xl);animation:wiggle 2s steps(3) infinite}@keyframes wiggle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.cardTitle{font-size:var(--fs-lg);line-height:1.7;color:var(--ginger);text-shadow:2px 2px 0 rgba(42,36,56,.15)}.cardSub{font-size:var(--fs-2xs);line-height:2;letter-spacing:.5px;color:var(--ink-soft);margin-bottom:4px}.lobbyArt{display:flex;flex-direction:column;align-items:center;gap:18px}.bigtag{font-size:var(--fs-md);line-height:1.9;text-align:center;color:var(--ink);text-shadow:2px 2px 0 rgba(232,93,134,.25)}.identity{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel);border:var(--border-2)}.label{font-size:var(--fs-2xs);letter-spacing:1px;color:var(--ink-soft)}.input{width:100%;font-family:var(--pixel-font);font-size:var(--fs-sm);letter-spacing:1px;color:var(--ink);background:var(--white);border:var(--border);padding:10px 9px}.input:focus{outline:none;border-color:var(--ginger)}.input::placeholder{color:var(--panel-edge)}#room{text-align:center;text-transform:uppercase;letter-spacing:3px}.btn{font-family:var(--pixel-font);font-size:var(--fs-xs);line-height:1.5;letter-spacing:1px;padding:12px;color:var(--bg);background:var(--ink);border:var(--border);box-shadow:var(--shadow-lg);cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translate(4px,4px);box-shadow:0 0}.btn.primary{background:var(--ginger);color:var(--ink)}.btn.big{font-size:var(--fs-sm);padding:14px}.btn.small{font-size:var(--fs-2xs);padding:8px 10px;box-shadow:var(--shadow-md)}.btn.leave{background:var(--white);color:var(--pink);border-color:var(--pink)}.chooser,.joinpanel{display:flex;flex-direction:column;gap:8px}.btn.ghost{background:transparent;color:var(--ink-soft);border-color:transparent;box-shadow:none;font-size:var(--fs-2xs);padding:6px}.btn.ghost:active{transform:none}.tinyhint{text-align:center;font-size:var(--fs-3xs);line-height:1.6;color:var(--ink-soft);margin-top:-3px}.tinyhint.nameerr{color:var(--pink);font-size:var(--fs-2xs);margin-top:2px}.tinyhint.err{color:var(--off);font-size:var(--fs-2xs);margin-top:2px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.btn:disabled:hover{filter:grayscale(.3)}.btn:disabled:active{transform:none;box-shadow:var(--shadow-lg)}.reconnbar{text-align:center;font-size:var(--fs-2xs);letter-spacing:.5px;color:var(--ink);background:var(--ginger);border:var(--border);box-shadow:var(--shadow-sm);padding:8px}.btn.ghost.tiny{font-size:var(--fs-sm);padding:2px 6px;box-shadow:none}.togglebar{display:flex;gap:8px}.toggle{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--pixel-font);font-size:18px;padding:8px 4px;color:var(--ink);background:var(--white);border:var(--border-2);box-shadow:var(--shadow-sm);cursor:pointer}.toggle .tlabel{font-size:var(--fs-3xs);letter-spacing:.5px}.toggle.on{background:var(--pink);color:var(--white);border-color:var(--pink)}.toggle:active{transform:translate(2px,2px);box-shadow:none}.roomGrid{gap:10px}.stageMain{gap:8px}.btn{transition:transform .08s steps(2),filter .1s}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.card{animation:cardIn .45s steps(7) both}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.chooser,.joinpanel{animation:fadeIn .25s steps(4) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{font-size:var(--fs-3xs);letter-spacing:.5px;color:var(--ink);background:var(--panel);border:var(--border-2);padding:4px 7px;box-shadow:var(--shadow-sm)}.lobbyGrid{position:relative}.card,.lobbyArt{position:relative;z-index:1}.stickers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.catsticker{image-rendering:pixelated;display:block}.st{position:absolute;width:78px;opacity:.92;animation:bob 4s ease-in-out infinite}.st-l{left:3%;top:40%}.st-r{right:3%;top:34%;width:84px;animation-delay:.7s}.st-tl{left:6%;top:16%;width:56px;animation-delay:1.2s}.st-br{right:6%;bottom:12%;width:62px;animation-delay:.4s}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}.cardHero{display:flex;justify-content:center;margin-bottom:2px}.heroCat{width:66px;animation:wiggle 2.6s steps(3) infinite}.cardTitle,.cardSub{text-align:center}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90}.burst span{position:absolute;bottom:34%;font-size:30px;animation:floatUp 1.8s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(24px) scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-180px) scale(1.25)}}@media(max-width:1100px){.stickers{display:none}}@media(prefers-reduced-motion:reduce){.card,.chooser,.joinpanel,.st,.heroCat,.burst span,.paws{animation:none}}.divider{display:flex;align-items:center;text-align:center;font-size:var(--fs-3xs);letter-spacing:1px;color:var(--ink-soft)}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--panel)}.divider span{padding:0 10px}.join{display:flex;gap:8px}.join .input{flex:1;min-width:0}.roomWrap{width:100%;max-width:1600px;display:flex;flex-direction:column;gap:12px}.roombar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;background:var(--white);border:var(--border)}.roomcode{display:flex;align-items:center;gap:8px}.code{font-size:var(--fs-lg);letter-spacing:3px;color:var(--ginger)}.partner{flex:1;min-width:150px;text-align:center;font-size:var(--fs-2xs);letter-spacing:.5px;color:var(--ink-soft);padding:7px;border:var(--border-dash)}.partner.active{color:var(--ink);border:2px solid var(--pink)}.leave{margin-left:auto}.roomGrid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 330px;grid-template-rows:minmax(0,1fr);gap:14px}.stageMain{min-width:0;display:flex;flex-direction:column;gap:12px}.sidebar{min-width:0;min-height:0;overflow:hidden;border:var(--border);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:12px}.roomtools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tinyhint.fmt{text-align:left;margin:0;line-height:1.9}.tinyhint.fmt code{background:var(--panel);padding:1px 5px;border:var(--border-thin);font-size:var(--fs-xs)}.filepick{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.filebtn{display:inline-block}.filename{font-size:var(--fs-2xs);color:var(--ink-soft);word-break:break-all}.syncbadge{margin-left:auto;display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);background:var(--white);border:var(--border-2);box-shadow:var(--shadow-sm);font-size:var(--fs-2xs);letter-spacing:1px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.syncdot{width:8px;height:8px;flex-shrink:0;background:var(--ink-soft)}.syncbadge.good .syncdot{background:var(--live)}.syncbadge.fix .syncdot{background:var(--ginger)}.syncbadge.bad .syncdot{background:var(--off)}.syncbadge.idle{color:var(--ink-soft)}.progress{display:flex;flex-direction:column;gap:8px}.progresslabel{font-size:var(--fs-2xs);letter-spacing:.5px;color:var(--ink)}.progressbar{height:16px;background:var(--white);border:var(--border);overflow:hidden}.progressfill{height:100%;background:var(--ginger);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 4px,transparent 4px,transparent 8px);transition:width .2s steps(6)}.videowrap{position:relative;flex:1;min-height:0;background:var(--black);border:var(--border);box-shadow:var(--shadow-xl)}.video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--black)}.videohint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--fs-xs);letter-spacing:1px;color:var(--bg);text-align:center;padding:20px;text-shadow:2px 2px 0 var(--black)}.videohint.mediaerr .errbox{font-size:var(--fs-xs);line-height:1.7;color:var(--cream-lite);background:var(--danger);border:2px solid var(--ink-deep);border-radius:var(--radius);max-width:82%;padding:14px 18px;text-shadow:2px 2px 0 var(--black);box-shadow:4px 4px 0 var(--ink-deep)}.meow{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.meowframe{width:100%;max-width:460px;margin:0 auto;aspect-ratio:4 / 3;background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.meowimg{width:100%;height:100%;object-fit:cover;image-rendering:auto;animation:pop .4s steps(3)}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}.meowcap{font-size:var(--fs-3xs);letter-spacing:.5px;color:var(--ink-soft);text-align:center}.pagefoot{text-align:center;font-size:var(--fs-3xs);letter-spacing:1px;color:var(--ink-soft);padding:12px;border-top:2px solid var(--panel)}.cams{display:grid;gap:8px}.cams.twocol{grid-template-columns:1fr 1fr}.cams.stacked{grid-template-columns:1fr;grid-template-rows:1fr 1fr;flex:1;min-height:0}.cams.stacked .cam{aspect-ratio:auto;min-height:0}.cam{position:relative;aspect-ratio:1 / 1;background:var(--black);border:var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.cam video{width:100%;height:100%;object-fit:cover}.cam.local video{transform:scaleX(-1)}.cam.empty{background:var(--panel);border-style:dashed}.cam.empty video{display:none}.cam.remote{border-color:var(--pink)}.camlabel{font-size:var(--fs-3xs);letter-spacing:.5px;color:var(--ink-soft);text-align:center;padding:4px}.camtoggle.on{background:var(--pink);color:var(--white);border-color:var(--pink)}.chat{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;background:var(--white);border:var(--border);padding:8px}.chatlog{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-family:Courier New,monospace}.chatempty{margin:auto;font-size:var(--fs-2xs);color:var(--ink-soft);font-family:var(--pixel-font)}.msg{display:flex;flex-direction:column;gap:1px;max-width:90%;align-self:flex-start}.msg.mine{align-self:flex-end;text-align:right}.msgwho{font-size:var(--fs-3xs);font-family:var(--pixel-font);letter-spacing:.5px;color:var(--ink-soft)}.msg.mine .msgwho{color:var(--ginger-deep)}.msgtext{font-size:var(--fs-md);line-height:1.35;color:var(--ink);background:var(--panel);padding:5px 8px;border:var(--border-2);word-break:break-word}.msg.mine .msgtext{background:var(--ginger)}.chatbar{display:flex;gap:6px}.chatinput{flex:1;min-width:0;font-family:Courier New,monospace;font-size:var(--fs-md);color:var(--ink);background:var(--white);border:var(--border);padding:7px}.chatinput:focus{outline:none;border-color:var(--ginger)}.hidden{display:none!important}@media(max-width:900px){.stage{align-items:flex-start}.lobbyGrid{grid-template-columns:1fr;max-width:460px;gap:24px}.lobbyArt{order:-1}.roomWrap{height:auto}.roomGrid{grid-template-columns:1fr}.sidebar{max-height:none}.videowrap{min-height:46vh}}@media(max-width:520px){.tagline{display:none}.brand{gap:10px}.stage{padding:14px}}