:root{--pink:#ff5ca8;--hot:#f63088;--cream:#fff8ec;--ink:#301c36;--purple:#7451d4;--line:#eadced}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 4%,#ffe2f1,transparent 25%),var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:45px;background:#fff;border-bottom:1px solid var(--line)}.brand{font:30px Pacifico,cursive;color:var(--hot);text-decoration:none;line-height:.75}.brand span{display:block;margin-left:52px;color:var(--purple);font:700 9px "DM Sans";letter-spacing:4px;text-transform:uppercase}.nav{display:flex;gap:7px;margin:auto}.nav-item,.view-button{border:0;background:none;font:700 14px inherit;color:#806f83;cursor:pointer}.nav-item{padding:12px 18px;border-radius:14px}.nav-item.active{color:var(--hot);background:#fff0f7}.wallet{display:flex;gap:8px;align-items:center;padding:9px 15px;background:#fff5cf;border-radius:99px}.wallet span{color:#f4ad00}.hero{width:min(1150px,calc(100% - 40px));margin:44px auto 25px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--hot)}h1{font-size:clamp(38px,6vw,66px);line-height:.99;margin:9px 0 15px;letter-spacing:-3px}h1 em{font-family:Pacifico,cursive;font-weight:400;color:var(--hot);letter-spacing:-1px}.intro{max-width:520px;color:#746577;font-size:16px}.view-switch{display:flex;background:#fff;padding:5px;border:1px solid var(--line);box-shadow:0 12px 30px #7f5b7a12;border-radius:15px}.view-button{padding:12px 18px;border-radius:11px}.view-button.active{background:var(--ink);color:#fff}.world-card{position:relative;width:min(1150px,calc(100% - 40px));margin:0 auto 40px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #78526522;border:1px solid #fff}.world-toolbar{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.world-toolbar div{display:flex;align-items:center;gap:8px}.world-toolbar small{color:#9a8d9b}.world-toolbar p{font-size:12px;color:#9a8d9b}.live-dot{width:8px;height:8px;border-radius:50%;background:#4bd28c;box-shadow:0 0 0 4px #dff9ec}.world{height:min(570px,62vh);min-height:430px;position:relative;overflow:hidden}.world-2d{background-color:#e7d8fa;background-image:linear-gradient(45deg,#ffffff25 25%,transparent 25%,transparent 75%,#ffffff25 75%),linear-gradient(45deg,#ffffff25 25%,transparent 25%,transparent 75%,#ffffff25 75%);background-size:44px 44px;background-position:0 0,22px 22px}.path{position:absolute;background:#f7efff;border:2px dashed #dcc6ef}.path-h{left:0;right:0;height:90px;top:48%}.path-v{top:0;bottom:0;width:95px;left:48%}.place{position:absolute;z-index:2;border:0;border-radius:24px;width:160px;height:115px;color:var(--ink);box-shadow:0 10px 0 #b39cc8,0 18px 30px #4d356533;cursor:pointer;transition:.2s;font-family:inherit}.place:hover{transform:translateY(-5px)}.place span{font-size:42px;display:block}.place b{display:block}.cafe{left:9%;top:12%;background:#ffb4cf}.boutique{right:9%;top:12%;background:#b9e3ff}.garden{left:11%;bottom:10%;background:#b9ebc7}.club{right:11%;bottom:10%;background:#ffe081}.cloud{position:absolute;width:130px;height:35px;background:#ffffff6b;border-radius:99px;filter:blur(1px)}.cloud-a{top:7%;left:40%}.cloud-b{bottom:8%;right:40%}.avatar{position:absolute;z-index:8;filter:drop-shadow(0 8px 6px #54304633)}.avatar-2d{left:48%;top:48%;width:48px;height:72px;transition:left .12s,top .12s}.hair{position:absolute;width:42px;height:37px;left:3px;background:#59253d;border-radius:50% 50% 35% 35%}.face{position:absolute;left:8px;top:9px;width:32px;height:28px;border-radius:50%;background:#b96945;color:#34202a;text-align:center;font-size:12px;padding-top:7px}.dress{position:absolute;left:8px;top:32px;width:32px;height:35px;background:var(--hot);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);border-radius:7px}.avatar span,.npc span{display:block;position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;background:#fff;padding:2px 6px;border-radius:7px;white-space:nowrap}.npc{position:absolute;z-index:4;font-size:32px}.npc-one{top:40%;left:22%}.npc-two{bottom:25%;right:23%}.npc span{top:34px}.world-3d{background:linear-gradient(#9ddcff 0 45%,#f4c8df 45%);perspective:700px}.sky{position:absolute;inset:0 0 45%;background:linear-gradient(#83d6ff,#d6efff)}.sun{position:absolute;right:12%;top:15%;width:70px;height:70px;border-radius:50%;background:#fff4a8;box-shadow:0 0 45px #fff6b9}.scene-3d{position:absolute;inset:0;transform:translateY(0);transition:transform .15s}.floor-grid{position:absolute;left:-25%;right:-25%;bottom:-50%;height:105%;background:linear-gradient(90deg,#ffffff35 1px,transparent 1px),linear-gradient(#ffffff35 1px,transparent 1px),#efa9cc;background-size:55px 55px;transform:rotateX(58deg);transform-origin:top}.building{position:absolute;bottom:24%;width:190px;height:230px;border:8px solid #fff;border-bottom-width:18px;border-radius:80px 80px 8px 8px;box-shadow:0 18px 0 #653c7233;background:#fd79b7;color:#fff;font-family:inherit;cursor:pointer}.building i{display:block;font-style:normal;font-size:64px}.building b{display:block;background:#fff;color:var(--hot);padding:7px;font-size:12px}.building-left{left:6%;transform:skewY(4deg);background:#ff83b9}.building-center{left:50%;transform:translateX(-50%);background:#805ed6}.building-right{right:6%;transform:skewY(-4deg);background:#6dbedd}.tree{position:absolute;bottom:18%;font-size:80px;color:#65ac74;text-shadow:0 15px 0 #7a5261}.t1{left:28%}.t2{right:27%}.t3{right:2%;font-size:60px}.avatar-3d{position:absolute;bottom:24px;left:50%;width:48px;height:72px;transform:translateX(-50%) scale(1.25)}.mobile-controls{display:none;position:absolute;right:18px;bottom:18px;z-index:20;grid-template-columns:repeat(3,42px);gap:4px}.mobile-controls button{height:38px;border:0;border-radius:10px;background:#301c36cc;color:#fff}.mobile-controls button:first-child{grid-column:2}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:28px;padding:38px;text-align:center;max-width:390px;color:var(--ink);box-shadow:0 30px 100px #32162d66}dialog::backdrop{background:#31152b99;backdrop-filter:blur(6px)}dialog h2{font-size:32px;margin:5px}.dialog-icon{font-size:50px}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.primary{border:0;border-radius:12px;background:var(--hot);color:#fff;font:800 14px inherit;padding:13px 22px;cursor:pointer}@media(max-width:700px){.nav{display:none}.topbar{height:65px}.hero{margin-top:28px;display:block}.view-switch{margin-top:22px;width:max-content}.world-toolbar small,.world-toolbar p{display:none}.world{min-height:480px}.place{width:115px;height:92px}.place span{font-size:32px}.cafe{left:5%}.boutique{right:5%}.garden{left:5%}.club{right:5%}.building{width:130px;height:190px}.building-left{left:-4%}.building-right{right:-4%}.building i{font-size:45px}.tree{display:none}.mobile-controls{display:grid}}