:root{--saffron: #ff9a3c;--marigold: #ffc23d;--gold: #f7c873;--rose: #ff5d8f;--deep: #12081f;--panel: rgba(22, 10, 34, .72);--panel-solid: #1d0f2c;--line: rgba(255, 200, 120, .22);--text: #fff4e2;--muted: #d8bfa4;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--deep);color:var(--text);font-family:"Baloo 2",system-ui,sans-serif}canvas{display:block}.hidden{display:none!important}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}kbd{display:inline-block;min-width:1.5em;padding:0 .35em;margin:0 1px;border:1px solid rgba(255,220,170,.4);border-bottom-width:2px;border-radius:5px;font:600 12px/1.5 "Baloo 2",monospace;text-align:center;color:var(--marigold);background:#0000004d}.btn{border:1px solid var(--line);background:#ffffff0f;color:var(--text);padding:.6em 1.1em;border-radius:12px;font-weight:600;font-size:16px;transition:transform .12s,background .2s,box-shadow .2s;text-decoration:none;display:inline-block}.btn:hover{background:#ffffff1f;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ff8a2b,#ff4f7b);border-color:transparent;color:#fff;box-shadow:0 6px 24px #ff6e3c59}.btn.primary:hover{box-shadow:0 8px 30px #ff6e3c8c}.btn.ghost{background:transparent}.btn.on{border-color:var(--saffron);background:#ff9a3c2e}.btn.small{font-size:14px;padding:.35em .8em}.btn:disabled{opacity:.5;cursor:wait}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px;background:radial-gradient(ellipse at 50% 120%,#4a1a3a,#1a0b28 45%,#07040f)}#lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lobby-card{position:relative;width:min(980px,100%);max-height:100%;background:#140820c7;border:1px solid var(--line);border-radius:26px;padding:28px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #0009,inset 0 1px #ffdcaa1a;overflow-y:auto}.lobby-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.logo-diya{width:74px;height:56px;overflow:visible}.logo-diya .flame{transform-origin:60px 40px;animation:flicker 1.6s ease-in-out infinite;filter:drop-shadow(0 0 6px #ffb347)}.logo-diya .glow{animation:glowPulse 2.4s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) skew(0)}25%{transform:scale(.94,1.06) skew(2deg)}50%{transform:scale(1.04,.95) skew(-2deg)}75%{transform:scale(.97,1.03) skew(1deg)}}@keyframes glowPulse{50%{opacity:.65}}@keyframes bob{50%{transform:translateY(-5px)}}.title{font-family:Yatra One,"Baloo 2",serif;font-size:48px;margin:0;line-height:1.05;font-weight:400;background:linear-gradient(90deg,#ffd27a,#ff9a3c 45%,#ff5d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.maker{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:stretch}.preview-col{display:flex}.preview-wrap{position:relative;width:300px;height:380px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#6a2a45,#2a1236 60%,#180a24);border:1px solid var(--line)}#avatar-preview{width:100%;height:100%;cursor:grab;touch-action:none}#avatar-preview:active{cursor:grabbing}.drag-hint{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;opacity:.8;transition:opacity .4s}.drag-hint.gone{opacity:0}.preview-emotes{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.preview-emotes button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#14082099;font-size:16px;transition:transform .12s}.preview-emotes button:hover{transform:scale(1.12)}.form-col{display:flex;flex-direction:column;gap:12px;min-width:0}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-width:0;background:#00000059;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.65em .9em;font-size:16px;outline:none}.name-row input:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff9a3c33}.icon-btn{width:46px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;font-size:20px}.icon-btn:hover{background:#ffffff1f}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.segmented button{border:none;background:transparent;color:var(--muted);padding:.45em;border-radius:9px;font-weight:700;font-size:16px}.segmented button.on{background:linear-gradient(135deg,#ff8a2b,#ff4f7b);color:#fff}.ctabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.ctabs button{background:none;border:none;color:var(--muted);padding:.4em .9em;font-weight:600;font-size:16px;border-bottom:2px solid transparent;margin-bottom:-1px}.ctabs button.on{color:var(--text);border-bottom-color:var(--saffron)}.cpanel{display:flex;flex-direction:column;gap:14px;min-height:180px}.enter{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.enter-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#0000004d;border:1px solid var(--line);border-radius:16px}.mode{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:left;transition:background .2s,color .2s,border-color .2s}.mode svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mode span{display:flex;flex-direction:column;line-height:1.15;min-width:0}.mode b{font-size:16px;font-weight:700;color:inherit;white-space:nowrap}.mode small{font-size:12px;opacity:.8;white-space:nowrap}.mode:hover{color:var(--text);background:#ffffff0a}.mode.on{color:#fff;background:linear-gradient(135deg,#ff8a2b38,#ff4f7b2e);border-color:#ff9a3c8c}.mode.on svg{stroke:var(--marigold)}.enter-row{display:flex;gap:10px;align-items:stretch}.enter-field{flex:1;min-width:0;display:flex}.enter-field input{flex:1;min-width:0;background:#00000059;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.7em 1em;font-size:16px;outline:none}.enter-field input:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff9a3c33}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-size:20px!important;text-align:center;font-family:"Baloo 2",monospace}.code-input::placeholder{letter-spacing:.3em;color:#d8bfa459}.free-note{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:16px}.live-dot{width:9px;height:9px;border-radius:50%;background:#5ee08a;box-shadow:0 0 #5ee08a99;animation:live 1.8s infinite;flex:none}@keyframes live{70%{box-shadow:0 0 0 8px #5ee08a00}to{box-shadow:0 0 #5ee08a00}}.btn.go{padding:.7em 1.4em;font-size:16px;white-space:nowrap}.btn.go .arrow{display:inline-block;transition:transform .2s}.btn.go:hover .arrow{transform:translate(4px)}.field{display:flex;flex-direction:column;gap:4px}.field>span,.field.two span,.tool-group>span{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field.two{flex-direction:row;gap:18px}.field.two>div{display:flex;flex-direction:column;gap:4px}.field input,.room-box input,textarea,select{background:#00000059;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.6em .9em;font-size:16px;outline:none}.field input:focus,.room-box input:focus,textarea:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff9a3c33}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:#ffffff0d;color:var(--text);padding:.25em .8em;border-radius:999px;font-size:14px;font-weight:500}.chip.on{background:linear-gradient(135deg,#ff8a2bd9,#ff4f7bd9);border-color:transparent}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 -3px 6px #00000040}.swatches.big .swatch{width:30px;height:30px}.swatch.on{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #ff9a3c99}.room-box{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.tabs{display:flex;gap:8px;margin-bottom:10px}.tab{flex:1;background:transparent;border:1px solid var(--line);color:var(--muted);padding:.5em;border-radius:12px;font-weight:600;font-size:16px}.tab.active{color:var(--text);background:#ff9a3c26;border-color:var(--saffron)}.tab-body{display:flex;gap:10px}.tab-body input{flex:1;min-width:0}.lobby-msg{min-height:1.3em;margin-top:8px;color:#ffb08a;font-size:16px}.net-status{text-align:center;font-size:14px;color:var(--muted);margin-top:6px}.net-status b{color:#9ef0b5}@media (min-width: 761px) and (max-height: 820px){.lobby-card{padding:20px 28px}.lobby-head{margin-bottom:12px}.preview-wrap{height:330px}.enter{margin-top:16px;padding-top:14px}}@media (max-width: 760px){.maker{grid-template-columns:1fr}.preview-col{justify-content:center}.preview-wrap{width:100%;max-width:320px;height:320px}.mode{flex-direction:column;text-align:center;gap:4px;padding:8px 4px}.mode span{align-items:center}.mode b{font-size:14px}.mode small{display:none}.enter-row{flex-direction:column}.free-note{padding:12px 14px}.lobby-card{padding:20px 16px}}#welcome{display:none}.welcoming #welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;width:min(1040px,100%);min-height:min(640px,100%)}.welcoming .lobby-card{display:none}.lobby-card{animation:pop .45s ease-out}#welcome.leaving{animation:wlOut .45s ease-in forwards}@keyframes wlOut{to{opacity:0;transform:scale(.97)}}.wl-stage{position:relative;height:min(600px,82vh)}#welcome-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%)}#welcome.ready #welcome-host{opacity:1}.wl-wait{position:absolute;left:50%;top:50%;width:110px;height:84px;transform:translate(-50%,-50%);transition:opacity .4s}#welcome.ready .wl-wait{opacity:0}.wl-bubble{position:absolute;transform:translate(-50%,calc(-100% - 10px)) scale(.6);opacity:0;pointer-events:none;max-width:260px;width:max-content;padding:10px 16px;border-radius:16px;text-align:center;background:#fff4e2;color:#3a1424;font-weight:700;font-size:18px;line-height:1.25;box-shadow:0 10px 30px #0006;transition:opacity .25s,transform .3s cubic-bezier(.3,1.6,.5,1)}.wl-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fff4e2}.wl-bubble.on{opacity:1;transform:translate(-50%,calc(-100% - 10px)) scale(1)}.wl-bubble.side{transform:translateY(-50%) scale(.6)}.wl-bubble.side.on{transform:translateY(-50%) scale(1)}.wl-bubble.side:after{left:-8px;bottom:auto;top:50%;margin:-8px 0 0;border:8px solid transparent;border-left:0;border-right-color:#fff4e2}.wl-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;animation:wlIn .8s .2s ease-out both}@keyframes wlIn{0%{opacity:0;transform:translateY(16px)}}.wl-kicker{color:var(--marigold);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.wl-title{font-family:Yatra One,serif;font-weight:400;font-size:72px;line-height:1;margin:0;background:linear-gradient(90deg,var(--gold),var(--saffron) 55%,var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(255,140,60,.35))}.wl-lead{margin:0;font-size:22px;line-height:1.35;color:var(--text);max-width:30ch}.wl-feats{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px}.wl-feats li{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--muted)}.wl-feats li span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;font-size:20px;background:#ffc8781a;border:1px solid var(--line)}.wl-feats li:nth-child(1){animation:wlIn .5s .5s both}.wl-feats li:nth-child(2){animation:wlIn .5s .62s both}.wl-feats li:nth-child(3){animation:wlIn .5s .74s both}.wl-feats li:nth-child(4){animation:wlIn .5s .86s both}.wl-cta{margin-top:10px;padding:16px 34px;font-size:22px;border-radius:16px;animation:wlIn .5s 1s both,ctaGlow 2.4s 1.6s ease-in-out infinite}.wl-cta .arrow{display:inline-block;transition:transform .2s}.wl-cta:hover .arrow{transform:translate(4px)}@keyframes ctaGlow{50%{box-shadow:0 0 0 6px #ff9a3c2e,0 12px 40px #ff783c73}}.wl-note{font-size:14px;color:var(--muted);opacity:.85}@media (max-width: 760px){.welcoming #lobby{padding:12px 16px;align-items:stretch}.welcoming #welcome{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:4px;min-height:100%}.wl-stage{height:auto;min-height:220px;align-self:stretch}.wl-copy{align-items:center;text-align:center;gap:10px;padding-bottom:env(safe-area-inset-bottom)}.wl-kicker{font-size:14px}.wl-title{font-size:48px}.wl-lead{font-size:18px}.wl-feats{grid-template-columns:1fr 1fr;gap:8px;width:100%}.wl-feats li{flex-direction:column;gap:4px;font-size:14px;line-height:1.25;text-align:center;padding:8px 6px;border-radius:14px;background:#ffc8780f;border:1px solid var(--line)}.wl-feats li span{width:auto;height:auto;background:none;border:0;font-size:22px}.wl-cta{width:100%;margin-top:0;font-size:20px;padding:14px}.wl-note{margin-top:-4px}.wl-bubble{font-size:16px;max-width:200px}}@media (max-width: 760px) and (max-height: 700px){.wl-title{font-size:40px}.wl-lead{font-size:16px}.wl-kicker,.wl-note{display:none}.wl-feats li{padding:6px}}@media (max-height: 500px) and (orientation: landscape){.welcoming #lobby{padding:8px 16px;align-items:stretch}.welcoming #welcome{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:none;gap:12px;min-height:100%}.wl-stage{height:auto;min-height:0;align-self:stretch}.wl-copy{align-items:flex-start;text-align:left;gap:8px}.wl-kicker,.wl-note{display:none}.wl-title{font-size:40px}.wl-lead{font-size:16px;max-width:none}.wl-feats{grid-template-columns:1fr 1fr;gap:6px;width:100%;margin:0}.wl-feats li{flex-direction:row;gap:8px;font-size:14px;line-height:1.2;text-align:left;padding:6px 8px;border-radius:12px;background:#ffc8780f;border:1px solid var(--line)}.wl-feats li span{width:auto;height:auto;background:none;border:0;font-size:18px}.wl-cta{width:100%;margin-top:2px;font-size:18px;padding:12px}}@media (prefers-reduced-motion: reduce){.wl-copy,.wl-feats li,.wl-cta{animation:none!important}}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}:root{--edge: 14px;--gap: 8px;--r-panel: 14px;--r-ctl: 12px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:var(--edge);display:grid;column-gap:16px;row-gap:var(--gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.zone{display:flex;flex-direction:column;gap:var(--gap);min-width:0;min-height:0;pointer-events:none}.zone>*{pointer-events:auto}.z-tl{grid-area:1 / 1 / 3 / 2;align-items:flex-start}.z-tc{grid-area:1 / 2 / 2 / 3;align-items:center}.z-tr{grid-area:1 / 3 / 3 / 4;align-items:flex-end}.z-bl{grid-area:3 / 1 / 4 / 2;justify-content:flex-end;align-items:flex-start}.z-bc{grid-area:3 / 2 / 4 / 3;align-items:center;justify-content:flex-end}.nametag{display:flex;flex-direction:column;align-items:center;gap:2px;transform:translateY(-6px);pointer-events:none;-webkit-user-select:none;user-select:none}.nametag .nm{font-weight:700;font-size:14px;padding:1px 9px;border-radius:999px;background:#14081ea8;border:1px solid rgba(255,210,150,.35);color:#fff3df;white-space:nowrap;text-shadow:0 1px 2px #000}.nametag.npc .nm{display:none}.nametag.me .nm{border-color:#ff9a3ccc;color:#ffd9a6}.nametag .bubble{max-width:220px;background:#fff8ec;color:#3a1d0c;font-weight:600;font-size:14px;padding:3px 10px;border-radius:12px;text-align:center;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .2s,transform .2s;position:relative}.nametag .bubble.show{opacity:1;transform:none}.nametag .bubble.emoji{font-size:26px;background:transparent;padding:0}.room-pill{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);padding:8px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%}.room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-name{font-family:Yatra One,serif;font-size:20px;color:var(--marigold);line-height:1.1}.code-btn{background:none;border:none;color:var(--muted);padding:0;font-size:14px;font-weight:600}.code-btn:hover{color:#fff}.stats{display:flex;gap:var(--gap);flex-wrap:wrap;justify-content:flex-end}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);padding:4px 12px;text-align:center;min-width:70px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat b{display:block;font-size:18px;color:#fff;line-height:1.2}.stat span{font-size:12px;color:var(--muted)}.stat.pulse{animation:pulse .6s}@keyframes pulse{40%{transform:scale(1.15);border-color:var(--saffron)}}#players-panel{width:min(220px,100%);min-height:0;flex:0 1 auto;overflow-y:auto;scrollbar-width:thin;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.panel-title span{background:var(--saffron);color:#2a1200;border-radius:999px;padding:0 7px;font-weight:700}#players-list{list-style:none;margin:0;padding:0}#players-list li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:16px}#players-list .dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor}#players-list .you{color:var(--muted);font-size:12px}#players-list .away{opacity:.45}#side-actions{display:flex;flex-direction:column;gap:6px;position:relative}#more-menu{display:flex;flex-direction:column;gap:6px}#players-toggle{display:block;margin-top:2px}.chat-row{display:flex;gap:6px;width:100%}#emote-toggle{flex:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);font-size:18px;padding:0 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#emote-toggle.on{border-color:var(--saffron)}.act{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;width:156px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:var(--r-ctl);padding:5px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;font-size:16px;font-weight:600;transition:background .2s,transform .12s}.act:hover{background:#ff9a3c33;transform:translate(-2px)}.act i{font-style:normal;font-size:20px}#prompt,#prompt2{pointer-events:none;max-width:100%;text-align:center;background:#12061cd1;border:1px solid var(--saffron);padding:7px 16px;border-radius:999px;font-weight:600;font-size:16px;box-shadow:0 0 30px #ff8c2840;white-space:nowrap;animation:pop .25s}body.touch #prompt2{pointer-events:auto;cursor:pointer}#prompt2{border-color:#b18cff;box-shadow:0 0 30px #a06eff4d}@keyframes pop{0%{transform:scale(.85);opacity:0}}#igniter-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ign{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 12px 3px 6px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ign svg{width:22px;height:22px}.ign.on{color:#fff;border-color:var(--marigold);background:#ff9a3c2e}.ign .lit{font-size:12px;padding:0 6px;border-radius:999px;background:#444;color:#ddd}.ign .lit.yes{background:#ff7a1a;color:#fff;box-shadow:0 0 10px #ff7a1a}#hotbar{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);padding:6px;border-radius:var(--r-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slot{position:relative;width:66px;height:66px;border-radius:var(--r-ctl);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;transition:transform .12s,background .2s}.slot .ic{font-size:28px;line-height:1}.slot .nm{font-size:10px;font-weight:600;line-height:1.1;margin-top:3px;color:var(--muted);white-space:nowrap}.slot .k{position:absolute;top:2px;left:5px;font-size:10px;color:var(--muted);font-weight:700}.slot:hover{background:#ffffff1a}.slot.on{background:linear-gradient(160deg,#ff9a3c73,#ff4f7b59);border-color:var(--marigold);transform:translateY(-4px)}.slot.on .nm{color:#fff}#chat{width:min(320px,100%);display:flex;flex-direction:column;gap:6px}#chat-log{max-height:160px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:2px;-webkit-mask-image:linear-gradient(transparent,#000 25%);mask-image:linear-gradient(transparent,#000 25%);padding-top:20px}.msg{font-size:14px;text-shadow:0 1px 3px #000;line-height:1.25}.msg b{color:var(--marigold)}.msg.sys{color:#c9b4ff;font-style:italic}#chat-input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:var(--r-ctl);padding:.5em .8em;font-size:16px;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#chat-input:focus{border-color:var(--saffron)}.emotes{display:flex;gap:6px;flex-wrap:wrap}.emotes button{background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:18px;padding:2px 8px;transition:transform .12s}.emotes button:hover{transform:translateY(-2px) scale(1.1)}#toasts{display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(520px,100%)}.toast{background:#180824e6;border:1px solid var(--line);border-radius:14px;padding:8px 16px;font-weight:600;box-shadow:0 10px 30px #0006;animation:toastIn .3s;pointer-events:auto;max-width:100%;text-align:center}.toast.gold{border-color:var(--marigold);box-shadow:0 0 30px #ffbe504d}.toast .t-actions{display:flex;gap:6px;justify-content:center;margin-top:6px}.toast.out{opacity:0;transform:translateY(-8px);transition:.4s}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0512;opacity:0;pointer-events:none;transition:opacity .22s;z-index:40}#fade.on{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}}#bigtext{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;font-family:Yatra One,serif;font-size:96px;color:#fff;line-height:1;text-shadow:0 0 30px #ff4f7b,0 0 60px #ff9a3c,0 4px 0 #6b1030;animation:bigIn .5s cubic-bezier(.2,1.8,.4,1)}#bigtext small{display:block;font-family:"Baloo 2";font-size:20px;font-weight:700;text-shadow:0 2px 6px #000;margin-top:10px}@keyframes bigIn{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}}#countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;font-family:Yatra One,serif;font-size:144px;color:#fff;text-shadow:0 0 40px #ff9a3c}#countdown small{font-family:"Baloo 2";font-size:18px;font-weight:700;max-width:90vw;text-align:center;padding:0 16px}@media (max-width: 760px){#countdown{font-size:96px}#countdown small{font-size:16px}#bigtext{width:92vw;font-size:40px}.title{font-size:36px}.shop-head h2{font-size:24px}#bigtext small{font-size:16px}#photo-modal h2{font-size:20px}#photo-modal .sweet-actions .btn{white-space:nowrap;font-size:14px}}.msg.gone{opacity:0;transition:opacity .6s}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .6s}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45))}#hud.photo-mode>.zone,#hud.photo-mode #vignette{visibility:hidden}#bigtext,#countdown,#flash,#vignette{grid-area:1 / 1 / -1 / -1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.modal-card{position:relative;width:min(560px,100%);max-height:92vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:0 30px 80px #0009}.modal-card.wide{width:min(900px,100%)}.modal-card h2{display:flow-root;margin:0 0 4px;font-family:Yatra One,serif;font-weight:400;color:var(--marigold)}.modal-card h3{margin:12px 0 4px;color:#ffd9a6;font-size:16px}.modal-card .sub{margin:0 0 12px;color:var(--muted)}.close{position:sticky;top:0;float:right;z-index:3;margin:-10px -14px 0 10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1d0f2cd9;border:1px solid transparent;color:var(--muted);font-size:26px;line-height:1}.close:hover{color:#fff;border-color:var(--line)}.close:hover{color:#fff}#help-modal .modal-card{width:min(680px,100%)}.help-tabs{display:flex;gap:6px;margin:10px 0 12px}.htab{flex:1;background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 6px;border-radius:12px;font:600 14px "Baloo 2",sans-serif;cursor:pointer}.htab.on{color:var(--text);background:#ff9a3c2e;border-color:var(--saffron)}.hpane{margin-bottom:14px}#help-modal .modal-card{max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}#help-modal h2,.help-tabs{flex:none}#help-modal h2{padding-right:40px}#help-modal .close{position:absolute;top:18px;right:18px;margin:0}#help-modal .hpane{flex:0 1 auto;min-height:0;overflow-y:auto;margin-bottom:0;font-size:18px;line-height:1.6;padding-right:4px}#help-modal .hpane h3{font-size:20px}#help-modal .modal-card>.btn.primary{flex:none;align-self:center;margin-top:28px;padding-left:2em;padding-right:2em}#help-modal .keys{font-size:18px}#help-modal .hpane kbd{font-size:14px}#help-modal .icon-list b{font-size:18px}#help-modal .icon-list span{font-size:16px}.hpane h3:first-child{margin-top:0}.steps{padding-left:1.2em;margin:0;font-size:14px;line-height:1.5}.steps li{margin:4px 0;color:#f3e4cf}.keys{width:100%;border-collapse:collapse;font-size:14px;color:#f3e4cf}.keys td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.keys td:first-child{white-space:nowrap;width:1%;padding-right:14px;color:var(--muted);font-weight:600}.tkey{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8a2bd9,#ff4f7bd9);color:#fff;font-size:14px}.joy-mini{display:inline-block;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:radial-gradient(circle,#ff8a2b 0,#ff8a2b 30%,#28223099 32%);vertical-align:middle}.icon-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.icon-list>div{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.icon-list i{grid-row:1 / 3;font-style:normal;font-size:22px;text-align:center}.icon-list b{font-size:14px;color:#fff}.icon-list span{font-size:12px;color:var(--muted);line-height:1.35}.for-touch{display:none}body.touch .for-touch{display:revert}body.touch .for-desk{display:none}.icon-list>div.for-touch{display:none}body.touch .icon-list>div.for-touch{display:grid}@media (max-width: 520px){.icon-list{grid-template-columns:1fr;gap:6px}.hpane{min-height:0}#help-modal .hpane,#help-modal .keys{font-size:16px;line-height:1.5}#help-modal .hpane h3{font-size:18px}#help-modal .icon-list b{font-size:16px}#help-modal .icon-list span{font-size:14px}#help-modal .modal-card>.btn.primary{margin-top:20px}.htab{font-size:12px;padding:8px 4px}}#sweet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sweet{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:10px 4px 6px;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:600}.sweet.on{border-color:var(--marigold);background:#ff9a3c2e}.sweet .art{width:44px;height:44px}.sweet-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}.sweet-actions select{flex:1;min-width:140px}@media (max-width: 520px){.sweet-actions select{flex:1 1 100%}.sweet-actions .btn{flex:1 1 0;text-align:center;justify-content:center;white-space:nowrap;font-size:14px;padding:.6em .7em}#sweet-grid{gap:6px}.sweet{font-size:12px}.sweet .art{width:38px;height:38px}}.rangoli-card{width:min(1020px,100%)}.rg-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;flex-wrap:wrap}.rg-head h2{margin:0}.rg-modes{width:min(380px,100%)}.rg-body{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.rg-stage{display:flex;gap:10px;align-items:flex-start}.rg-toolstrip{display:flex;flex-direction:column;gap:6px}.rg-tool{width:58px;padding:6px 2px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:600}.rg-tool i{font-style:normal;font-size:20px;line-height:1}.rg-tool.on{color:#fff;border-color:var(--saffron);background:#ff9a3c33}.rangoli-canvas-wrap{position:relative;width:min(480px,62vh);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#4a3a33,#2f221d);box-shadow:inset 0 0 40px #0000008c,0 0 0 6px #ffbe5a26}#rangoli-canvas,#rangoli-guides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#rangoli-canvas{cursor:crosshair;touch-action:none}#rangoli-guides{pointer-events:none}.rg-side{display:flex;flex-direction:column;gap:14px;min-width:0}.rg-panel{display:flex;flex-direction:column;gap:8px}.rg-label{font-size:14px;font-weight:600;color:#e9d6bd}.rg-labrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.rg-label b{color:var(--text)}.rg-row{display:flex;gap:6px;flex-wrap:wrap}.rg-designs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rg-design{border:2px solid transparent;border-radius:50%;padding:0;background:#33251f;aspect-ratio:1;position:relative;transition:transform .15s;margin-bottom:22px}.rg-design:hover{transform:scale(1.05)}.rg-design.on{border-color:var(--marigold);box-shadow:0 0 0 3px #ffc23d40}.rg-design canvas{width:100%;height:100%;display:block;border-radius:50%}.rg-design span{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:14px;font-weight:700;color:var(--muted)}.rg-design.on span{color:var(--marigold)}.rg-footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.rg-side input[type=range]{accent-color:var(--saffron);width:100%}@media (max-width: 520px){.rg-modes{width:100%}.rg-modes button{font-size:14px;white-space:nowrap;padding:.5em .3em}.rg-toolstrip:not(.hidden){display:grid;grid-template-columns:repeat(4,1fr);width:100%}.rg-tool{width:auto;padding:6px 2px;font-size:14px;border-radius:10px}.rg-tool i{font-size:18px}.rg-toolstrip{gap:4px}.rg-side{gap:10px}.rg-panel{gap:6px}.rg-side .swatches.big .swatch,.rg-side .swatch{width:26px;height:26px}.rg-side .chip{font-size:14px;padding:.2em .7em}#rg-sym{display:grid;grid-template-columns:repeat(6,1fr)}#rg-sym .chip{padding:.25em 0;text-align:center}.rg-panel[data-p=draw] .rg-row{display:grid;grid-template-columns:repeat(4,1fr)}.rg-panel[data-p=draw] .rg-row .btn{padding:.45em .2em;white-space:nowrap;justify-content:center}.rg-side .btn,.rg-footer .btn{font-size:14px;padding:.45em .8em}}@media (max-width: 820px){.rg-body{grid-template-columns:1fr}.rg-stage{flex-direction:column-reverse;align-items:center}.rg-toolstrip{flex-direction:row;flex-wrap:wrap;justify-content:center}.rangoli-canvas-wrap{width:min(100%,420px)}}.wish-form{display:flex;flex-direction:column;gap:8px}.wish-form textarea{min-height:70px;resize:vertical}#wish-list{margin-top:14px;display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow-y:auto}.wish{background:#ffd68c14;border-left:3px solid var(--marigold);padding:6px 12px;border-radius:8px}.wish .who{font-size:12px;color:var(--muted)}#photo-img{display:block;max-width:100%;max-height:calc(100dvh - 240px);margin-left:auto;margin-right:auto;border-radius:12px;margin-top:8px;border:1px solid var(--line)}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--deep);z-index:50;font-size:20px;color:var(--muted)}.spinner{font-size:54px;animation:bob 1.2s ease-in-out infinite;filter:drop-shadow(0 0 20px #ffb347)}@media (max-width: 1240px){.slot{width:54px;height:56px}.slot .nm{display:none}.slot .ic svg{width:30px;height:30px}}@media (max-width: 760px),(max-height: 560px){:root{--edge: 10px;--gap: 6px}#hud{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;column-gap:8px}.z-tl{grid-area:1 / 1 / 2 / 2}.z-tr{display:contents}.z-tr>.stats{grid-area:1 / 2 / 2 / 3;align-self:start}#side-actions{grid-area:2 / 1 / 3 / 3;flex-direction:row;flex-wrap:wrap;gap:6px}.z-tc{grid-area:3 / 1 / 4 / 3;align-items:center}.z-bl{grid-area:5 / 1 / 6 / 3}.z-bc{grid-area:6 / 1 / 7 / 3}#players-panel{position:absolute;z-index:5;top:calc(var(--edge) + 62px);left:var(--edge);max-height:50vh}.stat{min-width:0;padding:2px 10px}.stat b{font-size:16px}.stat span{font-size:10px}#side-actions{justify-content:flex-end}.act{width:40px;height:36px;grid-template-columns:1fr;justify-items:center;padding:0}.act span,.act kbd{display:none}.act i{font-size:18px}#more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:6;flex-direction:row;gap:6px;padding:6px;border-radius:var(--r-panel);background:#12061ce6;border:1px solid var(--line)}#chat{width:100%}#chat-log{width:100%;max-height:60px;padding-top:10px}#chat-input{flex:1;min-width:120px;width:auto;padding:.4em .7em}.emotes button{padding:2px 6px;font-size:16px}.slot{width:auto;flex:1;height:46px;min-width:0}.slot .k{display:none}.slot .ic svg{width:26px;height:26px}#hotbar{width:100%;gap:4px;padding:4px}.ign{font-size:12px;padding:2px 8px 2px 4px}#prompt,#prompt2,#hint{white-space:normal;font-size:14px;padding:5px 12px}.room-name{font-size:16px}.code-btn{font-size:12px}}@media (max-width: 760px) and (max-height: 760px){.ign:not(.on){font-size:0;gap:0;padding:3px 6px}#chat-log{max-height:40px;padding-top:4px}.act{width:36px;height:34px}}@media (max-height: 560px){#chat-log{display:none!important}.slot{height:40px}}@media (max-height: 560px) and (min-width: 600px){#hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.z-tl{grid-area:1 / 1 / 2 / 2}.z-tr>.stats{grid-area:1 / 2 / 2 / 3;justify-self:center}#side-actions{grid-area:1 / 3 / 3 / 4;justify-content:flex-end;align-content:flex-start}.z-tc{grid-area:2 / 2 / 3 / 3}.z-bl{grid-area:4 / 1 / 5 / 2}.z-bc{grid-area:4 / 2 / 5 / 3}#chat{width:100%}.slot{flex:none;width:46px}#hotbar{width:auto}}#chat-log::-webkit-scrollbar{display:none}#hint{display:flex;align-items:center;gap:8px;background:#12061cd9;border:1px solid rgba(255,194,61,.55);padding:6px 14px;border-radius:999px;font-weight:600;font-size:16px;box-shadow:0 0 24px #ffaa3c33;animation:pop .25s}#hint .arrow{display:inline-block;color:var(--marigold);transition:transform .2s}.slot .ic svg{width:34px;height:34px;display:block}#help-crackers .hc svg{vertical-align:middle}.act.live{background:#5ee08a38;border-color:#5ee08a}.act.live.hearing{background:#5ee08a73;box-shadow:0 0 0 3px #5ee08a59,0 0 16px #5ee08a8c;transition:box-shadow .08s,background .08s}.nametag.talking .nm:after{content:" 🎙️"}.nametag.bot .nm{opacity:.85;border-style:dashed}.nametag.bot .nm:after{content:" 🤖";font-size:12px}#players-list li .pn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#players-list .mute{background:none;border:none;padding:0 2px;font-size:14px;opacity:.55}#players-list .mute:hover{opacity:1}#players-list li.muted .pn{opacity:.5;text-decoration:line-through}#players-list li.more{color:var(--muted);font-size:12px}.no-webgl{max-width:420px;text-align:center;line-height:1.5;color:var(--text);padding:24px}#touch-ui{display:none}body.touch #touch-ui{display:flex}body.touch #game-canvas,body.touch #hud{touch-action:none}.z-mid{grid-area:2 / 1 / 3 / 4;flex-direction:row;justify-content:space-between;align-items:flex-end}#joy{width:112px;height:112px;border-radius:50%;position:relative;touch-action:none;background:radial-gradient(circle,#463e506b,#2822308c);border:2px solid rgba(255,255,255,.28);box-shadow:0 4px 14px #00000059}.joy-arrow{position:absolute;width:0;height:0;border:6px solid transparent;opacity:.75;pointer-events:none}.joy-arrow.up{top:6px;left:50%;margin-left:-6px;border-bottom:8px solid #fff;border-top-width:0}.joy-arrow.down{bottom:6px;left:50%;margin-left:-6px;border-top:8px solid #fff;border-bottom-width:0}.joy-arrow.left{left:6px;top:50%;margin-top:-6px;border-right:8px solid #fff;border-left-width:0}.joy-arrow.right{right:6px;top:50%;margin-top:-6px;border-left:8px solid #fff;border-right-width:0}#joy-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:linear-gradient(135deg,#ff8a2be6,#ff4f7be6);box-shadow:0 4px 14px #0006}.touch-btns{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center;justify-items:center}.tbtn.on{border-color:var(--saffron);background:#ff9a3c59}.tbtn{width:60px;height:60px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:#fff;font-weight:800;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none}.tbtn small{font-size:10px;font-weight:600;color:var(--muted);margin-top:2px}.tbtn.big{width:68px;height:68px;background:linear-gradient(135deg,#ff8a2bd9,#ff4f7bd9);border-color:transparent}.tbtn.big small{color:#fff}.tbtn:active{transform:scale(.94)}@media (max-width: 760px),(max-height: 560px){.z-mid{grid-area:4 / 1 / 5 / 3}}@media (max-height: 560px) and (min-width: 600px){.z-mid{grid-area:3 / 1 / 4 / 4}#joy{width:96px;height:96px}}#booth-bar{pointer-events:auto;width:min(560px,100%);background:#12061ceb;border:1px solid var(--saffron);border-radius:var(--r-panel);padding:10px 14px;box-shadow:0 0 30px #ff8c2840;display:flex;flex-direction:column;gap:8px;animation:pop .25s}#booth-text{font-size:16px;color:#f3e4cf;line-height:1.35}#booth-text b{color:var(--marigold)}.booth-btns{display:flex;gap:8px}.booth-btns .btn{flex:1 1 0;justify-content:center;white-space:nowrap}body.in-booth #prompt,body.in-booth #prompt2,body.in-booth #hotbar,body.in-booth #igniter-bar,body.in-booth #touch-ui,body.in-booth #hint{display:none!important}#tambola{pointer-events:auto;width:min(560px,100%);background:#12061cf0;border:1px solid var(--saffron);border-radius:var(--r-panel);padding:10px 12px 12px;box-shadow:0 0 30px #ff8c2840;display:flex;flex-direction:column;gap:8px;animation:pop .25s}.tam-head{display:flex;align-items:center;gap:10px}.tam-now{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff9a3c,#c2410c);border:3px solid var(--marigold);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;line-height:1}.tam-now b{font-size:28px;font-weight:800}.tam-now small{font-size:12px;max-width:58px;text-align:center;margin-top:2px;color:#ffe9c4}.tam-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tam-info b{color:var(--marigold);font-family:Yatra One,serif;font-size:18px;font-weight:400}.tam-info span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tam-x{background:none;border:0;color:#f3e4cf;font-size:26px;line-height:1;padding:0 4px;cursor:pointer;align-self:flex-start}#tam-voice{padding:4px 10px;font-size:12px}#tam-status{font-size:14px;color:#f3e4cf;line-height:1.35}#tam-status b{color:var(--marigold)}.tam-prizes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tam-prizes button{border:1px solid var(--line);background:#ffffff0f;color:#fff;border-radius:10px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font:inherit;min-width:0}.tam-prizes button b{font-size:12px;white-space:nowrap}.tam-prizes button small{font-size:12px;color:var(--marigold);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tam-prizes button:not(:disabled):hover{border-color:var(--saffron);background:#ff9a3c33}.tam-prizes button:disabled{cursor:default;opacity:.55}.tam-prizes button.won{opacity:1;background:#ffc23d24;border-color:#ffc23d80}.tam-prizes button.won small{color:#fff}.tam-ticket{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;background:#fff8e6;border:3px solid #c1121f;border-radius:8px;padding:4px}.tam-ticket span{background:#f3e2c4;border-radius:4px;min-height:36px}.tam-ticket button{border:0;background:#fff;color:#1b0a26;font:800 1rem "Baloo 2",sans-serif;border-radius:4px;min-height:36px;cursor:pointer;position:relative;padding:0}.tam-ticket button.on{background:#ffe1c2;color:#7a2e00}.tam-ticket button.on:after{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:#e8175d8c}.tam-foot{display:flex;align-items:center;gap:8px}.tam-foot span{flex:1;min-width:0;font-size:12px;color:var(--muted)}#stall-bar{pointer-events:auto;width:min(560px,100%);background:#12061ceb;border:1px solid var(--saffron);border-radius:var(--r-panel);padding:10px 12px;box-shadow:0 0 30px #ff8c2840;display:flex;flex-direction:column;gap:8px;animation:pop .25s}.stall-row{display:flex;align-items:center;gap:8px}#stall-text{flex:1;min-width:0;font-size:16px;color:#f3e4cf;line-height:1.35;text-align:center}#stall-text b{color:var(--marigold)}#stall-text small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.stall-arrow{flex:0 0 40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#ffffff14;color:#fff;font-size:24px;line-height:1;cursor:pointer}.stall-arrow:active{transform:scale(.94)}body.in-stall #prompt,body.in-stall #prompt2,body.in-stall #hotbar,body.in-stall #igniter-bar,body.in-stall #touch-ui,body.in-stall #hint,body.touch.in-stall #chat{display:none!important}body.touch.in-tambola #chat,body.in-booth .z-tl,body.in-stall .z-tl,body.in-tambola .z-tl,body.in-booth #side-actions>:not(#act-mic),body.in-stall #side-actions>:not(#act-mic),body.in-tambola #side-actions>:not(#act-mic),body.in-tambola #prompt,body.in-tambola #prompt2,body.in-tambola #hotbar,body.in-tambola #igniter-bar,body.in-tambola #touch-ui,body.in-tambola #hint{display:none!important}.shop-card{width:min(980px,100%)}.shop-head{margin-bottom:12px;display:flex;align-items:center;gap:10px;padding-right:36px}.shop-head h2{flex:1;min-width:0;margin:0;font-size:30px;line-height:1.2;white-space:nowrap;overflow:hidden}@media (max-width: 520px){.shop-card{padding-left:18px;padding-right:18px}.shop-head{flex-wrap:wrap;row-gap:6px;padding-right:8px}.shop-head h2{flex:1 1 100%;font-size:20px}}.wallet{flex:none;white-space:nowrap;background:#ffc23d1f;border:1px solid rgba(255,194,61,.5);color:var(--marigold);border-radius:999px;padding:3px 12px;font-weight:700;font-size:16px}.wallet b{color:#fff}.shop-body{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.shop-preview{position:relative;height:400px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 85%,#6a2a45,#2a1236 60%,#180a24)}#shop-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.shop-art{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;gap:14px}.shop-preview.art #shop-canvas,.shop-preview.art .drag-hint{display:none}.shop-preview.art .shop-art{display:flex}.shop-art .big-art{width:150px;height:150px;display:grid;place-items:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.shop-art .big-art svg{width:150px;height:150px}.shop-art .stock-line{color:var(--muted)}.shop-art .stock-line b{color:#fff;font-size:18px}.shop-side{display:flex;flex-direction:column;gap:12px;min-width:0}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;max-height:250px;overflow-y:auto;padding:2px}.shop-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;border-radius:var(--r-ctl, 12px);border:1px solid var(--line);background:#ffffff0a;color:var(--text);text-align:center;transition:background .15s,transform .12s}.shop-item:hover{background:#ffffff14;transform:translateY(-1px)}.shop-item.on{border-color:var(--marigold);background:#ff9a3c29}.si-art{width:56px;height:64px;display:grid;place-items:center}.si-art img{width:56px;height:64px;object-fit:contain}.si-art svg{width:44px;height:44px}.si-art .glyph{font-size:30px}.si-name{font-size:14px;font-weight:700;line-height:1.15}.si-price{font-size:12px;color:var(--marigold);font-weight:700}.shop-item .badge{position:absolute;top:5px;right:5px;font-size:12px;font-weight:700;padding:0 6px;border-radius:999px;background:#ffffff1f;color:var(--muted)}.shop-item .badge.on{background:#2e7d32;color:#fff}.shop-detail{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.shop-detail p{margin:0;color:#f3e4cf;font-size:14px}.sd-title b{font-size:18px}.sd-title .hi{color:var(--muted);font-size:14px}.sd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sd-actions .btn{flex:1 1 140px;justify-content:center;text-align:center;white-space:nowrap}.sd-actions .earn{flex:1 1 100%;color:var(--muted);font-size:12px}.buy-row{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid var(--line);border-radius:var(--r-ctl, 12px);padding:8px 10px}.qty{display:flex;align-items:center;gap:4px;background:#00000040;border-radius:999px;padding:3px}.qty button{width:32px;height:32px;border-radius:50%;border:none;background:#ff9a3c38;color:#fff;font-size:20px;font-weight:700;line-height:1}.qty button:active{transform:scale(.92)}.qty b{min-width:1.6em;text-align:center;font-size:18px}.buy-sum{display:flex;flex-direction:column;line-height:1.25}.buy-sum span{color:var(--muted);font-size:14px}@media (max-width: 760px){.shop-body{grid-template-columns:1fr}.shop-preview{height:260px}.shop-grid{max-height:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.shop-preview{height:230px}.shop-preview.art{height:150px}.shop-preview.art .big-art,.shop-preview.art .big-art svg{width:90px;height:90px}.wallet{font-size:16px;padding:3px 10px}}.slot .cnt{position:absolute;top:2px;right:5px;font-size:10px;font-weight:800;color:#fff;background:#00000073;border-radius:999px;padding:0 5px;line-height:1.4}.slot.empty .cnt{background:#8a1c1c}.sweet{position:relative}.sweet .cnt{position:absolute;top:5px;right:6px;font-size:12px;font-weight:800;color:var(--marigold)}.sweet.empty .art{opacity:.35;filter:grayscale(1)}.stat.coins{display:flex;align-items:center;gap:6px}.stat.coins b{color:var(--marigold)}.stat.coins .coin{font-size:18px;color:inherit}.touch-only{display:none}body.touch .touch-only{display:grid}.nametag.me .nm{display:none}body.touch .room-pill{padding:5px 10px;border-radius:14px}body.touch .room-name{font-size:14px}body.touch .code-btn{font-size:12px}body.touch #players-toggle{display:inline-block;margin:0 0 0 8px}body.touch .stat{padding:3px 9px;border-radius:12px}body.touch .stat b{font-size:14px}body.touch .act{width:34px;height:32px;border-radius:10px}body.touch .act i{font-size:16px}body.touch #side-actions{gap:5px;flex-wrap:nowrap}body.touch #more-menu .act{width:34px;height:32px}body.touch #chat{width:min(240px,56vw);pointer-events:none}body.touch.chat-open #touch-ui{visibility:hidden}body.touch #chat-log{max-height:46px;padding-top:0;-webkit-mask-image:none;mask-image:none}body.touch .msg{font-size:12px;transition:opacity .8s}body.touch .msg.faded{opacity:0}body.touch #chat .chat-row,body.touch #chat .emotes{display:none}body.touch.chat-open #chat{pointer-events:auto;width:min(420px,92vw)}body.touch.chat-open #chat .chat-row{display:flex}body.touch.chat-open #chat .emotes:not(.hidden){display:flex}body.touch.chat-open .msg.faded{opacity:1}body.touch.chat-open #chat-log{max-height:120px;background:#12061cbf;border-radius:12px;padding:6px 8px}body.touch #hotbar{padding:3px;gap:3px;border-radius:14px}body.touch .slot{height:42px;border-radius:10px}body.touch .slot .ic svg{width:24px;height:24px}body.touch .slot .cnt{font-size:10px}body.touch .slot.on{transform:translateY(-2px)}body.touch #igniter-bar{gap:4px}body.touch .ign{font-size:12px;padding:2px 8px 2px 4px}body.touch .ign svg{width:18px;height:18px}body.touch #prompt,body.touch #prompt2{font-size:14px;padding:4px 12px}body.touch #joy{width:104px;height:104px;opacity:.92;margin:0 0 16px 18px}body.touch #joy-knob{width:40px;height:40px;margin:-20px 0 0 -20px}body.touch .touch-btns{gap:8px}body.touch .tbtn{width:50px;height:50px;opacity:.92}body.touch .tbtn small{font-size:10px}body.touch .tbtn svg{width:18px;height:18px}body.touch .tbtn.big{width:60px;height:60px}@media (orientation: portrait){body.touch #hud{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;row-gap:6px}body.touch .z-tl{grid-area:1 / 1 / 2 / 2}body.touch .z-tr{display:contents}body.touch .z-tr>.stats{grid-area:1 / 2 / 2 / 3;align-self:start}body.touch #side-actions{grid-area:2 / 1 / 3 / 3;justify-content:flex-end;flex-direction:row}body.touch .z-tc{grid-area:3 / 1 / 4 / 3}body.touch .z-mid{grid-area:4 / 1 / 6 / 3;align-self:end}body.touch .z-bl{grid-area:4 / 1 / 5 / 3;align-self:end;margin-bottom:110px}body.touch.chat-open .z-bl{margin-bottom:0;grid-area:4 / 1 / 6 / 3;z-index:5}body.touch .z-bc{grid-area:6 / 1 / 7 / 3}}@media (orientation: landscape) and (max-height: 560px){body.touch #hud{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:10px}body.touch .z-tl{grid-area:1 / 1 / 2 / 2}body.touch .z-tr{display:contents}body.touch .z-tr>.stats{grid-area:1 / 2 / 2 / 3;justify-self:center;align-self:start}body.touch #side-actions{grid-area:1 / 3 / 2 / 4;flex-direction:row;align-self:start}body.touch .z-tc{grid-area:2 / 2 / 3 / 3;align-self:start}body.touch .z-mid{grid-area:2 / 1 / 4 / 4;align-self:end;pointer-events:none}body.touch .z-mid>*{pointer-events:auto}body.touch .z-bl{grid-area:2 / 1 / 3 / 2;align-self:end;margin-bottom:104px}body.touch.chat-open .z-bl{margin-bottom:0;grid-area:2 / 1 / 4 / 3;z-index:3}body.touch .z-bc{grid-area:3 / 1 / 4 / 4;padding:0 118px}body.touch .room-name{max-width:34vw}body.touch #joy{width:88px;height:88px;margin:0 0 40px 22px}body.touch .tbtn{width:44px;height:44px}body.touch .tbtn.big{width:54px;height:54px}body.touch .slot{height:38px;flex:none;width:42px}body.touch #hotbar{width:auto}}.share-btn{display:inline-block;margin:4px 0 0;color:#7ee2a0!important}.share-btn:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#25d366;margin-right:6px;vertical-align:middle}body.touch .share-btn{margin-left:8px}#lock-room{margin:0 0 6px}#lock-room.on{border-color:var(--saffron);color:#ffd9a6}#players-list .kick{background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;padding:0 6px}.form-err:empty{display:none}.form-err{min-height:1.2em;margin:6px 0 0;color:#ff9a9a;font-size:14px}.wish-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.wish-list li{display:flex;gap:8px;align-items:flex-start;background:#ffffff0a;border-radius:10px;padding:6px 10px;font-size:14px}.wish-list li span{flex:1}.wish-list li .who{color:var(--muted);font-size:12px;display:block}.wish-list button{flex:none;background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;font-size:12px;padding:2px 8px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.album-grid a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#000}.album-grid img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.album-grid .who{display:block;padding:4px 8px;font-size:12px;color:var(--muted);background:var(--panel-solid)}.album-empty{color:var(--muted)}#away{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0a0412b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.away-card{width:min(360px,88vw);background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:10px}.away-card b{font-family:Yatra One,serif;font-weight:400;color:var(--marigold);font-size:22px}.away-card p{margin:0;color:#f3e4cf}#event-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#280e0ae6;border:1px solid var(--saffron);border-radius:999px;padding:4px 6px 4px 14px;font-weight:700;font-size:14px;color:#ffe3b0;box-shadow:0 0 18px #ff8c284d;margin-bottom:6px}#event-pill button{border:none;border-radius:999px;padding:4px 14px;font:700 14px "Baloo 2",sans-serif;color:#fff;background:linear-gradient(135deg,#ff8a2b,#ff4f7b);cursor:pointer}.tasks-list{display:flex;flex-direction:column;gap:8px}.task{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.task>i{font-style:normal;font-size:24px;text-align:center}.task-body{display:flex;flex-direction:column;gap:2px;min-width:0}.task-body b{font-size:16px;color:#fff}.task-body span{font-size:14px;color:var(--muted);line-height:1.35}.task-bar{height:6px;border-radius:3px;background:#ffffff14;margin-top:6px;overflow:hidden}.task-bar div{height:100%;background:linear-gradient(90deg,#ff8a2b,#ffc23d);border-radius:3px}.task>em{font-style:normal;font-weight:800;font-size:14px;color:var(--marigold);text-align:right;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.task>em small{font-size:12px;color:var(--muted);font-weight:700}.task.done{border-color:#50c87873;background:#50c87812}.task.done>em{color:#7fe0a0}.tasks-note{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center}#rgphoto-modal .modal-card{width:min(440px,100%);display:flex;flex-direction:column;gap:12px}#rgphoto-modal h2{margin:0;padding-right:40px}#rgphoto-modal .close{position:absolute;top:18px;right:18px;margin:0}#rgp-modes button{font-size:14px;white-space:nowrap}#rgp-caption{width:100%;background:#00000059;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 14px;font-size:16px;outline:none}#rgp-caption:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff9a3c33}#rgphoto-modal .form-err{margin:-6px 0 0}.task-body .task-hint{display:block;margin-top:4px;color:#ffd27a;font-weight:600}.task-body .task-hint.wait{color:var(--muted);font-weight:400;font-style:italic}