:root{--ink:#07111d;--blue:#0b3f7f;--cyan:#45e7ff;--gold:#e7b95e;--cream:#fff8e9;--coral:#ff8068}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#06111d;color:#fff;font-family:"Arial Narrow",Arial,sans-serif}button{font:inherit}.scene{position:absolute;inset:0}.scene[hidden],.modal[hidden],.toast[hidden]{display:none}.outside{background:linear-gradient(90deg,#08111d55,transparent 58%),url('assets/avion-mansion-exterior.png') center/cover no-repeat;isolation:isolate}.outside:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#03101a66,transparent 45%)}.brand{position:absolute;left:5vw;top:8vh;text-shadow:0 4px 20px #0a152dcc}.brand small{font:900 11px monospace;letter-spacing:.3em;color:#d5faff}.brand h1{margin:12px 0 8px;font:900 clamp(68px,10vw,150px)/.76 Impact,sans-serif;letter-spacing:.025em}.brand h1 span{color:var(--gold);text-shadow:0 0 30px #ffe9a966}.brand p{font-weight:800;letter-spacing:.08em}.flight-chip{position:absolute;right:4vw;top:5vh;padding:13px 18px 13px 42px;border:1px solid #d8fbff88;background:#07182dcc;backdrop-filter:blur(12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.flight-chip i{position:absolute;left:16px;top:18px;width:10px;height:10px;border-radius:50%;background:#63ffab;box-shadow:0 0 16px #63ffab}.flight-chip span,.flight-chip b{display:block}.flight-chip span{font:800 8px monospace;letter-spacing:.16em;color:#9bcad6}.flight-chip b{margin-top:5px;font:900 16px Impact;letter-spacing:.08em}.enter-plane{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);min-width:280px;padding:17px 30px;border:1px solid #fff2c5;background:linear-gradient(120deg,#f5cf7f,#fff2c5);color:#17213a;box-shadow:0 15px 50px #07111daa,0 0 25px #fff2c566;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);cursor:pointer;transition:.2s}.enter-plane:hover{transform:translateX(-50%) translateY(-5px);box-shadow:0 20px 55px #07111dcc,0 0 34px #fff2c599}.enter-plane span,.enter-plane small{display:block}.enter-plane span{font:900 25px Impact;letter-spacing:.08em}.enter-plane small{margin-top:5px;font:900 8px monospace;letter-spacing:.15em}.cloud{position:absolute;width:30vw;height:7vw;border-radius:50%;background:#fff8;filter:blur(16px);pointer-events:none;animation:cloudDrift 14s linear infinite}.cloud-a{left:-20vw;bottom:13vh}.cloud-b{left:-35vw;top:22vh;animation-delay:-7s}@keyframes cloudDrift{to{transform:translateX(150vw)}}
.cabin{background-image:linear-gradient(0deg,#04111eaa,transparent 30%),url('assets/cabina-mansion-interior.png');background-position:center;background-size:cover;transition:background-position .7s cubic-bezier(.2,.8,.2,1)}.cabin-hud{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;background:linear-gradient(#04101dcc,transparent);text-shadow:0 2px 9px #000}.cabin-hud div small,.cabin-hud div b{display:block}.cabin-hud small{font:900 7px monospace;letter-spacing:.2em;color:#8fe9f6}.cabin-hud b{font:900 21px Impact;letter-spacing:.08em}.cabin-hud>span{font:900 8px monospace;letter-spacing:.12em}.cabin-hud button,.leave-plane{border:1px solid #ffffff55;background:#07182aaa;color:#fff;padding:9px 14px;font:900 8px monospace;letter-spacing:.12em;cursor:pointer}.window-light{position:absolute;inset:0;background:linear-gradient(105deg,#fff3b833,transparent 25% 72%,#52dfff22);mix-blend-mode:screen;pointer-events:none;animation:windowPulse 4s ease-in-out infinite}@keyframes windowPulse{50%{opacity:.45}}.hotspot{position:absolute;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--cyan);background:#061827d9;color:#fff;box-shadow:0 0 20px #45e7ff44;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));cursor:pointer;animation:hotspot 2s ease-in-out infinite}.hotspot i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#45e7ff22;color:var(--cyan);font-style:normal}.hotspot b,.hotspot small{display:block;text-align:left}.hotspot b{font:900 12px Impact;letter-spacing:.08em}.hotspot small{margin-top:3px;font:800 6px monospace;letter-spacing:.08em;color:#9acfd5}.table-spot{left:12%;top:57%}.tablet-spot{right:7%;top:60%;--cyan:#ffb45a}.lounge-spot{left:47%;top:27%;--cyan:#e7b95e}@keyframes hotspot{50%{transform:translateY(-5px);box-shadow:0 0 30px color-mix(in srgb,var(--cyan) 55%,transparent)}}.walk-controls{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:grid;grid-template-columns:120px 220px 120px;align-items:center;border:1px solid #e8c36d88;background:#071426df;backdrop-filter:blur(12px);box-shadow:0 15px 40px #0008}.walk-controls button{height:52px;border:0;background:#112942;color:#fff;font:900 9px monospace;letter-spacing:.09em;cursor:pointer}.walk-controls div{text-align:center}.walk-controls b,.walk-controls small{display:block}.walk-controls b{font:900 15px Impact;letter-spacing:.1em;color:#f0d585}.walk-controls small{margin-top:4px;font:800 5px monospace;color:#7f9ea8}.leave-plane{position:absolute;left:20px;bottom:24px}
.modal{position:fixed;z-index:20;inset:0;padding:24px;background:#020a10ee;backdrop-filter:blur(16px);overflow:auto}.close{position:fixed;z-index:5;right:26px;top:22px;width:50px;height:50px;border:1px solid #ffffff55;background:#07131f;color:#fff;font-size:30px;cursor:pointer}.modal-title{text-align:center}.modal-title small,.lounge-panel small{font:900 8px monospace;letter-spacing:.25em;color:var(--cyan)}.modal-title h2,.lounge-panel h2{margin:8px 0 4px;font:900 clamp(42px,7vw,82px)/.9 Impact;letter-spacing:.04em}.modal-title p{margin:8px;color:#9eb5bd;font-weight:700}.food-scene{position:relative;width:min(1050px,90vw);height:min(52vh,520px);margin:18px auto 12px;border:1px solid #e7b95e88;overflow:hidden;box-shadow:0 20px 70px #000}.food-scene img{width:100%;height:100%;object-fit:cover}.served-message{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:11px 22px;border:1px solid #fff3c0;background:#07111dcc;color:#fff3c0;font:900 12px monospace;letter-spacing:.15em}.food-menu{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.food-menu button{min-width:120px;padding:10px;border:1px solid #e7b95e88;background:#10233a;color:#fff;font-size:22px;cursor:pointer}.food-menu b{display:block;margin-top:4px;font:900 9px Impact;letter-spacing:.08em}.food-menu button.served{background:#e7b95e;color:#08111d;transform:translateY(-5px)}
.tablet-panel{display:grid;place-items:center;background:#02101ddc}.tablet-shell{position:relative;width:min(620px,92vw);height:min(820px,92vh);padding:22px;border:14px solid #e7d6b4;border-radius:42px;background:linear-gradient(160deg,#091c30,#020812);box-shadow:0 35px 100px #000,0 0 0 4px #af8840,0 0 55px #45e7ff44;overflow:hidden}.tablet-camera{position:absolute;left:50%;top:7px;width:8px;height:8px;border-radius:50%;background:#06111d;box-shadow:0 0 0 2px #a78953}.tablet-shell .close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%}.tablet-shell header{display:grid;grid-template-columns:1fr auto;align-items:end;padding:13px 42px 15px 4px;border-bottom:1px solid #45e7ff44}.tablet-shell header small{grid-column:1;color:#6fa4b1;font:900 6px monospace;letter-spacing:.2em}.tablet-shell h2{margin:2px 0 0;font:900 36px Impact;letter-spacing:.04em}.tablet-shell h2 span{color:#ff8c64}.tablet-shell header b{grid-column:2;grid-row:1/3;color:#6dffad;font:900 10px monospace}.arcade-menu>p{text-align:center;color:#8ed5df;font:900 8px monospace;letter-spacing:.15em}.arcade-menu>button{display:grid;grid-template-columns:72px 1fr;align-items:center;width:100%;height:112px;margin:10px 0;padding:9px;border:1px solid #2f819a;background:linear-gradient(110deg,#103d54,#0a1728);color:#fff;text-align:left;cursor:pointer;transition:.18s}.arcade-menu>button:nth-of-type(2){border-color:#ffb34f;background:linear-gradient(110deg,#59391e,#1c1a28)}.arcade-menu>button:nth-of-type(3){border-color:#bc74ff;background:linear-gradient(110deg,#3f215d,#12172b)}.arcade-menu>button:hover{transform:translateX(6px)}.arcade-menu i{font:normal 44px sans-serif;text-align:center}.arcade-menu b,.arcade-menu small{display:block}.arcade-menu b{font:900 24px Impact;letter-spacing:.08em}.arcade-menu small{margin-top:6px;color:#9ac6ce;font:800 7px monospace;letter-spacing:.1em}.mini-game{position:relative;height:calc(100% - 78px);padding-top:10px}.mini-game canvas{display:block;width:100%;height:calc(100% - 70px);border:1px solid #45e7ff;background:#061425}.mini-hud{position:absolute;left:20px;right:20px;top:22px;display:flex;justify-content:space-between;pointer-events:none}.mini-hud b,.mini-hud span{padding:7px 10px;background:#03101ccc;font:900 14px monospace}.mini-controls{display:flex;justify-content:center;gap:12px;margin-top:9px}.mini-controls button{width:110px;height:45px;border:1px solid #45e7ff;background:#123650;color:#fff;font-size:22px}.mini-game>#backToArcade{position:absolute;left:8px;bottom:8px;border:0;background:transparent;color:#89d5df;font:900 8px monospace;letter-spacing:.12em}
.plane-game-card{grid-template-columns:180px 1fr!important;height:360px!important;margin-top:18px!important;border-color:#ff8b5d!important;background:radial-gradient(circle at 25% 45%,#30446a,#120d28 62%)!important}.plane-game-card i{display:block;width:170px;height:240px;background:url('assets/aviones-prisma-sprites.png') 0 0/200% 200% no-repeat;filter:drop-shadow(0 0 20px #45e7ff);animation:pickerDroneFloat 1.6s ease-in-out infinite}.plane-game-card b{font-size:42px!important}.plane-game-card small{font-size:9px!important}.plane-game-card em{display:inline-block;margin-top:22px;padding:9px 13px;background:#ff8c64;color:#170a15;font:900 8px monospace;letter-spacing:.12em}.mini-hud em{position:absolute;left:50%;top:2px;transform:translateX(-50%);padding:6px 9px;background:#03101ccc;color:#8df4ff;font:900 8px monospace;letter-spacing:.08em}.boss-bar{position:absolute;z-index:3;left:14%;right:14%;top:64px;padding:6px 9px;background:#150b2cdd;border:1px solid #c071ff}.boss-bar span{display:block;margin-bottom:4px;text-align:center;color:#f1c7ff;font:900 8px monospace;letter-spacing:.1em}.boss-bar i{display:block;height:7px;background:#29143d}.boss-bar b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff4d74,#c071ff);box-shadow:0 0 10px #d36cff}.mini-controls{position:relative;z-index:4}.mini-controls #miniFire{width:150px;background:#ff704e;border-color:#ffc082;color:#180803;font:900 12px Impact;letter-spacing:.1em}.mini-hud #miniLives{color:#ff6f88}.mini-game.win canvas{border-color:#ffe979;box-shadow:0 0 30px #ffe97955}
.lounge-panel{display:grid;place-items:center;text-align:center;background:linear-gradient(#07183855,#ff967044),url('assets/avion-mansion-exterior.png') center/cover}.lounge-panel>div{padding:35px;background:#071426cc;border:1px solid #fff7d288;backdrop-filter:blur(10px)}.lounge-panel p{max-width:520px;line-height:1.6}.lounge-panel button{padding:12px 20px;border:1px solid #fff;background:#fff;color:#07111d;font-weight:900;cursor:pointer}.toast{position:fixed;z-index:40;left:50%;top:14%;transform:translateX(-50%);padding:14px 36px;border-block:1px solid #f3d280;background:#071424ee;text-align:center;box-shadow:0 0 40px #f3d28055;animation:toast 2s both}.toast small,.toast b{display:block}.toast small{color:#e7b95e;font:900 7px monospace;letter-spacing:.2em}.toast b{margin-top:5px;font:900 25px Impact;letter-spacing:.08em}@keyframes toast{0%,100%{opacity:0;transform:translate(-50%,-20px)}15%,75%{opacity:1;transform:translate(-50%,0)}}
@media(max-width:700px){.brand{top:6vh}.brand h1{font-size:64px}.flight-chip{display:none}.enter-plane{bottom:5vh}.cabin-hud{padding:10px}.cabin-hud>span{display:none}.hotspot{transform:scale(.8)}.table-spot{left:1%;top:55%}.tablet-spot{right:0;top:64%}.lounge-spot{left:35%;top:30%}.walk-controls{bottom:12px;grid-template-columns:82px 135px 82px}.walk-controls div small{display:none}.leave-plane{top:62px;bottom:auto;left:10px}.food-panel{padding:14px}.food-scene{height:45vh;margin-top:12px}.food-menu button{min-width:87px;font-size:18px}.tablet-shell{height:95vh;border-width:8px;padding:12px;border-radius:24px}.arcade-menu>button{height:95px}.modal-title h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}