.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 24px}.lobby-heading h1{font-size:33px;line-height:1.5;margin:6px 0;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.lobby-heading h1 em{font-style:normal;color:var(--green)}.lobby-heading p{font-size:17px;color:var(--muted);margin:6px 0;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-heading .btn{flex-shrink:0}.lobby-world{position:relative;height:570px;isolation:isolate;overflow:hidden;border:3px solid #324d34;box-shadow:5px 5px 0 #b9c7a2;background-color:#a6c77f;background-image:linear-gradient(45deg,#abcD831c 25%,transparent 25%,transparent 75%,#8daf671c 75%),linear-gradient(45deg,#bad88d40 25%,transparent 25%,transparent 75%,#7caa5a30 75%);background-size:36px 36px;background-position:0 0,18px 18px}.lobby-horizon{position:absolute;inset:0 0 auto;height:23%;background:#a5d7e6 url('assets/landscape.png') center 45%/cover;image-rendering:pixelated;border-bottom:8px solid #7aab5e}.festival-banner{position:absolute;left:50%;top:5%;transform:translateX(-50%);white-space:nowrap;padding:9px 26px;background:#fff5cf;border:3px solid #324d34;box-shadow:4px 4px 0 #324d3460;font:900 22px monospace;letter-spacing:2px;color:#345137;z-index:2;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.festival-banner span{color:#d99b3c}.festival-flags{position:absolute;left:4%;right:4%;top:16%;height:30px;overflow:hidden;color:#f8e9a2;text-shadow:15px 0 #e89898,30px 0 #b9b5e7;font-size:29px;letter-spacing:21px;white-space:nowrap;line-height:1;border-top:2px solid #3d6545;z-index:1;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.plaza-path{position:absolute;background:#e3d3a8;border:3px solid #bfaf84;box-shadow:inset 0 0 0 5px #efe1b9;z-index:-1;background-image:linear-gradient(90deg,transparent 97%,#c8b98e55 97%),linear-gradient(transparent 96%,#c8b98e55 96%);background-size:37px 37px}.plaza-path.horizontal{left:8%;right:8%;top:62%;height:17%}.plaza-path.vertical{width:16%;left:42%;top:76%;height:25%;border-top:0}.plaza-corner{position:absolute;width:34px;height:34px;background:#a8c980;top:61%;z-index:0}.plaza-corner.left{left:6%}.plaza-corner.right{right:6%}.lobby-booth{--accent:#c77978;--roof:#da9690;--roof-line:#b96c6d;position:absolute;left:var(--booth-x);top:27%;transform:translateX(-50%);width:24%;height:186px;padding:0;background:transparent;color:var(--ink);z-index:2;overflow:visible;filter:drop-shadow(5px 7px 0 #597a4245);-webkit-tap-highlight-color:transparent}.lobby-booth.lilac{--accent:#8c79ad;--roof:#b6a1d3;--roof-line:#8e7aaa}.lobby-booth.sky{--accent:#628f9e;--roof:#89b9c6;--roof-line:#64929f}.booth-sign{display:flex;position:absolute;left:4%;right:4%;top:0;transform:translateY(-19%);flex-direction:column;align-items:center;justify-content:center;background:#fffae9;border:3px solid #3c4d35;box-shadow:3px 3px 0 #3c4d3540;padding:8px 4px;z-index:4;min-height:64px}.booth-sign small{font:bold 13px monospace;letter-spacing:2px;color:var(--accent);line-height:1.4;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.booth-sign strong{font-size:25px;letter-spacing:-.5px;line-height:1.6;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.booth-roof{position:absolute;top:45px;left:-4%;width:108%;height:43px;background:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#ffffff1f 19px,#ffffff1f 22px),repeating-linear-gradient(0deg,var(--roof) 0,var(--roof) 10px,var(--roof-line) 10px,var(--roof-line) 13px);border:3px solid #3c4d35;box-shadow:0 5px 0 var(--roof-line);clip-path:polygon(5% 0,95% 0,95% 12%,100% 12%,100% 100%,0 100%,0 12%,5% 12%);z-index:3}.booth-wall{position:absolute;top:85px;bottom:0;left:2%;right:2%;background:repeating-linear-gradient(0deg,#fff5d9 0,#fff5d9 24px,#eadfbd 24px,#eadfbd 26px);border:3px solid #3c4d35;border-top:0;box-shadow:inset 8px 0 0 #e8d9b3,inset -8px 0 0 #e8d9b3}.booth-window{position:absolute;width:21%;height:38px;top:20px;background:#b8dee5;border:3px solid #4a6654;box-shadow:inset 0 -5px 0 #8bb7c3;display:grid;place-items:center;font:bold 20px monospace;color:#44716e;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.booth-window.left{left:8%}.booth-window.right{right:8%}.booth-door{position:absolute;width:28%;left:36%;bottom:0;height:77px;background:#344638;border:4px solid #675544;border-bottom:0;perspective:130px}.door-leaf{position:absolute;inset:0;background:var(--accent);border:2px solid #4b4940;box-shadow:inset 0 0 0 4px #ffffff17;transform-origin:left;transition:transform .22s ease}.door-leaf:before{content:'';position:absolute;width:60%;height:23px;left:20%;top:8px;background:#b8d8d1;border:2px solid #4b4940;box-shadow:inset 0 0 0 3px #ffffff22}.door-leaf i{position:absolute;width:6px;height:6px;background:#ffe39a;right:6px;top:60%}.lobby-booth:hover .door-leaf,.lobby-booth.near .door-leaf,.lobby-booth:focus-visible .door-leaf{transform:rotateY(-48deg)}.lobby-booth:hover .booth-sign,.lobby-booth.near .booth-sign{background:#fff6b9;border-color:#4d682f}.booth-step{position:absolute;bottom:-12px;left:31%;width:38%;height:13px;border:2px solid #7e8a68;background:#c2c6a3;box-shadow:0 5px 0 #8e9f79}.booth-caption{position:absolute;top:calc(100% + 21px);left:-10%;right:-10%;font-size:14px;color:#344b2f;white-space:nowrap;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.door-prompt{position:absolute;top:calc(100% + 44px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 10px;font-size:13px;background:#fff8df;border:1px solid #6f8059;box-shadow:2px 2px 0 #6f805944;color:#3c5632;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-booth.near .door-prompt{background:var(--lime);border:2px solid #344b2f}.lobby-booth.cleared .booth-sign:after{content:'CLEAR';position:absolute;right:-8px;top:-11px;background:#d9ef96;border:2px solid #4e683c;color:#3b5c2b;font:bold 12px monospace;padding:3px 7px;transform:rotate(8deg);font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.map-tree{position:absolute;width:75px;height:110px;object-fit:contain;image-rendering:pixelated;z-index:3;pointer-events:none}.tree-one{left:-1%;top:37%;width:80px}.tree-two{right:0;top:67%;width:100px;height:130px}.map-bush{position:absolute;width:95px;height:65px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.bush-one{left:4%;top:83%}.bush-two{right:5%;top:32%;width:60px}.map-flower{position:absolute;color:#fff1b2;font-size:32px;text-shadow:2px 2px #dcaa81;pointer-events:none;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.flower-one{left:29%;top:84%}.flower-two{right:27%;top:80%;color:#f3c6cd}.flower-three{left:4%;top:69%;font-size:22px;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.lobby-avatar{position:absolute;width:58px;height:76px;transform:translate(-50%,-100%);pointer-events:none;z-index:5;will-change:left,top}.lobby-avatar img{position:relative;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;z-index:1}.lobby-avatar.facing-left img{transform:scaleX(-1)}.avatar-shadow{position:absolute;bottom:1px;width:42px;left:8px;height:9px;background:#233b2840;border-radius:50%;z-index:0}.avatar-name{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#fffdf2ee;border:1px solid #536c43;box-shadow:2px 2px 0 #536c4344;padding:3px 8px;font-size:13px;white-space:nowrap;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-avatar.walking img{animation:walk-bob .22s steps(2,end) infinite}.plaza-welcome{position:absolute;left:12%;bottom:9%;color:#45603a;font:bold 21px monospace;letter-spacing:1px;transform:rotate(-4deg);text-align:center;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.plaza-welcome span{display:block;font:13px Galmuri,'Malgun Gothic',sans-serif;margin-top:6px;letter-spacing:0;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:18px;white-space:nowrap;padding:8px 14px;background:#fffae9f0;border:1px solid #678353;box-shadow:2px 2px 0 #67835344;font-size:13px;z-index:6;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-controls kbd{font-family:monospace;background:#f0e7cc;border:1px solid #baae89;padding:2px 5px}.lobby-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lobby-footer-note{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:15px 0;color:var(--muted);font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-footer-note span:first-child{color:#527244}@keyframes walk-bob{50%{translate:0 -4px}}
@media(max-width:850px){.lobby-heading{align-items:start}.lobby-heading h1{font-size:28px;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.lobby-heading p{font-size:16px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-heading .btn{padding:10px 13px;font-size:14px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-world{height:510px}.lobby-booth{height:160px;width:25%}.booth-sign{min-height:60px}.booth-sign strong{font-size:20px;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.booth-wall{top:77px}.booth-roof{top:43px;height:36px}.booth-window{width:20%;height:28px;font-size:14px;top:17px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.booth-door{height:65px;width:30%;left:35%}.door-leaf:before{height:17px}.tree-one{width:60px}.tree-two{width:70px}.booth-caption{font-size:12px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.door-prompt{font-size:12px;padding:4px 6px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-controls{font-size:12px;gap:10px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.festival-banner{font-size:18px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-footer-note{font-size:13px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}}
@media(max-width:600px){.lobby-heading{flex-direction:column;gap:10px;margin-bottom:18px}.lobby-heading h1{font-size:25px;margin:5px 0;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.lobby-heading p{font-size:14px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-heading .btn{align-self:flex-start}.lobby-world{height:465px;border-width:2px}.festival-banner{font-size:14px;letter-spacing:1px;padding:8px 12px;top:5%;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.festival-flags{font-size:25px;letter-spacing:13px;top:17%;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.lobby-booth{height:137px;width:27%;top:30%}.booth-sign{left:0;right:0;min-height:59px;padding:6px 2px;border-width:2px}.booth-sign small{font-size:10px;letter-spacing:1px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.booth-sign strong{font-size:16px;line-height:1.5;letter-spacing:-.5px;max-width:90%;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.booth-roof{top:43px;height:30px;border-width:2px}.booth-wall{top:72px;border-width:2px;box-shadow:inset 4px 0 0 #e8d9b3,inset -4px 0 0 #e8d9b3}.booth-door{height:56px;left:31%;width:38%;border-width:3px}.booth-window{height:20px;top:13px;width:18%;font-size:10px;border-width:2px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.booth-window.left{left:5%}.booth-window.right{right:5%}.door-leaf:before{height:13px;top:6px;border-width:1px}.door-leaf i{width:4px;height:4px;right:3px}.booth-caption{font-size:10px;letter-spacing:-.5px;white-space:normal;left:-4%;right:-4%;line-height:1.4;top:calc(100% + 19px);font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.door-prompt{font-size:10px;top:calc(100% + 47px);padding:3px 4px;border-width:1px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-booth.near .door-prompt{border-width:1px}.booth-step{height:10px;bottom:-9px}.map-tree.tree-one{width:42px;left:-2%;top:40%}.map-tree.tree-two{width:57px;right:-2%;top:72%;height:86px}.map-bush.bush-one{width:65px;left:0;top:84%}.bush-two{width:40px;right:2%;top:25%}.lobby-avatar{width:44px;height:59px}.avatar-name{font-size:10px;padding:2px 5px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.avatar-shadow{width:30px;left:7px;height:7px}.lobby-controls{bottom:12px;width:90%;padding:8px;white-space:normal;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.5;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-controls span:last-child{width:100%;text-align:center}.plaza-welcome{font-size:16px;left:6%;bottom:16%;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.plaza-welcome span{font-size:10px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.map-flower{font-size:23px;font-synthesis:none;font-family:var(--title-font);font-synthesis:none;}.flower-one{top:79%;left:24%}.flower-two{top:84%;right:23%}.lobby-footer-note{flex-direction:column;gap:4px;font-size:13px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}.lobby-booth.cleared .booth-sign:after{font-size:9px;padding:2px 4px;right:-3px;font-synthesis:none;font-family:var(--body-font);font-synthesis:none;}}
@media(prefers-reduced-motion:reduce){.door-leaf{transition:none}.lobby-avatar.walking img{animation:none}}
.booth-sign strong{word-break:keep-all;}