:root{--teal:#082f3d;--teal2:#0d4d5f;--teal3:#0e6c82;--gold:#ffc95d;--gold2:#d88a20;--orange:#ff7744;--cyan:#47d7f2;--cream:#fff7de;--white:#f9fbff;--shadow:0 10px 28px rgba(1,14,25,.38)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,"Arial Narrow",Arial,sans-serif;background:#87caf4;color:var(--white);user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:12px;top:8px;padding:10px 14px;background:#fff;color:#111;transform:translateY(-170%)}.skip-link:focus{transform:none}
.city-shell,#city-canvas{position:fixed;inset:0;width:100%;height:100%}#city-canvas{display:block;touch-action:none;outline:0}.city-shell:after{content:"";position:fixed;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,45,61,.08),transparent 25%,transparent 72%,rgba(2,22,35,.2)),radial-gradient(circle at 50% 44%,transparent 48%,rgba(3,26,39,.14));mix-blend-mode:multiply}.world-ui{position:fixed;z-index:4;inset:0;pointer-events:none}.world-tag{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;min-width:106px;padding:7px 12px 6px;border:2px solid rgba(255,216,128,.88);border-radius:10px;background:linear-gradient(180deg,rgba(18,62,73,.96),rgba(5,35,47,.96));box-shadow:inset 0 0 0 2px rgba(106,217,233,.13),0 5px 0 rgba(2,24,34,.68),0 9px 20px rgba(0,20,31,.32);color:#fff;text-align:center;font-weight:950;letter-spacing:.05em}.world-tag small{display:block;margin-top:2px;color:var(--gold);font-size:8px;letter-spacing:.13em}.world-tag:after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-right:2px solid rgba(255,216,128,.88);border-bottom:2px solid rgba(255,216,128,.88);background:#062c3a}.world-tag[data-hero=true]{border-color:#fff0ab;box-shadow:inset 0 0 0 2px rgba(255,201,93,.22),0 5px 0 #8b581c,0 0 22px rgba(255,202,93,.46)}.npc-marker{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);width:38px;height:46px;border:3px solid #fff6cc;border-radius:50% 50% 50% 10px;background:linear-gradient(#ffd975,#ff8b2c);box-shadow:0 5px 0 #8c4314,0 0 22px rgba(255,194,62,.65);color:#4e270b;font-size:24px;font-weight:1000;animation:marker 1.8s ease-in-out infinite}.npc-marker:after{content:"";position:absolute;left:10px;bottom:-6px;width:10px;height:10px;transform:rotate(45deg);background:#ff8b2c}
.loading{position:fixed;z-index:80;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;background:radial-gradient(circle at 50% 35%,#16647b,#062735 64%,#031923);transition:opacity .55s,visibility .55s}.loading.gone{opacity:0;visibility:hidden}.loading-brand,.nativo-word{display:flex;align-items:flex-end;gap:9px}.loading-brand b{font-size:34px;font-weight:300;letter-spacing:.16em}.brand-bars{display:inline-flex;align-items:flex-end;gap:3px;height:29px}.brand-bars i{display:block;width:6px;background:linear-gradient(#ffe397,#e69828)}.brand-bars i:nth-child(1){height:13px}.brand-bars i:nth-child(2){height:27px}.brand-bars i:nth-child(3){height:19px}.loading>strong{margin-top:16px;font-size:20px}.loading>span{color:#b5d5df;font-size:13px}.loading-track{width:min(300px,70vw);height:10px;padding:2px;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:#041a24}.loading-track i{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .25s}.loading small{color:var(--gold);font-weight:900}
.hud-panel{border:2px solid rgba(128,207,222,.65);background:linear-gradient(120deg,rgba(9,51,66,.95),rgba(7,39,51,.9));box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),var(--shadow);backdrop-filter:blur(9px)}.player-hud{position:fixed;z-index:10;left:18px;top:calc(15px + env(safe-area-inset-top));display:flex;align-items:center;width:410px;height:95px;padding:10px 22px 10px 90px;border-radius:46px 18px 18px 46px}.portrait{position:absolute;left:-3px;top:-3px;width:101px;height:101px;padding:4px;border:3px solid #e4faff;border-radius:50%;background:#0b5062;box-shadow:0 4px 0 #07303d,0 0 0 2px rgba(255,205,103,.8);overflow:hidden}.portrait img{position:absolute;left:50%;top:42%;width:285%;height:285%;max-width:none;transform:translate(-50%,-18%);border-radius:0;object-fit:cover}.player-copy{width:100%}.nativo-word{gap:8px;height:35px}.nativo-word b{font-size:28px;font-weight:300;letter-spacing:.16em}.nativo-word .brand-bars{height:26px}.xp-track{height:10px;margin-top:2px;padding:2px;border:1px solid rgba(149,215,225,.5);border-radius:20px;background:#031c27;overflow:hidden}.xp-track i{display:block;width:68%;height:100%;border-radius:10px;background:linear-gradient(90deg,#ffc85d,#ffad44);box-shadow:0 0 9px rgba(255,191,72,.6)}.level-row{display:flex;justify-content:space-between;margin-top:4px;font-size:14px}.level-row span{color:#d8edf2}.level-row b{color:#fff}
.mission-hud{position:fixed;z-index:10;left:18px;top:calc(123px + env(safe-area-inset-top));display:grid;grid-template-columns:56px 1fr 34px;align-items:center;width:355px;min-height:79px;padding:10px 9px;border-radius:18px}.mission-pin{display:grid;place-items:center;width:44px;height:44px;border:6px solid var(--orange);border-radius:50%;color:var(--orange);font-size:15px;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.mission-hud small,.mission-hud strong{display:block}.mission-hud small{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.06em}.mission-hud strong{margin-top:6px;font-size:18px}.mission-hud>button{width:34px;height:50px;border:0;background:transparent;color:var(--gold);font-size:38px;font-weight:300}
.wallet{position:fixed;z-index:10;right:18px;top:calc(20px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px}.wallet-pill{display:flex;align-items:center;gap:12px;height:55px;padding:4px 6px 4px 10px;border:2px solid rgba(105,199,217,.68);border-radius:29px;background:linear-gradient(#0c5164,#073442);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 6px 0 rgba(3,27,36,.62),var(--shadow);font-size:20px}.wallet-pill>span{display:grid;place-items:center;width:37px;height:37px}.coin{border:3px solid #ffe393;border-radius:50%;background:linear-gradient(#ffd75c,#d98717);box-shadow:inset 0 0 0 3px rgba(145,79,10,.35);font-family:Georgia,serif;color:#8b4d0c}.gem{color:#8ff1ff;font-size:31px;text-shadow:0 3px #087d9d}.wallet-pill button,.settings{display:grid;place-items:center;width:39px;height:39px;border:2px solid rgba(153,228,239,.65);border-radius:50%;background:linear-gradient(#197b93,#0c5062);box-shadow:0 3px 0 #042b37;color:#e9fbff;font-size:26px;font-weight:600}.settings{width:55px;height:55px;font-size:28px}
.place-chip{position:fixed;z-index:10;left:20px;bottom:calc(17px + env(safe-area-inset-bottom));display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-width:200px;height:62px;padding:7px 15px;border-radius:16px;text-align:left}.place-chip span{grid-row:1/3;display:grid;place-items:center;width:26px;height:35px;border:3px solid #dffaff;border-radius:50% 50% 50% 7px;color:#c9f8ff}.place-chip b{font-size:16px}.place-chip small{color:#abcbd4;font-size:9px;letter-spacing:.1em}.joystick{position:fixed;z-index:11;left:45px;bottom:calc(91px + env(safe-area-inset-bottom));width:150px;height:150px;border:3px solid rgba(207,243,249,.65);border-radius:50%;background:radial-gradient(circle,rgba(24,91,108,.44) 0 39%,rgba(6,46,59,.7) 40% 100%);box-shadow:inset 0 0 24px rgba(184,239,247,.14),0 7px 20px rgba(0,20,30,.26);touch-action:none}.joystick:before,.joystick:after{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);border:9px solid transparent;border-bottom-color:#b9dae1}.joystick:after{top:auto;bottom:6px;transform:translateX(-50%) rotate(180deg)}.joystick span{position:absolute;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);border:2px solid #d3f4f9;border-radius:50%;background:linear-gradient(#8bafbb,#628591);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 5px 13px rgba(0,18,28,.4)}
.action-stack{position:fixed;z-index:11;right:41px;bottom:calc(112px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:17px}.map-button,.run-button{display:grid;place-items:center;width:70px;height:70px;border:3px solid rgba(203,244,249,.75);border-radius:50%;background:linear-gradient(#1f6f81,#0b4352);box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),0 6px 0 #062b36,var(--shadow);font-size:36px}.run-button{width:86px;height:86px;font-size:43px}.run-button span{transform:rotate(-18deg)}.run-button.active{transform:translateY(3px);background:linear-gradient(#f39a3c,#c96020);box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 3px 0 #713311}.play-button{position:fixed;z-index:11;right:25px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:20px;width:330px;height:84px;border:4px solid #ffc862;border-radius:42px;background:linear-gradient(#116077,#073d4d);box-shadow:inset 0 0 0 3px #895516,inset 0 2px 8px rgba(255,255,255,.2),0 7px 0 #8b4b15,var(--shadow);color:#ffe18b}.play-button span{display:grid;place-items:center;width:55px;height:55px;border:2px solid #fff2bb;border-radius:50%;background:linear-gradient(#ffd368,#e88c22);box-shadow:0 3px 0 #7e420e;color:#fff6c7;font-size:27px;text-shadow:0 2px #9e5914}.play-button b{font-size:34px;letter-spacing:.05em}.language-button{position:fixed;z-index:12;right:23px;top:calc(88px + env(safe-area-inset-top));width:44px;height:32px;border:2px solid #9bd8e1;border-radius:10px;background:#073e4e;color:#fff;font-size:12px;font-weight:900}.fps{position:fixed;z-index:8;left:50%;top:13px;transform:translateX(-50%);padding:5px 9px;border-radius:10px;background:rgba(4,37,48,.55);color:rgba(255,255,255,.72);font-size:9px;font-weight:800;letter-spacing:.08em}
.dialog-layer,.victory-layer{position:fixed;z-index:40;inset:0}.dialog-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,20,29,.78),rgba(2,20,29,.05) 65%)}.dialog-card{position:absolute;left:50%;bottom:24px;display:grid;grid-template-columns:125px minmax(0,1fr);gap:22px;width:min(840px,calc(100vw - 30px));transform:translateX(-50%);padding:22px 30px 24px;border:3px solid #dca64d;border-radius:24px;background:linear-gradient(135deg,rgba(11,54,68,.98),rgba(5,35,47,.98));box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),0 10px 0 #4c3214,0 26px 60px rgba(0,0,0,.5)}.dialog-close{position:absolute;right:12px;top:10px;width:39px;height:39px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#082e3b;font-size:24px}.npc-portrait{align-self:start;display:grid;place-items:center;width:116px;height:116px;border:4px solid #ffd477;border-radius:50%;background:radial-gradient(circle,#ffbc63,#d96332);box-shadow:0 5px 0 #76401b}.npc-portrait span{font-size:56px;font-weight:950}.dialog-copy>small{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dialog-copy h2{margin:2px 0 9px;font-size:29px}.dialog-copy>p{margin:0;color:#fff;font-size:20px;line-height:1.35}.dialog-tools{display:flex;gap:8px;margin:11px 0}.dialog-tools button,.voice-button{min-height:36px;padding:7px 12px;border:1px solid rgba(142,218,230,.55);border-radius:9px;background:#0b5264;font-weight:800}.dialog-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dialog-option{min-height:62px;padding:9px 11px;border:2px solid #6aa8b4;border-radius:11px;background:#f8f4e8;color:#173440;text-align:left;font-weight:800}.dialog-option:hover,.dialog-option:focus-visible{border-color:#ffb73f;background:#fff}.dialog-option.wrong{border-color:#f36d50;background:#ffe0da}.dialog-option.correct{border-color:#2bbf97;background:#ddfff3}.voice-button{margin-top:10px;background:linear-gradient(#e97e3a,#be4f28);border-color:#ffc584}.voice-status{min-height:18px;margin:7px 0 0;color:#ffd985;font-size:12px}.victory-layer{display:grid;place-items:center;padding:15px;background:radial-gradient(circle,rgba(255,207,90,.25),rgba(2,19,28,.92) 68%)}.victory-card{position:relative;width:min(620px,100%);padding:39px 34px 32px;overflow:hidden;border:4px solid #e5ad4d;border-radius:28px;background:linear-gradient(#fff9df,#ead6a5);box-shadow:inset 0 0 0 5px #fff4c9,inset 0 0 0 8px #8e5b22,0 11px 0 #523412,0 30px 80px rgba(0,0,0,.55);color:#163a47;text-align:center}.victory-card>*{position:relative;z-index:1}.victory-rays{position:absolute;z-index:0;left:50%;top:28%;width:520px;height:520px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,177,45,.22) 0 10deg,transparent 10deg 22deg);animation:spin 24s linear infinite}.victory-key{display:grid;place-items:center;width:94px;height:94px;margin:0 auto 14px;border:5px solid #a9691d;border-radius:50%;background:linear-gradient(#ffe178,#e9a12f);box-shadow:0 7px 0 #774312,0 0 30px rgba(255,183,46,.55);font-size:28px;font-weight:950}.victory-card small{color:#ae6d21;font-weight:950;letter-spacing:.15em}.victory-card h2{margin:7px 0;font-size:39px}.victory-card p{margin:8px auto 18px;max-width:470px;color:#52696f;line-height:1.45}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.rewards span{padding:13px 8px;border:2px solid #c5a060;border-radius:12px;background:rgba(255,255,255,.44);font-size:11px;font-weight:850}.rewards b{display:block;color:#b36d1c;font-size:20px}.victory-card button{width:100%;min-height:53px;border:2px solid #ffd482;border-radius:13px;background:linear-gradient(#15768b,#0b4c5c);box-shadow:0 5px 0 #07303a;color:#fff;font-weight:950}.toast{position:fixed;z-index:70;left:50%;bottom:20px;transform:translate(-50%,170%);max-width:calc(100vw - 24px);padding:12px 18px;border:2px solid #f0c15e;border-radius:12px;background:#073e4d;box-shadow:0 5px 0 #032631;color:#fff;font-weight:800;transition:transform .25s}.toast.on{transform:translate(-50%,0)}
.capture-tools{position:fixed;z-index:90;left:50%;top:8px;display:flex;gap:7px;transform:translateX(-50%)}.capture-tools button,.capture-tools .capture-download{padding:7px 10px;border:1px solid #ffd577;border-radius:9px;background:#073e4d;box-shadow:0 3px 0 #032631;color:#fff;font-size:11px;font-weight:900;text-decoration:none}.capture-tools button:disabled{opacity:.65}
@keyframes marker{50%{transform:translate(-50%,-112%)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.player-hud{left:8px;top:8px;width:286px;height:72px;padding:7px 13px 7px 69px}.portrait{width:77px;height:77px}.nativo-word{height:27px}.nativo-word b{font-size:20px}.nativo-word .brand-bars{height:21px}.nativo-word .brand-bars i{width:5px}.level-row{font-size:11px}.mission-hud{left:8px;top:89px;width:285px;min-height:66px;grid-template-columns:45px 1fr 28px;padding:7px}.mission-pin{width:37px;height:37px}.mission-hud small{font-size:9px}.mission-hud strong{font-size:14px}.wallet{right:8px;top:9px;gap:5px}.wallet-pill{height:44px;gap:7px;padding-left:7px;font-size:15px}.wallet-pill>span{width:29px;height:29px}.wallet-pill button{width:31px;height:31px}.settings{width:44px;height:44px}.language-button{right:8px;top:61px}.joystick{left:18px;bottom:77px;width:122px;height:122px}.joystick span{width:52px;height:52px}.place-chip{left:8px;bottom:8px;min-width:164px;height:55px}.action-stack{right:20px;bottom:86px}.map-button{width:58px;height:58px}.run-button{width:68px;height:68px}.play-button{right:12px;bottom:9px;width:250px;height:67px}.play-button span{width:44px;height:44px}.play-button b{font-size:27px}.dialog-card{grid-template-columns:86px minmax(0,1fr);gap:13px;padding:17px}.npc-portrait{width:80px;height:80px}.npc-portrait span{font-size:40px}.dialog-copy>p{font-size:16px}.dialog-options{gap:6px}.dialog-option{font-size:12px}.world-tag:not([data-destination="hotel"]){opacity:0;pointer-events:none}}
@media(max-width:600px) and (orientation:portrait){.player-hud{right:8px;width:auto}.nativo-word b{font-size:18px}.wallet{top:87px;gap:3px}.wallet-pill{height:38px;gap:4px;padding:3px 4px 3px 6px;font-size:12px}.wallet-pill>span{width:25px;height:25px}.wallet-pill button{width:27px;height:27px;font-size:19px}.settings{width:38px;height:38px;font-size:21px}.mission-hud{top:132px;width:calc(100vw - 16px)}.language-button{top:203px}.joystick{left:10px;bottom:64px;width:108px;height:108px}.action-stack{right:12px;bottom:71px}.map-button{display:none}.run-button{width:64px;height:64px}.play-button{left:auto;right:10px;bottom:8px;width:min(190px,calc(100vw - 140px));height:57px;gap:10px;transform:none}.play-button span{width:39px;height:39px}.play-button b{font-size:22px}.place-chip{left:7px;bottom:7px;display:grid;min-width:118px;width:118px;height:49px;padding:5px 7px;grid-template-columns:25px 1fr}.place-chip span{width:20px;height:27px;border-width:2px}.place-chip b{font-size:11px}.place-chip small{font-size:7px}.world-tag{min-width:78px;padding:4px 6px;font-size:9px}.dialog-card{bottom:9px;display:block;max-height:72dvh;overflow:auto;padding:17px}.npc-portrait{float:left;width:65px;height:65px;margin:0 12px 6px 0}.dialog-copy h2{font-size:23px}.dialog-copy>p{font-size:15px}.dialog-options{clear:both;grid-template-columns:1fr}.dialog-option{min-height:46px}.victory-card{padding:27px 17px}.victory-card h2{font-size:30px}.rewards span{padding:9px 3px}.fps{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.world-tag:not([data-destination="hotel"]){opacity:.94}