:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17222b;background:#a9ddec}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}h1,h2,p{margin:0}button{border:0;border-radius:8px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;border:1px solid rgba(23,34,43,.18);border-radius:8px;padding:11px 12px;background:#fff;color:#17222b}.landing-shell{position:relative;min-height:100vh;overflow:hidden;background:#a7deed}.landing-art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c80cadb,#0c80ca00 95px),radial-gradient(circle at 50% 28%,#ffffffd1,#fff0 25%),linear-gradient(90deg,#aee9f3 0,#d8f7fb,#aee9f3)}.landing-art:before{content:"";position:absolute;top:58px;right:0;bottom:0;left:0;background:url(/assets/scenes/default-world/plaza/background.webp) center top / cover no-repeat;opacity:.72;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 88%);mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 88%)}.landing-art:after{content:"";position:absolute;left:50%;top:145px;width:min(620px,72vw);aspect-ratio:16 / 9;transform:translate(-50%);border:4px solid rgba(36,156,215,.58);border-radius:8px;box-shadow:0 16px 36px #1156803d,inset 0 0 0 1px #ffffff85}.landing-nav{position:relative;z-index:1;height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1495e2,#0478c7);border-bottom:1px solid rgba(3,70,118,.42);box-shadow:inset 0 -1px #ffffff4d;color:#fff}.brand{display:flex;gap:10px;align-items:center}.brand svg{width:32px;height:32px}.brand-mark{flex:0 0 auto;filter:drop-shadow(0 2px 0 rgba(0,74,128,.22))}.brand-mark-shell{fill:#ffe477;stroke:#7f6a2a;stroke-width:3;stroke-linejoin:round}.brand-mark-crack{fill:none;stroke:#7f6a2a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-mark-light{fill:none;stroke:#ffffffb8;stroke-width:4;stroke-linecap:round}.brand.compact{font-size:20px;font-weight:900;text-shadow:0 2px rgba(0,74,128,.28)}.landing-panel{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));margin:46px auto 0;display:grid;gap:18px;justify-items:center;text-align:center}.landing-copy{display:grid;gap:10px;color:#fff;text-shadow:0 3px 0 rgba(0,83,137,.45),0 8px 22px rgba(0,89,135,.32)}.landing-copy h1{font-size:clamp(42px,7vw,76px);line-height:.92;letter-spacing:0}.landing-copy p{max-width:520px;font-size:18px;line-height:1.45;font-weight:750}.field{display:grid;gap:7px;font-weight:800;font-size:14px;text-align:left}.landing-form{width:min(360px,100%);margin-top:245px;display:grid;gap:14px;text-align:left}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:8px;background:#ffffffb8;border:1px solid rgba(23,34,43,.1)}.mode-tabs button{min-height:40px;background:transparent;color:#17536c;font-weight:900}.mode-tabs button.selected{background:#fff;box-shadow:0 6px 16px #1156801f}.mode-tabs.subtle{background:#ffffff7a}.account-grid,.file-grid{display:grid;gap:10px}.file-grid{grid-template-columns:1fr 1fr}.pet-setup{display:grid;gap:10px}.pet-setup p{color:#164157;font-weight:800;text-align:center}.pet-setup .privacy-note{padding:9px 10px;border-radius:8px;background:#ffffffc7;color:#355862;font-size:12px;line-height:1.35;font-weight:750;text-align:left}.file-picker{min-height:82px;padding:12px;display:grid;align-content:center;gap:5px;border-radius:8px;background:#ffffffdb;border:1px dashed rgba(22,91,122,.38);color:#164157;cursor:pointer}.file-picker span{font-size:13px;font-weight:850}.file-picker strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{display:none}.landing-name{color:#164157}.landing-actions{width:min(520px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:linear-gradient(#ffe36b,#f4a924);color:#3d321d;border:1px solid rgba(111,71,11,.22);box-shadow:inset 0 2px #ffffff6b,0 8px #d78318,0 16px 28px #495d472e;font-weight:900}.secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:8px;background:linear-gradient(#fff,#dff5fb);color:#165c7a;border:1px solid rgba(22,91,122,.2);box-shadow:inset 0 2px #ffffffb8,0 8px #9acfe0,0 16px 28px #495d471f;font-weight:900}.secondary input{display:none}.jumbo{min-height:58px;padding:0 22px;font-size:19px}.landing-pet{width:min(420px,100%);padding:12px 14px;display:flex;gap:12px;align-items:center;text-align:left;background:#ffffffd1;border:1px solid rgba(23,34,43,.1);border-radius:8px;box-shadow:0 10px 28px #11568024}.landing-pet img{width:54px;height:54px;object-fit:contain}.landing-pet div{display:grid;gap:2px}.landing-pet span,.room-status{color:#5e6d72;font-size:14px}.error{color:#9d2f2f!important}.landing-error{padding:9px 12px;border-radius:8px;background:#ffffffd1;font-weight:750}.game-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#8ed4f8}.room-stage{display:block;width:100vw;height:100vh;background:#8ed4f8;cursor:pointer}.game-hud{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none}.game-hud .brand,.room-status,.chat-bar{pointer-events:auto;border:1px solid rgba(23,34,43,.12);background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #133e5429}.game-hud .brand{min-height:46px;padding:0 14px;border-radius:8px;color:#15536d;text-shadow:none}.room-status{min-height:42px;max-width:min(520px,58vw);padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;gap:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#294955;font-weight:750}.chat-bar{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(620px,calc(100vw - 32px));transform:translate(-50%);display:grid;grid-template-columns:44px auto minmax(0,1fr) 44px 44px;gap:10px;align-items:center;border-radius:8px;padding:10px}.account-card{position:absolute;right:18px;bottom:96px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 132px);overflow:auto;padding:16px;display:grid;gap:14px;border-radius:8px;border:1px solid rgba(23,34,43,.14);background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 52px #133e543d}.account-card-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-card-header span,.section-heading span,.account-stats span,.pet-tile span,.account-note{color:#5e6d72;font-size:13px;font-weight:750}.account-card-header h2,.section-heading h3{margin:0}.account-card-header h2{font-size:24px}.section-heading h3{font-size:16px}.account-card-header button,.text-button{min-height:34px;background:#e3f0ed;color:#1e5c58;font-weight:850}.account-card-header button{width:38px}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-stats div{padding:12px;display:grid;gap:2px;border-radius:8px;background:#f4fbfa;border:1px solid rgba(39,125,120,.14)}.account-stats strong{font-size:26px;color:#15536d}.account-section{display:grid;gap:10px}.pet-tile,.pet-row{display:flex;align-items:center;gap:10px;border-radius:8px;border:1px solid rgba(23,34,43,.1);background:#fff}.pet-tile{padding:10px}.pet-tile.active{background:#fff8dc;border-color:#d8831861}.pet-tile div{min-width:0;display:grid;gap:2px}.pet-thumb{width:48px;height:52px;object-fit:contain;flex:0 0 auto}.sprite-thumb{display:inline-block;background-repeat:no-repeat;background-size:800% 900%;background-position:0 0;border-radius:6px}.pet-list{display:grid;gap:8px}.pet-row{min-height:58px;justify-content:flex-start;padding:6px 10px;color:#17222b;font-weight:850}.pet-row.selected{box-shadow:inset 0 0 0 2px #f4a924b8}.account-upload{display:grid;gap:10px}.file-grid.compact .file-picker{min-height:66px}.add-pet-button{box-shadow:none}.badge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge-item{min-width:0;padding:8px;display:grid;justify-items:center;gap:5px;border-radius:8px;background:#f4fbfa;border:1px solid rgba(39,125,120,.14);text-align:center}.badge-item img{width:54px;height:54px;object-fit:contain}.badge-item span{font-size:12px;font-weight:850}.nearby-list{display:grid;gap:8px}.nearby-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 12px;border-radius:8px;border:1px solid rgba(23,34,43,.1);background:#fff;font-weight:850}.nearby-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-row div{display:flex;gap:6px;flex:0 0 auto}.nearby-row button{min-width:34px;min-height:34px;background:#e3f0ed;color:#1e5c58;box-shadow:none}.account-error{padding:8px 10px;border-radius:8px;background:#fff1f1}.chat-bar svg{color:#277d78}.chat-bar button{min-width:44px;background:#e3f0ed;color:#1e5c58}@media(max-width:720px){body{overflow:auto}.landing-panel{margin-top:34px}.landing-form{margin-top:205px}.landing-actions,.file-grid{grid-template-columns:1fr}.game-hud{align-items:flex-start}.room-status{max-width:48vw;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;white-space:normal}}