*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#10151a;color:#fff;touch-action:none}button{font:inherit;border:0;cursor:pointer}.topbar{position:fixed;z-index:50;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.profile,.resources{pointer-events:auto;background:linear-gradient(180deg,#1d2b3a,#0b131c);border:2px solid #3c5369;box-shadow:0 8px 25px #0008;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:10px}.profile img{width:64px;height:64px;object-fit:contain;border-radius:50%;background:#24384c}.profile b{font-size:21px;display:block}.profile small{display:block;color:#d9e3ea}.xp{height:8px;width:160px;background:#071018;border-radius:20px;margin-top:5px;overflow:hidden}.xp i{display:block;height:100%;width:72%;background:#58d83e}.level{background:#ffbd24;color:#fff;text-shadow:0 2px 2px #754600;border:3px solid #fff2a1;min-width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px}.big{min-width:50px;height:50px;font-size:23px}.resources span{display:flex;align-items:center;gap:5px;font-size:19px}.resources img{width:34px;height:34px}.resources button{width:31px;height:31px;border-radius:9px;background:#62cf40;color:#fff;font-weight:900;font-size:24px;line-height:20px;box-shadow:inset 0 2px 0 #b8ff9c}.screen{position:absolute;inset:0;display:none}.screen.active{display:block}.sky{position:absolute;inset:0;background:linear-gradient(#4eb7ed 0%,#a7e3ff 45%,#80b86e 46%,#4c8c45 100%)}.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 18%,#fff8 0 4%,transparent 5%),radial-gradient(circle at 75% 12%,#fff8 0 4%,transparent 5%);filter:blur(4px)}.city-bg{position:absolute;left:-5%;right:-5%;bottom:22%;height:44%;background:linear-gradient(90deg,#617e80 0 6%,#d58b6b 6% 12%,#7698a2 12% 20%,#c47d5c 20% 27%,#7e9aa0 27% 34%,#cf8560 34% 42%,#6f929d 42% 50%,#d18d6b 50% 58%,#7799a0 58% 67%,#c57b5c 67% 75%,#6e929d 75% 84%,#cf8764 84% 93%,#6e8c92 93%);clip-path:polygon(0 45%,5% 25%,9% 42%,14% 18%,19% 40%,24% 11%,29% 37%,35% 19%,41% 44%,47% 7%,53% 40%,59% 18%,65% 41%,71% 9%,77% 40%,83% 20%,89% 43%,95% 15%,100% 37%,100% 100%,0 100%);filter:blur(1px)}.hero-card{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;width:min(720px,90vw)}.logo{width:min(690px,88vw);filter:drop-shadow(0 16px 8px #0008)}.hero-card p{font-weight:900;letter-spacing:2px;margin:-22px 0 18px;text-shadow:0 3px #000;color:#fff4df}.main-play{font-size:clamp(28px,4vw,50px);font-weight:1000;color:white;background:linear-gradient(#72e044,#249d21);border:6px solid #0d3c15;border-radius:34px;padding:15px 65px;box-shadow:0 10px 0 #0c4113,0 20px 35px #0007;transition:.2s;min-width:min(480px,90vw)}.main-play:hover{transform:translateY(-4px) scale(1.02)}.main-play span{background:#fff;color:#3aa02e;border-radius:50%;padding:0 10px;margin-right:15px}.hint{margin-top:22px;font-weight:700;text-shadow:0 2px 4px #000}.start-pizza{position:absolute;left:-20px;bottom:-35px;z-index:4;transform:rotate(-12deg)}.start-pizza img{width:min(330px,27vw);filter:drop-shadow(0 20px 12px #0008)}.start-store{position:absolute;right:5%;bottom:12%;width:300px;height:220px;background:linear-gradient(135deg,#e0492d,#a92d21);border:8px solid #51251c;border-radius:20px 20px 8px 8px;z-index:2;box-shadow:0 25px 35px #0007;transform:perspective(800px) rotateY(-8deg)}.start-store img{width:190px;position:absolute;left:55px;top:20px}.start-store b{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:26px;text-shadow:0 3px #4d2418}.awning{position:absolute;bottom:-28px;left:-8px;right:-8px;height:45px;background:repeating-linear-gradient(90deg,#fff 0 30px,#d83d2d 30px 60px);border-radius:0 0 20px 20px}.game-hud{position:absolute;z-index:30;top:95px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.objective,.view-switch{pointer-events:auto;background:#17222dE8;border:2px solid #526779;border-radius:15px;padding:9px 14px;box-shadow:0 8px 22px #0006}.objective span{display:block;color:#ffe9a5}.view-switch{padding:5px}.view{background:transparent;color:#cdd8e0;padding:9px 12px;border-radius:10px;font-weight:800}.view.active{background:#37a7df;color:#fff}.world{position:absolute;inset:0;overflow:hidden}.first-view{background:#222}.ceiling{position:absolute;inset:0 0 55%;background:linear-gradient(120deg,#d7c8ae,#eee4d0 50%,#bda98b);transform:perspective(700px) rotateX(25deg);transform-origin:top}.backwall{position:absolute;inset:12% 0 0;background:radial-gradient(circle at 35% 30%,#ffca76 0 2%,transparent 3%),linear-gradient(90deg,#4e3128,#74432d 50%,#412a25)}.backwall:after{content:"LA PIZZERÍA DE LEÓN";position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-weight:1000;font-size:clamp(28px,6vw,70px);color:#ffda53;text-shadow:0 5px 0 #3a1d12,0 0 25px #ff9a34}.counter{position:absolute;left:-5%;right:-5%;bottom:0;height:27%;background:linear-gradient(#9a5730,#4b2b20);transform:perspective(700px) rotateX(45deg);transform-origin:bottom;box-shadow:0 -10px 30px #0008}.prop{position:absolute;z-index:4;transition:transform .25s;filter:drop-shadow(0 20px 10px #0008);text-align:center;font-weight:900;text-shadow:0 3px 3px #000}.prop img{width:clamp(100px,18vw,220px);height:auto}.prop span{display:block;background:#131b21dd;border:1px solid #657785;border-radius:10px;padding:4px 8px}.oven-prop{left:6%;bottom:20%}.table-prop{left:35%;bottom:18%}.customer-prop{right:7%;bottom:20%}.prop:hover{transform:translateY(-8px) scale(1.04)}.panel{background:#111a22F2;border:2px solid #6a7e8d;border-radius:18px;box-shadow:0 15px 35px #0008}.order-card{position:absolute;z-index:10;right:2%;top:22%;width:min(330px,42vw);padding:16px}.order-title{color:#ffd55d;font-weight:900}.order-card h3{font-size:26px;margin:5px 0}.order-time{height:8px;background:#26313a;border-radius:9px;overflow:hidden}.order-time i{display:block;height:100%;width:100%;background:#59d94a}.ingredients{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ingredients span{background:#26343f;border-radius:10px;padding:7px;font-size:12px}.action{width:100%;padding:13px;border-radius:12px;background:linear-gradient(#ffcb49,#e98b19);color:#2c1904;font-weight:1000;box-shadow:0 5px 0 #7b4210;margin-top:8px}.interaction{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);z-index:8;background:#0b1218cc;border-radius:30px;padding:10px 16px;font-size:12px;white-space:nowrap}.sky-view{background:linear-gradient(#7fd0ff 0 35%,#76a84e 35% 100%)}.city-ground{position:absolute;inset:12% 0 0;background:linear-gradient(145deg,#6fa951,#91c75d);transform:perspective(900px) rotateX(48deg) scale(1.2);transform-origin:center 55%;overflow:hidden}.road{position:absolute;background:#343d43;border:8px solid #dad6b8}.r1{width:130%;height:130px;left:-15%;top:43%;transform:rotate(-12deg)}.r2{width:140px;height:120%;left:52%;top:-10%;transform:rotate(7deg)}.plot{position:absolute;z-index:5;width:170px;text-align:center}.plot img{width:140px;filter:drop-shadow(0 16px 5px #0007)}.plot b,.plot span{display:block;background:#15202aee;padding:5px;border-radius:9px}.p1{left:12%;top:35%}.p2{left:58%;top:22%}.p3{right:5%;top:50%}.p4{left:35%;top:65%}.locked{filter:grayscale(.7) brightness(.7)}.city-panel{position:absolute;z-index:20;left:2%;top:18%;width:min(350px,42vw);padding:18px}.bottom-nav{position:absolute;z-index:40;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:9px;background:#101820E8;border:2px solid #526474;border-radius:22px;box-shadow:0 10px 30px #0008}.bottom-nav button{width:92px;height:76px;border-radius:17px;color:#fff;font-size:28px;background:linear-gradient(#273b4b,#18242e);border:2px solid #536c7e;box-shadow:inset 0 2px 0 #ffffff20}.bottom-nav button:hover{transform:translateY(-4px)}.bottom-nav span{display:block;font-size:12px;font-weight:900}.hidden{display:none!important}#toast{position:absolute;z-index:100;left:50%;top:35%;transform:translate(-50%,-50%) scale(.8);opacity:0;background:#f6c53c;color:#2d1c08;border:4px solid #fff1a1;border-radius:18px;padding:15px 24px;font-size:24px;font-weight:1000;pointer-events:none;transition:.25s;box-shadow:0 12px 30px #0008}.modal{position:absolute;inset:0;z-index:100;background:#061018aa;backdrop-filter:blur(7px);display:none;place-items:center}.modal.show{display:grid}.modal-box{width:min(600px,92vw);max-height:80vh;overflow:auto;background:#14212b;border:2px solid #718899;border-radius:24px;padding:28px;box-shadow:0 25px 70px #000b;position:relative}.close{position:absolute;right:15px;top:10px;background:transparent;color:#fff;font-size:30px}.reward{display:flex;align-items:center;gap:18px}.reward img{width:90px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#1d2d38;border-radius:13px;padding:14px;text-align:center}.stat b{display:block;font-size:25px;color:#ffd34d}.shake{animation:shake .4s}@keyframes shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@media(max-width:800px){.topbar{top:5px}.profile{padding:5px 8px}.profile img{width:45px;height:45px}.profile b{font-size:16px}.profile small{font-size:10px}.xp{width:100px}.resources{padding:5px 7px;gap:5px}.resources span{font-size:13px}.resources img{width:26px;height:26px}.resources button{width:23px;height:23px;font-size:17px}.big{display:none}.hero-card{top:44%}.start-store{right:-35px;bottom:18%;transform:scale(.65)}.start-pizza{left:-70px;bottom:5%}.start-pizza img{width:260px}.game-hud{top:62px;left:7px;right:7px}.objective{font-size:11px;max-width:180px}.view{font-size:11px;padding:7px}.order-card{top:18%;right:8px;width:185px;padding:10px}.order-card h3{font-size:19px}.ingredients span{padding:4px;font-size:10px}.action{font-size:12px;padding:10px}.prop img{width:120px}.oven-prop{left:-5%;bottom:22%}.table-prop{left:29%;bottom:21%}.customer-prop{right:-7%;bottom:22%}.interaction{bottom:18%;font-size:10px}.bottom-nav{bottom:5px;gap:3px;padding:5px;width:98%;justify-content:space-around}.bottom-nav button{width:18%;height:62px;font-size:21px}.bottom-nav span{font-size:9px}.city-panel{top:15%;left:8px;width:220px;font-size:12px}.plot{width:100px}.plot img{width:90px}.p1{left:3%}.p2{left:45%}.p3{right:0}.p4{left:28%;top:70%}.main-play{min-width:280px;padding:12px 25px}.logo{width:95vw}.hero-card p{font-size:11px;margin-top:-8px}.hint{font-size:11px}}@media(max-height:650px){.hero-card{top:50%}.logo{width:70vw}.start-pizza{display:none}.start-store{display:none}.bottom-nav button{height:52px}.prop img{width:95px}.order-card{top:20%}}