:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#ebf6f1;background:#091017;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0;overflow:hidden;background:#101c22}#world{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none}#vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(4,10,17,.52) 100%)}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(11px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 4px calc(12px + env(safe-area-inset-left,0px));gap:12px;background:linear-gradient(#07141ed9,#08192375 70%,transparent);pointer-events:none}.hud-brand{display:flex;align-items:center;gap:9px;min-width:172px}.hud-brand .mark{height:34px;width:34px;border:1px solid #d7b87788;display:grid;place-items:center;border-radius:8px;color:#ffe3a0;background:#d3a66a1a;font-size:25px;text-shadow:0 0 15px #fdca64}.hud-brand strong{font-family:Georgia,serif;font-size:16px;letter-spacing:2px;color:#fff1cb}.hud-brand small{display:block;font-size:8px;letter-spacing:2px;color:#abc4c1;margin-top:2px}.stats{width:min(28vw,260px);padding-top:1px}.stat{display:flex;align-items:center;gap:5px;margin:0 0 4px;font-size:12px}.stat>span{width:17px;text-align:center;color:#ff9b8f}.stat:has(.mana)>span{color:#afabfb}.stat:has(.energy)>span{color:#f5d37a}.stat .bar{height:8px;flex:1;border-radius:50px;background:#182b32;border:1px solid #6e8c8a50;overflow:hidden}.stat .bar i{display:block;background:linear-gradient(90deg,#a63647,#f77972);height:100%;width:100%;transition:width .2s}.stat .bar.mana i{background:linear-gradient(90deg,#6670e1,#b2b8ff)}.stat .bar.energy i{background:linear-gradient(90deg,#b29e43,#f2d777)}.stat small{min-width:49px;text-align:right;font-size:9px;color:#d5e6dd}.top-actions{display:flex;gap:5px;pointer-events:auto}.top-actions button,#quickbar button{color:#e8e9d9;background:#12232dcc;border:1px solid #95b8ae55;border-radius:9px;min-width:45px;min-height:36px;padding:5px 8px;font-size:17px;box-shadow:0 2px 16px #0004;transition:.15s}.top-actions button span{display:block;font-size:8px;letter-spacing:.5px}.top-actions button:active,#quickbar button:active,.act:active{background:#567c7a!important;transform:scale(.94)}#settingsBtn{min-width:31px;font-size:18px}#placeLabel{position:absolute;top:calc(65px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:11px;font-size:9px;font-weight:700;letter-spacing:1.3px;text-shadow:1px 2px #071316}#location{color:#f8d995}#clock{color:#c4d4cd}#questMini{position:absolute;left:calc(13px + env(safe-area-inset-left,0px));top:calc(89px + env(safe-area-inset-top,0px));max-width:290px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #b79c6f6b;background:#111e25ca;border-radius:9px;backdrop-filter:blur(6px);cursor:pointer}#questMini .questDot{font-size:19px;color:#f5c97a}#questMini strong{display:block;font-family:Georgia,serif;color:#fff0c9;letter-spacing:.5px;font-size:10px}#questMini small{font-size:9px;color:#c1d0cb;line-height:1.3;display:block;margin-top:3px}#questMini .questArrow{color:#eecb89}.hidden{display:none!important}#targetLabel{position:absolute;top:21%;left:50%;transform:translateX(-50%);padding:7px 15px;border:1px solid #f1bb92aa;background:#221b22db;color:#ffe1bb;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}#toast{position:absolute;bottom:26%;left:50%;transform:translateX(-50%);max-width:75vw;pointer-events:none;text-align:center;font-size:12px;color:#fff6d7;text-shadow:0 2px 3px black;white-space:pre-line;font-weight:600;opacity:0;transition:opacity .3s}#toast.show{opacity:1}#interactionHint{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);color:#c8f4e5;font-size:11px;text-align:center;text-shadow:0 2px 4px #071211;pointer-events:none;max-width:40%}#quickbar{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:5px;z-index:2}#quickbar button{min-width:60px;background:#12202de6;border:1px solid #b8a16e66;min-height:46px}#quickbar b{display:block;font-size:18px;font-weight:400}#quickbar small{display:block;font-size:8px;font-weight:700;letter-spacing:.7px;color:#ded2aa}#mobileControls{position:absolute;inset:0;pointer-events:none;z-index:1}.dpad{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom,0px));left:calc(22px + env(safe-area-inset-left,0px));width:155px;height:126px}.dpad button{position:absolute;pointer-events:auto;width:49px;height:42px;background:#122733bf;color:#e6f5ef;font-size:18px;border:1px solid #9cb8b080;border-radius:9px;touch-action:none}.dpad button.pressed,.act.pressed{background:#84d6bc81!important;border-color:#bfffe7}.dpad .up{top:0;left:53px}.dpad .left{top:43px;left:0}.dpad .right{top:43px;right:0}.dpad .down{bottom:0;left:53px}.actpad{position:absolute;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(15px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,55px);grid-template-rows:repeat(2,53px);gap:6px;pointer-events:none;align-items:center}.act{pointer-events:auto;border:1px solid #9dada4aa;background:#132631cf;color:white;border-radius:12px;width:55px;height:51px;font-size:19px;touch-action:none}.act small{display:block;font-size:7px;font-weight:750;letter-spacing:.5px}.act.attack{grid-column:3;grid-row:2;background:#8c3c42b8;border-color:#f09889}.act.interact{grid-column:2;grid-row:2;background:#a47b3ca8;border-color:#e1bc79}.act.capture{grid-column:1;grid-row:2;border-color:#8be0cd}.act.special{grid-column:3;grid-row:1;background:#51519aba;border-color:#a1a9fa}.act.shield{grid-column:2;grid-row:1}#rotate{position:absolute;inset:0;z-index:99;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#0e1820;color:#f8ddb2;padding:20px}#rotate .rotate-icon{font-size:80px;line-height:1}#rotate h2{font-family:Georgia,serif;letter-spacing:2px}#rotate p{color:#aebebf}@media(orientation:portrait) and (max-width:850px){#rotate{display:flex!important}}
#modalBackdrop{position:absolute;inset:0;z-index:50;background:#060f16c9;display:flex;align-items:center;justify-content:center;padding:calc(14px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));backdrop-filter:blur(7px)}#modal{width:min(850px,94vw);height:min(580px,90vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #cfb47a8c;background:linear-gradient(135deg,#172934,#0d1c27 72%);border-radius:14px;box-shadow:0 15px 80px #000c,inset 0 0 0 3px #182e37}.modalHead{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;border-bottom:1px solid #bdac7955;background:#0b19258a}.modalHead small{font-size:9px;letter-spacing:3px;color:#adbbb4}.modalHead h2{font-family:Georgia,serif;color:#f4d49a;font-size:21px;letter-spacing:2px;margin:3px 0 0}.modalHead button{width:35px;height:35px;color:#eee0c0;background:#2c3541;border:1px solid #aba18c77;border-radius:7px;font-size:17px}#modalBody{padding:18px 20px 27px;overflow-y:auto;overflow-x:hidden;flex:1;touch-action:pan-y;overscroll-behavior:contain}#modalBody h3{font-family:Georgia,serif;color:#f0d6aa;font-size:15px;margin:15px 0 7px}#modalBody p{font-size:12px;line-height:1.6;color:#bfd0ca;margin:5px 0 13px}.dim{color:#91aaa9;font-size:11px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.tileCard{border:1px solid #77928a55;background:#23374065;border-radius:9px;padding:11px;min-width:0}.tileCard h4{font-size:12px;margin:3px 0 5px;color:#f4e5bd}.tileCard p{font-size:11px!important;margin:4px 0!important}.tileCard .cardIcon{font-size:27px;display:block;margin-bottom:4px}.tag{display:inline-block;background:#183e3f;border:1px solid #62958977;color:#c1e9d3;border-radius:5px;padding:2px 5px;margin-right:4px;margin-bottom:4px;font-size:9px}.dangerTag{background:#4b2938;border-color:#bd7077;color:#ffd4c8}.btn{display:inline-block;margin:4px 4px 3px 0;padding:8px 11px;border-radius:6px;border:1px solid #a0c3b1aa;background:#345f58;color:#e8fff0;font-size:11px;font-weight:700}.btn:disabled{opacity:.43;cursor:not-allowed}.btn.secondary{background:#263643;border-color:#809f9c}.btn.gold{background:#675137;border-color:#e1be79;color:#fff2c8}.btn.red{background:#6b343b;border-color:#d38588}.btn.active{background:#647d68;border-color:#b0ffdc}.sectionBreak{height:1px;background:#66817c55;margin:15px 0}.rowFlex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inventory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:6px}.item{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;background:#142731;border:1px solid #4e6c6960;border-radius:7px;font-size:11px}.item strong{color:#f2d99d;white-space:nowrap}.inputBlock{display:inline-flex;flex-direction:column;gap:5px;min-width:142px;flex:1;color:#a9c7be;font-size:10px;text-transform:uppercase;letter-spacing:1px}.inputBlock select{color:#e9f7ed;background:#1d3039;border:1px solid #819c9280;border-radius:6px;padding:9px;max-width:100%;font-size:12px}.progress{width:100%;height:8px;background:#08161c;border-radius:8px;overflow:hidden;margin-top:8px}.progress i{height:100%;display:block;background:#7dc1a9}.mapWrap{position:relative;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.mapCanvas{image-rendering:pixelated;width:min(58vh,420px);height:min(58vh,420px);max-width:100%;border:2px solid #bea672;touch-action:manipulation;background:#142a2e}.mapLegend{max-width:230px;min-width:150px;flex:1}.mapLegend p{font-size:11px!important}.storyEntry{padding:10px 12px;margin:6px 0;border-left:3px solid #617e79;background:#1f323a78;border-radius:0 6px 6px 0}.storyEntry.current{border-color:#f0cc86;background:#443e2c7d}.storyEntry.done{opacity:.6;border-color:#60a891}.storyEntry strong{font-size:12px;color:#f2ddae}.storyEntry small{font-size:10px;display:block;color:#b9cbc4;margin-top:5px;line-height:1.5}.dialogPortrait{font-size:42px;float:left;margin-right:16px}.dialogText{font-family:Georgia,serif;font-size:17px!important;color:#f1deb9!important;line-height:1.7!important}.dialogChoices{clear:both;margin-top:20px}.meter{height:8px;background:#233543;border-radius:6px;overflow:hidden}.meter i{display:block;height:100%;background:#87e5b8}.tips{padding:9px 11px;background:#213f3f5b;border-left:2px solid #83d5be;border-radius:0 7px 7px 0;font-size:11px;color:#bfe3d5;margin:10px 0;line-height:1.6}#splash{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;overflow:auto;background:radial-gradient(ellipse at 49% 45%,#234549 0%,#13242e 43%,#080f1a 100%);padding:15px}.stars{position:absolute;inset:0;opacity:.33;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,white 100%,transparent),radial-gradient(2px 2px at 70% 45%,white 100%,transparent),radial-gradient(1px 1px at 86% 18%,white 100%,transparent),radial-gradient(1px 1px at 43% 80%,white 100%,transparent),radial-gradient(1px 1px at 25% 72%,white 100%,transparent),radial-gradient(2px 2px at 94% 65%,white 100%,transparent);background-size:220px 180px;animation:stars 80s linear infinite}@keyframes stars{to{background-position:440px 180px}}.splashContent{position:relative;text-align:center;max-width:680px;max-height:100%;overflow-y:auto;touch-action:pan-y;padding:5px 20px}.rune{font-size:42px;color:#f5d189;text-shadow:0 0 30px #f7c87780}.overline{font-size:10px;color:#c9b68e;letter-spacing:5px;margin:4px 0 0}.splashContent h1{font-family:Georgia,serif;font-size:clamp(39px,6.5vw,83px);color:#fff0bc;letter-spacing:5px;font-weight:500;margin:2px 0;text-shadow:0 4px 15px #080e1e}.splashContent h1 span{color:#79d6c8}.subtitle{letter-spacing:8px;font-size:13px;color:#d7c4a2}.splashArt{display:flex;justify-content:center;align-items:center;gap:23px;font-size:34px;margin:17px 0;filter:drop-shadow(0 3px 8px #000)}.splashArt span:nth-child(3){font-size:49px}.splashContent p{font-family:Georgia,serif;font-size:14px;color:#cbdfd5;line-height:1.5;max-width:510px;margin:12px auto}.primary{background:linear-gradient(130deg,#edc988,#ac8252);border:1px solid #fff0ba;padding:12px 29px;color:#16242b;font-weight:900;border-radius:5px;letter-spacing:2px;font-size:13px;box-shadow:0 0 32px #dab67544;display:block;margin:14px auto 5px}.splashContent .secondary{display:block;margin:9px auto;background:transparent;border:1px solid #8bb9a8;color:#e6f7ed;padding:9px 20px;border-radius:5px;font-size:12px}.splashFoot{font-size:9px;color:#97b9af;letter-spacing:1.3px;display:block;margin-top:12px}@media(pointer:fine){#mobileControls{display:none}#quickbar{bottom:12px}}@media(max-height:450px){#hud{padding-top:4px}.hud-brand .mark{height:26px;width:26px;font-size:19px}.hud-brand strong{font-size:12px}.hud-brand small{font-size:7px}.top-actions button{min-height:30px;font-size:14px;padding:2px 5px;min-width:38px}.top-actions button span{font-size:7px}.stats{width:175px}.stat{margin-bottom:2px}.stat .bar{height:6px}#placeLabel{top:44px}#questMini{top:63px;padding:6px;max-width:215px}#questMini strong{font-size:9px}#questMini small{font-size:8px}#quickbar button{min-height:36px;min-width:50px;padding:3px 5px}#quickbar b{font-size:14px}#quickbar small{font-size:7px}.dpad{transform:scale(.72);transform-origin:bottom left}.actpad{transform:scale(.80);transform-origin:bottom right}#modalBody{padding:10px 13px 20px}.modalHead{padding:9px 13px}.modalHead h2{font-size:16px}.splashContent h1{font-size:43px}.splashArt{font-size:24px;margin:4px 0}.splashArt span:nth-child(3){font-size:32px}.splashContent p{font-size:11px;margin:5px auto}.primary{padding:7px 20px;margin:7px auto;font-size:11px}.rune{font-size:25px}.subtitle{font-size:9px}.splashFoot{font-size:7px;margin-top:3px}}
@media(max-width:900px){.hud-brand{min-width:106px}.hud-brand .mark{width:25px;height:25px;font-size:17px}.hud-brand strong{font-size:11px;letter-spacing:1px}.hud-brand small{font-size:6.5px;letter-spacing:1px}.stats{width:140px;min-width:108px}.stat small{min-width:37px;font-size:8px}.top-actions button{min-width:34px;min-height:30px;padding:3px 4px;font-size:15px}.top-actions button span{display:none}#hud{gap:7px}}
@media(max-width:620px){.hud-brand .mark{display:none}.hud-brand{min-width:87px}.hud-brand strong{font-size:10px}.stats{width:111px}.stat small{display:none}.top-actions{gap:3px}.top-actions button{min-width:30px;font-size:13px}.top-actions #settingsBtn{min-width:25px}#questMini{max-width:180px}#questMini .questDot{display:none}#quickbar{gap:2px}#quickbar button{min-width:43px}#quickbar small{font-size:6px}}
@media(orientation:portrait){#rotate{display:flex!important}}
@media(prefers-reduced-motion:reduce){.stars{animation:none!important}*{scroll-behavior:auto!important}}

/* CRONOSFERA II — SISTEMA VISUAL / INTERFAZ TÁCTIL SAFARI */
:root {color-scheme:dark; --gold:#edca89; --jade:#78cdb2;--ink:#0b1725}
html,body,#game,canvas,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
button, [role=button], .act, .dpad button {touch-action:manipulation; -webkit-appearance:none;appearance:none;outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
button:focus-visible,[role=button]:focus-visible {outline:2px solid #edcd88;outline-offset:3px}
button:active {filter:brightness(1.07)}
input,textarea,select,#modalBody{-webkit-user-select:text;user-select:text}
#vignette {background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(6,12,23,.52) 100%);z-index:0}
#weatherBadge {position:absolute;left:50%;transform:translateX(-50%);top:calc(64px + env(safe-area-inset-top,0px));font-size:9px;letter-spacing:1px;font-weight:850;color:#fff3cf;background:#122936c9;border:1px solid #a1bdae5e;border-radius:100px;padding:5px 12px;pointer-events:none;white-space:nowrap;z-index:1;text-shadow:0 1px 3px #000}
#levelBadge {position:absolute;right:calc(15px + env(safe-area-inset-right,0px));top:calc(60px + env(safe-area-inset-top,0px));font-size:10px;font-weight:900;letter-spacing:1.2px;z-index:2;color:#eacb90;text-align:right;pointer-events:none;background:#11242eb9;border:1px solid #b09b6866;padding:6px 9px;border-radius:7px;min-width:95px}
.xpTrack {height:4px;background:#10202b;margin-top:5px;border-radius:9px;overflow:hidden}
.xpTrack i{display:block;background:linear-gradient(90deg,#6fdfc0,#e3d391);width:0%;height:100%}
#splash {background:linear-gradient(90deg,#09121be9,#091a23aa 45%,#091621cc),url('assets/sprites/cover-pixel.png') center center/cover no-repeat #111f2e;image-rendering:pixelated}
.splashContent {background:linear-gradient(135deg,#0b1826df,#0e2834d0);border:1px solid #d3b98375;box-shadow:0 0 0 5px #101b2b78,0 30px 90px #060b15d0;border-radius:8px;padding:20px 28px;max-width:630px}
.splashArt {gap:15px;color:#eed8a0;font-size:16px;letter-spacing:2px;margin:8px auto;filter:none}
.splashArt span:nth-child(2){font-size:10px}
.splashArt span:nth-child(3){font-size:16px}
#hud,.top-actions button,#quickbar,.dpad,.actpad { -webkit-tap-highlight-color:transparent }
#quickbar {bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#0a1824a8;padding:4px 6px;border:1px solid #79928c55;border-radius:13px;box-shadow:0 8px 26px #0006;gap:3px}
#quickbar button {border-radius:9px;box-shadow:inset 0 1px 0 #d3f1de17;background:#172d38f0;min-width:55px;min-height:40px}
#quickbar button:active,.top-actions button:active {background:#34545d}
#mobileControls {z-index:4}
.dpad {bottom:calc(13px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px));width:144px;height:124px}
.dpad button {width:46px;height:41px;border-radius:12px;background:linear-gradient(160deg,#243f4ee8,#112533ed);border:1px solid #9dc6b58f;color:#e5faef;box-shadow:inset 0 1px 0 #d1fff031,0 4px 0 #091721cb;font-size:15px;font-weight:900}
.dpad .up{left:49px;top:0}.dpad .left{left:0;top:41px}.dpad .right{right:0;top:41px}.dpad .down{left:49px;bottom:0}
.dpad button.pressed {background:#446a66!important;transform:translateY(2px);box-shadow:inset 0 2px 8px #051b27!important}
.actpad {bottom:calc(12px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px));grid-template-columns:repeat(4,48px);grid-template-rows:repeat(2,49px);gap:5px}
.act {height:47px;width:48px;border-radius:12px;background:linear-gradient(145deg,#2a4654ef,#192a37ee);border:1px solid #799a91b5;box-shadow:inset 0 1px 0 #deffec26,0 4px 0 #0d1a24a8;color:#eff9f4;font-size:17px;text-shadow:0 1px 1px #000}
.act small {font-size:6.5px;letter-spacing:.2px}
.act.attack{grid-column:4;grid-row:2;background:linear-gradient(145deg,#b4535af2,#662f3af2);border-color:#ff9c87}
.act.special{grid-column:4;grid-row:1;background:linear-gradient(145deg,#826ab8,#40386f);border-color:#baa7ed}
.act.interact{grid-column:3;grid-row:2;background:linear-gradient(145deg,#b18b54,#685039);border-color:#f1cb8a}
.act.capture{grid-column:2;grid-row:2;border-color:#94e4cc}
.act.shield{grid-column:3;grid-row:1;border-color:#a6d1f4}
.act.dodge{grid-column:1;grid-row:2;background:linear-gradient(145deg,#467e83,#214e5a);border-color:#8de7e5}
.act.turn{grid-column:2;grid-row:1;border-color:#e0cf95}
.act.pressed {background:#346866!important;box-shadow:inset 0 3px 9px #081d2a!important;transform:translateY(2px)}
#modal {border:1px solid #dbbd807e;background:linear-gradient(145deg,#152a36,#0b1825);box-shadow:0 20px 95px #000e,inset 0 0 0 3px #243e4555}
.tileCard {box-shadow:inset 0 1px 0 #a5d2c912;transition:background .15s}
.tileCard:active{background:#2b4041aa}
@media (max-width: 800px) and (orientation:landscape) {
 #weatherBadge {top:calc(41px + env(safe-area-inset-top,0px));font-size:8px;padding:3px 7px;max-width:32%;overflow:hidden;text-overflow:ellipsis}
 #levelBadge{top:calc(43px + env(safe-area-inset-top,0px));font-size:8px;padding:4px 6px;min-width:75px}
 #quickbar{gap:1px;padding:3px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}
 #quickbar button{min-width:36px;padding:3px 2px;min-height:35px}
 #quickbar b{font-size:14px}#quickbar small{font-size:6px}
 .dpad{transform:scale(.85);transform-origin:bottom left}
 .actpad{transform:scale(.90);transform-origin:bottom right}
 #questMini{top:calc(58px + env(safe-area-inset-top,0px));max-width:190px;padding:6px 7px}
 #questMini strong{font-size:9px}#questMini small{font-size:8px}
 #placeLabel{top:calc(43px + env(safe-area-inset-top,0px))}
 .splashContent{padding:8px 20px}.rune{font-size:20px}.overline{font-size:8px}.splashContent h1{font-size:clamp(32px,6vw,52px)}.splashContent p{font-size:10px;margin:5px auto}.splashFoot{font-size:7px}
}
@media (max-width: 700px) and (orientation:landscape){.dpad{left:5px;transform:scale(.78)}.actpad{right:5px;transform:scale(.78)}#quickbar button{min-width:33px}.act small{font-size:6px}}

/* CRONOSFERA III — CARTOGRAFÍA Y MOCHILA PREMIUM */
:root{--gold:#e9ce98;--jade:#74dbbb;--ink:#091421}
html,body,#game,canvas,button,[role=button],.dpad,.actpad{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation}
#world{touch-action:none}
button,.act,.dpad button{overscroll-behavior:contain;-webkit-appearance:none;appearance:none}
button:focus:not(:focus-visible){outline:none!important;box-shadow:none}
#modalBody{touch-action:pan-y;overscroll-behavior:contain}
#hud{background:linear-gradient(180deg,#0a1422e8 15%,#0d2733dc);border-bottom:1px solid #c5a8755c}
#questMini{background:linear-gradient(130deg,#101f2df2,#1a3340d9);border:1px solid #cbb07977;box-shadow:0 5px 17px #050e1bb0}
#quickbar{backdrop-filter:blur(7px)}
#modal{border-radius:13px;box-shadow:0 10px 60px #000e,0 0 0 1px #ddc59a25 inset}
.tileCard{background:linear-gradient(135deg,#1b3440,#122630);border-radius:11px;padding:12px;box-shadow:0 7px 25px #0003,inset 0 1px #dcf9d914}
.itemIdentity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.itemIdentity>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.itemArt{width:42px;height:42px;image-rendering:pixelated;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 7px #0008)}
.rarity{font-size:9px;font-weight:800;letter-spacing:.3px;color:#abbab1}
.rarity-poco_comun{color:#80d7aa}.rarity-raro{color:#70bafa}.rarity-epico{color:#d39dff}.rarity-legendario{color:#f6c46e}.rarity-mitico{color:#ff91b1}
.speciesGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:7px;max-height:400px;overflow:auto;padding:5px;border:1px solid #6b968858;border-radius:10px;background:#0b2028}
.speciesCard{padding:8px 4px;min-height:86px;background:linear-gradient(150deg,#193943,#101f30);border:1px solid #617c7966;border-radius:9px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.speciesCard strong{font-size:10px;line-height:1.2;color:#ecede1}.speciesCard small{font-size:8px;color:#cdbea3}
.petPortrait,.speciesSpot{image-rendering:pixelated;background-image:url('assets/sprites/species-v3.png');background-repeat:no-repeat;background-size:1152px auto;flex-shrink:0;width:48px;height:48px;margin:0 auto}
.speciesSpot{width:48px;height:48px;margin:8px;background-color:#1d3040;border:1px solid #bbdbbe99;border-radius:9px}
.tamePanel{display:flex;gap:14px;align-items:flex-start;background:#102733;border:1px solid #d3bc8770;padding:12px;border-radius:12px;margin:10px 0}
.tamePanel h3{margin:5px 0}.tamePanel p{margin:4px 0}
.act.interact{border:2px solid #f1d08e;background:linear-gradient(145deg,#d0a76a,#785539)}
#weatherBadge{box-shadow:0 3px 15px #0007}
@media (max-height:390px){.dpad{transform:scale(.76);transform-origin:bottom left}.actpad{transform:scale(.82);transform-origin:bottom right}#quickbar{bottom:calc(2px + env(safe-area-inset-bottom,0px))}}

.atlasDestinations{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:6px;max-height:260px;overflow-y:auto;padding:6px;background:#0b1e29;border-radius:9px}.atlasDestinations button{font-size:10px;min-height:33px;text-align:left;white-space:normal}.atlasDestinations small{color:#a9ceb7;font-size:8px;float:right}