:root{
  --ink:#27223a; --muted:#746c8f; --cream:#fff8e8; --glass:rgba(255,255,255,.76);
  --purple:#7c5cff; --pink:#ff5fb7; --cyan:#15c8e7; --green:#52dd74; --yellow:#ffd35c; --orange:#ff9e53;
  --shadow:0 24px 70px rgba(65,48,104,.18); --soft:0 12px 32px rgba(96,84,150,.16);
  --uiScale:1;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0;overflow:hidden;font-family:"Trebuchet MS","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#eafaff;touch-action:none;user-select:none}
button,input{font:inherit} button{cursor:pointer;border:0;color:inherit} img{display:block;max-width:100%}
.app-bg{position:fixed;inset:0;background:linear-gradient(180deg,#d9fbff 0%,#fff4dd 78%,#ffe9d2 100%);z-index:-3;overflow:hidden}.app-bg:after{content:"";position:absolute;inset:auto -10% -15% -10%;height:45%;background:radial-gradient(ellipse at center,#b3f6a8 0%,#83e989 50%,#74dc78 100%);border-radius:60% 60% 0 0;filter:blur(.2px)}
.blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.52;animation:floaty 8s ease-in-out infinite}.b1{width:380px;height:380px;background:#fff;left:8%;top:11%}.b2{width:280px;height:280px;background:#ffb7dc;right:16%;top:2%;animation-delay:-2s}.b3{width:420px;height:420px;background:#d5c8ff;left:42%;bottom:-12%;animation-delay:-4s}.star{position:absolute;color:white;text-shadow:0 0 20px rgba(124,92,255,.35);font-size:32px;animation:twinkle 1.6s ease-in-out infinite}.s1{left:25%;top:8%}.s2{right:12%;top:16%;animation-delay:.4s}.s3{left:66%;top:5%;animation-delay:.8s}
@keyframes floaty{50%{transform:translate3d(0,18px,0) scale(1.03)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.75) rotate(25deg)}}
.loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:linear-gradient(180deg,#e9fbff,#fff4e8);transition:.55s ease}.loader.hide{opacity:0;pointer-events:none;transform:scale(1.02)}.loader-card{width:min(420px,86vw);background:white;border-radius:36px;padding:34px;text-align:center;box-shadow:var(--shadow);border:3px solid rgba(255,255,255,.9)}.loader-logo{font-size:76px;animation:bounce 1.1s ease-in-out infinite}.loader-card h1{margin:0;font-size:38px;color:var(--purple)}.loader-card p{margin:7px 0 22px;color:var(--muted)}.loader-bar{height:14px;background:#efe9ff;border-radius:99px;overflow:hidden}.loader-bar i{display:block;height:100%;width:45%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink));animation:load 1.3s ease-in-out infinite}@keyframes load{50%{transform:translateX(-120%);width:75%}}
.glass{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.72);box-shadow:var(--soft)}
.shell{height:100%;padding:clamp(8px,1.2vw,18px);display:flex;flex-direction:column;gap:12px;position:relative}.topbar{height:86px;border-radius:36px;display:grid;grid-template-columns:auto auto auto 1fr auto auto;align-items:center;gap:14px;padding:10px 18px;z-index:12}.round-btn{width:56px;height:56px;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(106,81,163,.12);display:grid;place-items:center;font-size:24px;transition:.18s transform,.18s filter}.round-btn:hover,.round-btn:active{transform:translateY(-2px) scale(1.04)}.round-btn.sound.on span{animation:pulse 1.1s ease-in-out infinite}.counter{height:48px;min-width:104px;border-radius:22px;background:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,206,89,.42);font-weight:900}.brand{justify-self:center;display:flex;align-items:center;gap:14px;background:transparent;text-align:right;transition:.2s}.brand b{display:block;font-size:clamp(28px,3.6vw,48px);line-height:1;color:var(--purple);letter-spacing:-1px;text-shadow:0 4px 0 rgba(255,255,255,.7)}.brand small{display:block;color:var(--muted);font-weight:800}.brand-spark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:36px;color:white;background:linear-gradient(135deg,#ffb769,#ff6fc6);box-shadow:0 14px 28px rgba(255,111,198,.22);animation:sparkspin 4s linear infinite}.profile-card{height:64px;border-radius:28px;background:rgba(255,255,255,.78);display:flex;align-items:center;gap:12px;padding:6px 12px 6px 18px;min-width:220px;text-align:right;border:1px solid rgba(124,92,255,.12);box-shadow:var(--soft);transition:.2s}.profile-card:hover{transform:translateY(-2px)}.profile-meta b{font-size:21px}.profile-meta small{display:block;color:var(--muted)}.profile-avatar{width:66px;height:66px;border-radius:20px;background:linear-gradient(#fff,#ffeebb);position:relative;overflow:hidden;border:3px solid white;box-shadow:0 8px 16px rgba(0,0,0,.08)}.profile-avatar img{height:92px;width:auto;position:absolute;bottom:-18px;left:50%;transform:translateX(-50%)}.profile-avatar i{position:absolute;top:-10px;left:-8px;font-style:normal;font-size:24px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.15))}@keyframes sparkspin{to{transform:rotate(360deg)}}
.screen{display:none;min-height:0;flex:1}.screen.active{display:block;animation:screenIn .45s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(18px) scale(.985)}}
.layout-map{height:100%;display:grid;grid-template-columns:minmax(660px,1fr) 470px;gap:18px}.world-card{position:relative;border-radius:34px;overflow:hidden;min-height:0;background:linear-gradient(#aeeffc 0 31%,#92ed92 31% 100%);box-shadow:var(--shadow)}.field-lines{position:absolute;inset:31% 0 0;background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.12) 0 8%,transparent 9% 100%),repeating-radial-gradient(ellipse at 50% 50%,rgba(38,167,75,.075) 0 5%,transparent 5% 11%)}.skyline .sun,.sun{position:absolute;width:96px;height:96px;border-radius:50%;background:var(--yellow);top:56px;right:44%;box-shadow:0 0 0 26px rgba(255,211,92,.22);animation:floaty 5s ease-in-out infinite}.cloud{position:absolute;width:160px;height:45px;border-radius:99px;background:rgba(255,255,255,.82);top:80px;animation:drift 12s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:78px;height:78px;right:30px;bottom:0}.cloud:after{width:62px;height:62px;left:30px;bottom:0}.c1{right:4%}.c2{left:9%;top:120px;animation-duration:15s}.map-path{position:absolute;background:#f9d88e;border-radius:80px;box-shadow:inset 0 8px 0 rgba(218,163,72,.14)}.path-a{width:76%;height:86px;top:55%;right:12%;transform:rotate(-5deg)}.path-b{width:58%;height:72px;top:42%;left:-7%;transform:rotate(36deg)}@keyframes drift{50%{transform:translateX(-50px)}}
.game-zone{position:absolute;border-radius:34px;background:rgba(255,255,255,.72);border:3px solid rgba(255,255,255,.75);box-shadow:0 18px 35px rgba(73,51,129,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink);transition:.22s transform,.22s box-shadow,.22s filter;overflow:visible;min-width:152px;min-height:146px}.game-zone:hover,.game-zone:active{transform:translateY(-8px) scale(1.035);box-shadow:0 25px 54px rgba(93,61,154,.22);filter:saturate(1.08)}.game-zone strong{font-size:22px}.game-zone em{font-style:normal;font-size:14px;border-radius:18px;padding:6px 18px;color:white;background:linear-gradient(90deg,var(--purple),var(--pink));font-weight:900}.zone-num{position:absolute;top:-18px;left:18px;width:46px;height:46px;border-radius:50%;background:white;color:var(--purple);display:grid;place-items:center;font-weight:1000;box-shadow:0 10px 20px rgba(0,0,0,.08)}.zone-hide{width:330px;height:260px;right:36%;top:22%;border-color:#d9ef7c;background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,251,205,.82));animation:heroPulse 2.4s ease-in-out infinite}.zone-hide .zone-glow{position:absolute;inset:-14px;border-radius:42px;border:5px solid rgba(255,241,101,.58);animation:glowRing 1.7s ease-in-out infinite;pointer-events:none}.zone-cat{right:8%;top:26%;background:linear-gradient(#fff,#eafbff)}.zone-chair{left:7%;top:24%;background:linear-gradient(#fff,#f0e9ff)}.zone-rope{right:12%;bottom:8%;background:linear-gradient(#fff,#ffe2f5)}.zone-hunt{right:43%;bottom:7%;background:linear-gradient(#fff,#e8fff0)}.zone-soon{left:9%;bottom:15%;filter:grayscale(.15);background:linear-gradient(#fff,#f1f1f1)}.house-art{position:relative;width:120px;height:92px}.house-art i{position:absolute;right:8px;left:8px;bottom:0;height:62px;background:#fff1bf;border-radius:16px;border:6px solid white;box-shadow:inset 0 -8px rgba(255,195,94,.18)}.house-art b{position:absolute;right:0;top:0;width:120px;height:72px;background:#ff845a;clip-path:polygon(50% 0,100% 52%,0 52%);filter:drop-shadow(0 6px 0 rgba(155,79,66,.12))}.cat-art,.chair-art,.rope-art,.hunt-art,.lock-art{font-size:72px;line-height:1;filter:drop-shadow(0 10px 0 rgba(0,0,0,.08));animation:bounce 2.2s ease-in-out infinite}.cat-art small{font-size:50px}.zone-chair .chair-art{animation-delay:.25s}.zone-rope .rope-art{animation-delay:.5s}.zone-hunt .hunt-art{animation-delay:.75s}@keyframes heroPulse{50%{transform:translateY(-5px)}}@keyframes glowRing{50%{opacity:.38;transform:scale(1.035)}}@keyframes bounce{50%{transform:translateY(-10px)}}
.map-character{position:absolute;width:auto;filter:drop-shadow(0 20px 18px rgba(32,28,56,.16));animation:charIdle 2.2s ease-in-out infinite}.map-rimi{height:245px;right:26%;bottom:17%}.map-emily{height:220px;right:47%;bottom:18%;animation-delay:.35s}.map-noor{height:245px;left:27%;bottom:12%;animation-delay:.7s}@keyframes charIdle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.sparkle-ring{position:absolute;border:3px solid rgba(255,255,255,.8);width:70px;height:70px;border-radius:50%;animation:ring 2s ease-out infinite}.r1{right:32%;top:17%}.r2{left:27%;bottom:28%;animation-delay:1s}@keyframes ring{to{opacity:0;transform:scale(2.1)}}
.side-panel{border-radius:34px;padding:38px 30px;display:flex;flex-direction:column;justify-content:center;gap:20px}.version{align-self:flex-start;background:linear-gradient(90deg,#ff9f55,#ff6fb7);color:white;border-radius:999px;padding:8px 20px;font-weight:1000;box-shadow:0 10px 18px rgba(255,111,183,.24)}.side-panel h2{font-size:42px;color:var(--purple);line-height:1.08;margin:0}.side-panel p{font-size:18px;line-height:1.9;color:var(--muted);margin:0}.mode-grid{display:grid;gap:12px}.play-btn,.creator-cta{border-radius:22px;padding:16px 20px;background:linear-gradient(90deg,var(--purple),var(--pink));color:white;font-weight:1000;box-shadow:0 18px 25px rgba(124,92,255,.22);display:flex;align-items:center;gap:14px;justify-content:center;transition:.18s}.play-btn:hover,.creator-cta:hover,.play-btn:active{transform:translateY(-3px) scale(1.02)}.play-btn span{font-size:28px}.play-btn small{display:block;font-weight:800;opacity:.85}.play-btn.alt{background:linear-gradient(90deg,var(--cyan),#42e07d)}.creator-cta{background:white;color:var(--purple);border:2px solid rgba(124,92,255,.18)}.tip-box{border-radius:20px;background:#fff8df;border:1px solid #ffe2a4;color:#6b5838;padding:14px 18px;line-height:1.75;font-weight:800}
.game-shell{position:relative;height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(#9ff1ff 0 24%,#8aee8b 24% 100%);box-shadow:var(--shadow);touch-action:none}.game-top{position:absolute;top:14px;right:14px;left:14px;height:62px;border-radius:26px;z-index:20;display:flex;align-items:center;gap:12px;padding:8px 12px}.game-title{margin-inline:auto;text-align:center}.game-title b{font-size:28px;color:var(--purple);display:block}.game-title small{color:var(--muted);font-weight:900}.hud{height:46px;min-width:128px;border-radius:20px;background:rgba(255,255,255,.78);display:grid;place-items:center;font-weight:1000;box-shadow:0 8px 18px rgba(0,0,0,.07)}.objective{position:absolute;top:90px;right:50%;transform:translateX(50%);z-index:19;border-radius:18px;padding:12px 26px;font-size:18px;font-weight:900;min-width:420px;text-align:center;color:#554b70}.viewport{position:absolute;inset:0;border-radius:32px;overflow:hidden;touch-action:none;background:linear-gradient(#b8f5ff 0 24%,#90ec91 24% 100%)}.world{position:absolute;width:2600px;height:1500px;right:0;top:0;transform-origin:0 0;will-change:transform;touch-action:none}.terrain{position:absolute;border-radius:50%;opacity:.38}.t1{width:520px;height:380px;background:#52ce60;right:520px;top:825px}.t2{width:430px;height:300px;background:#58cf61;right:1550px;top:980px}.t3{width:400px;height:320px;background:#3fc95a;right:1880px;top:470px}.road{position:absolute;background:#f7d78d;border-radius:70px;box-shadow:inset 0 10px rgba(210,160,83,.14);opacity:.98}.main-road{width:2200px;height:96px;right:165px;top:680px;transform:rotate(-7deg)}.cross-road{width:1500px;height:90px;right:450px;top:330px;transform:rotate(31deg)}.pond{position:absolute;right:1120px;top:510px;width:460px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6ee8ff,#37bced);box-shadow:inset 0 -16px rgba(0,113,165,.12)}.pond i{position:absolute;width:100px;height:20px;border-radius:99px;background:#d5ffd0;right:120px;top:80px}.pond b{position:absolute;width:80px;height:24px;border-radius:99px;background:#d5ffd0;left:105px;top:145px}.bridge{position:absolute;right:1210px;top:590px;width:230px;height:74px;border-radius:50px;background:repeating-linear-gradient(90deg,#bf7a32 0 28px,#a96526 28px 34px);transform:rotate(-10deg);box-shadow:0 15px 18px rgba(116,73,38,.2)}.game-cloud{position:absolute;width:190px;height:50px;border-radius:999px;background:rgba(255,255,255,.78);top:115px;animation:drift 13s ease-in-out infinite}.game-cloud:before,.game-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.game-cloud:before{width:80px;height:80px;bottom:0;right:35px}.game-cloud:after{width:65px;height:65px;bottom:0;left:35px}.g1{right:300px}.g2{right:1850px;top:210px;animation-delay:1s}.sun-game{position:absolute;right:900px;top:105px;width:90px;height:90px;border-radius:50%;background:#ffdf5a;box-shadow:0 0 0 28px rgba(255,226,99,.24)}
.place{position:absolute;right:var(--x);top:var(--y);filter:drop-shadow(0 20px 20px rgba(54,38,90,.14));animation:subtle 3s ease-in-out infinite}.place.big{width:310px;height:230px}.place.house i{position:absolute;inset:74px 24px 0;background:#fff4c7;border:8px solid white;border-radius:24px}.place.house b{position:absolute;right:0;top:0;width:310px;height:160px;background:#ff7e58;clip-path:polygon(50% 0,100% 58%,0 58%)}.place.house span{position:absolute;width:60px;height:88px;border-radius:30px 30px 12px 12px;background:#875334;bottom:0;right:124px;border:6px solid #fff0be}.place.school{width:250px;height:190px}.place.school i{position:absolute;inset:60px 10px 0;background:#efe1ff;border-radius:18px;border:8px solid white}.place.school b{position:absolute;right:35px;left:35px;top:0;height:100px;background:#8c61ff;clip-path:polygon(50% 0,100% 65%,0 65%)}.place.shop{width:210px;height:140px}.place.shop i{position:absolute;inset:40px 10px 0;background:#ffefc3;border:7px solid white;border-radius:22px}.place.shop b{position:absolute;right:18px;left:18px;top:0;height:72px;border-radius:16px 16px 0 0;background:repeating-linear-gradient(90deg,#ff6262 0 24px,#fff 24px 48px)}.place.tent{width:210px;height:130px}.place.tent i{display:block;width:210px;height:130px;background:linear-gradient(135deg,#ffb944 0 50%,#ff6fb7 50%);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:18px}.place.car{width:170px;height:90px}.place.car i{position:absolute;inset:25px 12px 10px;background:#ff4f45;border-radius:38px 38px 22px 22px;border:6px solid white}.place.car b:before,.place.car b:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:#2e3046;bottom:0}.place.car b:before{right:35px}.place.car b:after{left:35px}@keyframes subtle{50%{transform:translateY(-5px)}}
.hide-spot{position:absolute;right:var(--x);top:var(--y);width:138px;height:118px;border-radius:32px;background:rgba(255,255,255,.5);box-shadow:0 16px 30px rgba(69,53,119,.12);border:4px solid rgba(255,255,255,.65);display:grid;place-items:center;transition:.16s transform;touch-action:manipulation}.hide-spot:hover,.hide-spot.near{transform:translateY(-6px) scale(1.06)}.hide-spot em{font-style:normal;font-size:42px;position:relative;z-index:2}.hide-spot span{position:absolute;inset:14px;border-radius:30px}.hide-spot.bush span{background:radial-gradient(circle at 30% 35%,#66de66 0 18%,transparent 19%),radial-gradient(circle at 60% 28%,#4dca55 0 24%,transparent 25%),radial-gradient(circle at 50% 65%,#39b84a 0 45%,transparent 46%)}.hide-spot.box span{background:#d79a4a;border-radius:12px;box-shadow:inset 0 -12px #b97932}.hide-spot.tree span{background:radial-gradient(circle,#37be50 0 54%,transparent 55%)}.hide-spot.tree:after{content:"";position:absolute;width:34px;height:60px;background:#a8642d;bottom:8px;border-radius:18px}.hide-spot.curtain span{background:repeating-linear-gradient(90deg,#ff92c8 0 18px,#ffd0e8 18px 36px);border-radius:8px 8px 22px 22px}.hide-spot.barrel span{background:#a36a3b;border-radius:22px;box-shadow:inset 0 14px rgba(255,255,255,.18),inset 0 -14px rgba(0,0,0,.12)}.hide-spot.flowers span{background:radial-gradient(circle at 20% 40%,#ff6fb7 0 9%,transparent 10%),radial-gradient(circle at 45% 34%,#ffd35c 0 10%,transparent 11%),radial-gradient(circle at 72% 48%,#8c61ff 0 10%,transparent 11%),#78d76a}.hide-spot.fence span{background:repeating-linear-gradient(90deg,#c78b4b 0 20px,#a66b35 20px 27px);border-radius:12px}.hide-spot.hint{animation:wiggle .7s ease-in-out 3}.hide-spot.hasHider:before{content:"";position:absolute;top:4px;right:8px;width:18px;height:18px;border-radius:50%;background:#ffe955;box-shadow:0 0 0 10px rgba(255,233,85,.18);animation:pulse 1s infinite}.hide-spot.found{filter:saturate(1.25);background:rgba(255,255,255,.86)}@keyframes wiggle{20%{transform:rotate(-4deg) scale(1.05)}60%{transform:rotate(4deg) scale(1.05)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.65}}
.npc,.player,.bot{position:absolute;right:var(--px);top:var(--py);width:90px;height:132px;z-index:8;will-change:transform;transition:filter .15s}.npc img,.player img,.bot img{position:absolute;bottom:10px;right:50%;height:142px;width:auto;transform:translateX(50%);filter:drop-shadow(0 16px 10px rgba(37,29,72,.19));transform-origin:50% 85%;}.player{width:110px;height:158px;z-index:10}.player img{height:180px}.bot img{height:170px}.nameplate{position:absolute;right:50%;top:-18px;transform:translateX(50%);background:white;border:2px solid #ffe768;border-radius:14px;padding:3px 10px;font-size:14px;font-weight:1000;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.08);z-index:5}.player .nameplate{border-color:var(--pink)}.shadow{position:absolute;right:50%;bottom:0;transform:translateX(50%);width:80px;height:18px;border-radius:50%;background:rgba(29,45,60,.15);filter:blur(2px)}#accessoryOnPlayer{position:absolute;right:8px;top:-28px;font-style:normal;font-size:30px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.16))}.player.moving img,.bot.moving img{animation:walk .32s ease-in-out infinite}.player.running img{animation:run .18s ease-in-out infinite}.npc.peek img{animation:peek .75s ease both}.npc.found{z-index:11}.npc.found img{animation:foundPop .75s cubic-bezier(.2,1.4,.3,1) both}.hider{display:none}.hider.visible{display:block}.hider.hiddenInSpot{display:block;opacity:.0;pointer-events:none}.npc-rimi{--px:560px;--py:650px}.npc-emily{--px:900px;--py:450px}.npc-noor{--px:1300px;--py:275px}.npc-buddy.one{--px:340px;--py:380px}.npc-buddy.two{--px:1940px;--py:710px}.css-kid{position:absolute;bottom:16px;right:50%;transform:translateX(50%);width:70px;height:104px}.css-kid:before{content:"";position:absolute;right:12px;top:6px;width:48px;height:48px;border-radius:50%;background:#ffd2a2;border:4px solid #6b3b2d}.css-kid i{position:absolute;right:4px;top:0;width:64px;height:35px;border-radius:35px 35px 20px 20px;background:#5a2b1a}.css-kid b{position:absolute;right:10px;bottom:0;width:52px;height:56px;border-radius:18px 18px 10px 10px;background:var(--pink);border:4px solid white}.css-kid.green b{background:#33ca7a}@keyframes walk{0%,100%{transform:translateX(50%) rotate(-4deg) translateY(0)}50%{transform:translateX(50%) rotate(4deg) translateY(-5px)}}@keyframes run{0%,100%{transform:translateX(50%) rotate(-8deg) translateY(0) scaleX(1.02)}50%{transform:translateX(50%) rotate(8deg) translateY(-8px) scaleX(.98)}}@keyframes peek{0%{transform:translateY(35px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes foundPop{0%{transform:translateX(50%) scale(.3) rotate(-16deg);opacity:0}70%{transform:translateX(50%) scale(1.22) rotate(8deg);opacity:1}100%{transform:translateX(50%) scale(1) rotate(0)}}
.hint-pulse{position:absolute;width:90px;height:90px;border-radius:50%;border:8px solid rgba(255,255,255,.9);box-shadow:0 0 0 18px rgba(255,90,180,.15);display:none;z-index:18;pointer-events:none;animation:hintRing 1s ease-out infinite}.hint-pulse.show{display:block}@keyframes hintRing{to{transform:scale(1.8);opacity:0}}
.mobile-controls{position:absolute;inset:auto 22px 18px 22px;display:flex;align-items:flex-end;justify-content:space-between;z-index:25;pointer-events:none}.joystick{width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.42);border:3px solid rgba(255,255,255,.65);box-shadow:inset 0 0 28px rgba(124,92,255,.16),0 20px 30px rgba(53,42,93,.13);pointer-events:auto;touch-action:none;position:relative}.stick{position:absolute;width:72px;height:72px;border-radius:50%;right:50%;top:50%;transform:translate(50%,-50%);background:linear-gradient(135deg,#7c5cff,#ff5fb7);box-shadow:0 12px 22px rgba(124,92,255,.28)}.actions{display:flex;gap:12px;pointer-events:auto}.action{width:98px;height:98px;border-radius:26px;display:grid;place-items:center;align-content:center;font-size:36px;font-weight:1000;box-shadow:0 20px 30px rgba(53,42,93,.14);transition:.12s}.action small{font-size:14px;display:block;margin-top:4px}.action:active,.action.pressed{transform:translateY(4px) scale(.96)}.pink{background:linear-gradient(#ff73bd,#ff4fab);color:white}.cyan{background:linear-gradient(#19d5ee,#0aaec8);color:white}.yellow{background:linear-gradient(#ffd763,#ffb53b);color:#44331b}.white{background:white;color:var(--purple)}.mission-card{position:absolute;left:22px;bottom:134px;width:390px;border-radius:28px;padding:22px;z-index:21}.mission-card h3{font-size:25px;color:var(--purple);margin:0 0 8px}.mission-card p{line-height:1.7;color:var(--muted);margin:0 0 14px;font-weight:800}.progress{height:16px;background:#ede4ff;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:99px;transition:.35s}.mission-card>b{display:block;text-align:left;margin-top:4px;color:var(--ink)}.mission-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mission-actions button{border-radius:18px;background:white;padding:11px;color:var(--purple);font-weight:1000;box-shadow:0 8px 16px rgba(0,0,0,.07)}
.creator-modal{position:fixed;inset:0;background:rgba(47,37,83,.38);backdrop-filter:blur(10px);z-index:40;display:none;place-items:center;padding:20px}.creator-modal.open{display:grid;animation:fadeIn .2s}.creator-card{width:min(930px,94vw);border-radius:36px;padding:22px;display:grid;grid-template-columns:360px 1fr;gap:20px;position:relative}.close{position:absolute;top:16px;left:16px;width:48px;height:48px;border-radius:18px;background:white;font-size:34px;color:var(--purple);box-shadow:0 8px 18px rgba(0,0,0,.08)}.creator-preview{background:linear-gradient(180deg,#fff8df,#ffe4f4);border-radius:30px;padding:24px;text-align:center}.avatar-stage{height:350px;border-radius:28px;background:radial-gradient(circle at 50% 80%,rgba(124,92,255,.13),transparent 42%),linear-gradient(180deg,#ebfbff,#fff);display:grid;place-items:end center;position:relative;overflow:hidden;box-shadow:inset 0 -20px rgba(255,255,255,.55)}.avatar-stage img{height:330px;width:auto;filter:drop-shadow(0 25px 16px rgba(61,47,93,.15));animation:charIdle 2s infinite}.avatar-stage span{position:absolute;top:18px;right:80px;font-size:46px;animation:bounce 1.6s infinite}.creator-preview h2{font-size:34px;margin:16px 0 8px;color:var(--purple)}.creator-preview p{margin:0;color:var(--muted);line-height:1.7}.creator-form{display:flex;flex-direction:column;gap:16px}.creator-form label{font-weight:1000;color:var(--purple)}.creator-form input{width:100%;height:54px;border-radius:18px;border:2px solid #eadfff;padding:0 18px;font-weight:1000;color:var(--ink);outline:none;background:white;margin-top:7px}.choose-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{height:154px;border-radius:24px;background:white;border:3px solid transparent;box-shadow:0 10px 20px rgba(0,0,0,.06);overflow:hidden;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:5px}.choice img{height:125px;width:auto;object-fit:contain}.choice.active{border-color:var(--pink);transform:translateY(-2px)}.color-row,.accessory-row{display:flex;gap:10px;flex-wrap:wrap}.color-row button{width:52px;height:52px;border-radius:50%;background:var(--c);border:4px solid white;box-shadow:0 8px 18px rgba(0,0,0,.13)}.color-row button.active{outline:4px solid rgba(124,92,255,.28)}.accessory-row button{width:56px;height:56px;border-radius:20px;background:white;font-size:26px;box-shadow:0 8px 18px rgba(0,0,0,.08)}.accessory-row button.active{background:#fff1bf;outline:3px solid rgba(255,95,183,.26)}.save-character{margin-top:auto;border-radius:22px;height:60px;background:linear-gradient(90deg,var(--purple),var(--pink));color:white;font-weight:1000;font-size:20px;box-shadow:0 18px 28px rgba(124,92,255,.22)}@keyframes fadeIn{from{opacity:0}}
.toast{position:fixed;right:50%;bottom:22px;transform:translateX(50%) translateY(40px);z-index:80;background:#332b4b;color:white;border-radius:22px;padding:14px 22px;box-shadow:0 18px 38px rgba(0,0,0,.2);font-weight:1000;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateX(50%) translateY(0)}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:70}.confetti-piece{position:absolute;width:10px;height:16px;border-radius:3px;animation:confetti 950ms ease-out forwards}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(460deg);opacity:0}}.rotate-hint{position:fixed;inset:0;background:rgba(255,255,255,.82);z-index:60;display:none;place-items:center}.rotate-card{width:min(430px,86vw);border-radius:32px;background:white;text-align:center;padding:28px;box-shadow:var(--shadow)}.phone-spin{font-size:72px;animation:spinPhone 1.2s ease-in-out infinite}.rotate-card h2{margin:10px 0;color:var(--purple)}.rotate-card p{color:var(--muted);line-height:1.7}.rotate-card button{background:linear-gradient(90deg,var(--purple),var(--pink));color:white;border-radius:18px;padding:12px 24px;font-weight:1000}@keyframes spinPhone{50%{transform:rotate(90deg)}}
@media (orientation:portrait) and (max-width:980px){.rotate-hint:not(.dismissed){display:grid}.shell{filter:blur(3px)}}
@media (max-width:1100px){.topbar{height:72px;grid-template-columns:auto auto 1fr auto auto;padding:8px 10px}.counter:nth-of-type(2){display:none}.brand b{font-size:28px}.brand-spark{width:54px;height:54px;font-size:28px}.profile-card{min-width:150px}.profile-meta small{display:none}.layout-map{grid-template-columns:1fr}.side-panel{position:absolute;left:18px;top:102px;width:350px;z-index:4;padding:22px}.side-panel h2{font-size:28px}.side-panel p{display:none}.world-card{min-height:calc(100vh - 104px)}.mission-card{width:330px;left:14px;bottom:118px}.objective{top:82px;min-width:0;width:62%;font-size:15px}.hud{min-width:92px}.game-title b{font-size:20px}.mobile-controls{inset:auto 12px 10px 12px}.joystick{width:132px;height:132px}.stick{width:64px;height:64px}.action{width:82px;height:82px;font-size:30px}.action small{font-size:12px}.creator-card{grid-template-columns:1fr}.creator-preview{display:none}}
@media (max-height:620px){.shell{padding:6px}.topbar{height:64px;border-radius:24px}.round-btn{width:48px;height:48px;border-radius:18px}.profile-card{height:54px}.profile-avatar{width:54px;height:54px}.profile-avatar img{height:76px}.brand small{display:none}.side-panel{top:76px}.game-top{height:54px}.objective{top:74px}.mission-card{bottom:102px;padding:16px}.mission-card p{display:none}.action{width:76px;height:76px}.joystick{width:118px;height:118px}.stick{width:58px;height:58px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* MVP 6 fixes: old visual identity, correct camera, 6-player rooms, 10s countdown */
.room-cap{position:absolute;right:12px;bottom:-16px;background:#fff;border:2px solid rgba(124,92,255,.18);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;color:var(--purple);box-shadow:0 8px 18px rgba(73,51,129,.12);white-space:nowrap}.game-zone.available .room-cap{background:#fff8bf;color:#5b43d6}.map-sara{height:150px;right:7%;bottom:7%;animation-delay:.2s}.map-karim{height:165px;left:10%;bottom:36%;animation-delay:.55s}.map-layan{height:155px;left:8%;bottom:4%;animation-delay:.9s}.npc-sara{--px:340px;--py:380px}.npc-karim{--px:1940px;--py:710px}.npc-layan{--px:2270px;--py:980px}.npc-sara img,.npc-karim img,.npc-layan img{height:150px}.choice img[src*="sara"],.choice img[src*="karim"],.choice img[src*="layan"]{height:132px}.profile-avatar img[src*="sara"],.profile-avatar img[src*="karim"],.profile-avatar img[src*="layan"]{height:82px;bottom:-12px}.avatar-stage img[src*="sara"],.avatar-stage img[src*="karim"],.avatar-stage img[src*="layan"]{height:318px}.player img[src*="sara"],.player img[src*="karim"],.player img[src*="layan"],.bot img[src*="sara"],.bot img[src*="karim"],.bot img[src*="layan"]{height:170px}.countdown-overlay{position:absolute;right:50%;top:50%;transform:translate(50%,-50%) scale(.92);z-index:35;width:min(360px,68vw);height:min(250px,44vh);border-radius:42px;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(63,48,106,.23),inset 0 0 0 2px rgba(255,255,255,.7);display:none;place-items:center;text-align:center;border:4px solid rgba(255,231,104,.7);pointer-events:none}.countdown-overlay.show{display:grid;animation:countIn .22s ease both}.countdown-overlay b{display:block;font-size:clamp(72px,11vw,150px);line-height:.9;color:var(--purple);text-shadow:0 8px 0 rgba(255,255,255,.8),0 18px 28px rgba(124,92,255,.22);animation:countPulse 1s ease-in-out infinite}.countdown-overlay small{display:block;margin-top:14px;color:var(--muted);font-weight:1000;font-size:clamp(18px,2.5vw,26px)}@keyframes countIn{from{opacity:0;transform:translate(50%,-50%) scale(.7)}}@keyframes countPulse{50%{transform:scale(1.12) rotate(-2deg);color:var(--pink)}}
@media (max-width:1100px){.map-sara,.map-karim,.map-layan{display:none}.room-cap{font-size:11px;padding:4px 10px}.side-panel{max-height:calc(100% - 124px);overflow:auto}.world-card{aspect-ratio:auto}.game-shell{height:calc(100vh - 86px)}}
@media (max-height:620px){.room-cap{display:none}.countdown-overlay{height:210px}.countdown-overlay b{font-size:78px}}
/* Coordinate fix: x now means distance from the left, so movement and camera match finger direction. */
.place{left:var(--x);right:auto}.hide-spot{left:var(--x);right:auto}.npc,.player,.bot{left:var(--px);right:auto}