/* Grimwood V16 · Cicatrices de la Memoria — mobile, dialogue pacing and save slots */
html,body{width:100%;height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#game{width:100%;height:100dvh;min-height:100svh;max-height:100dvh}
.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.save-slot{position:relative;text-align:left;min-height:164px;padding:18px;border:1px solid #8b6b3d;background:linear-gradient(145deg,#18130f,#090807);color:#ded0b5}.save-slot:hover,.save-slot:focus-visible{border-color:#d2a55b;background:linear-gradient(145deg,#2a1813,#0b0908)}.save-slot.empty{border-style:dashed;opacity:.86}.save-slot .slot-no{display:block;font:700 .7rem Arial;letter-spacing:.18em;color:#a88a5c}.save-slot strong{display:block;margin:8px 0;font:1.35rem Georgia;color:#ebcc8d}.save-slot .slot-mark{position:absolute;right:16px;top:14px;font-size:1.5rem;color:#bc904d}.save-slot small,.save-slot em{display:block;margin-top:7px;color:#a99d89;font-style:normal}.save-slot .slot-progress{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:.78rem;color:#c9b893}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-card{min-height:230px;text-align:left;padding:19px;border:1px solid #745c3b;background:#100e0b;color:#d8cbb6}.profile-card strong{display:block;font:1.45rem Georgia;color:#e5c17a;margin:8px 0}.profile-card .pro{color:#b9c999}.profile-card .con{color:#cf8e85}.slot-active{padding:10px 12px;border-left:2px solid #c69850;background:#b88d4d10;color:#d9c39a;font-size:.8rem;letter-spacing:.08em}
#mobile-fullscreen{display:none}.touch-mode #mobile-fullscreen{display:inline-flex}
.mobile-install-hint{padding:12px 14px;border:1px solid #8f744b66;background:#15110dc4;color:#cbb995;line-height:1.5}
@media(max-width:760px){
 html,body{position:fixed;inset:0;overflow:hidden}#game{height:100dvh;width:100vw}
 dialog{inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:auto!important;max-width:none!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top))!important;margin:0!important;padding:18px!important;overflow:auto;-webkit-overflow-scrolling:touch}
 dialog[data-kind=dialogue]{min-height:0!important;padding:16px!important;background:linear-gradient(180deg,#0b0908f8,#080706fc)!important}
 dialog[data-kind=dialogue] #panel-portrait{position:relative!important;float:left!important;width:96px!important;height:120px!important;margin:0 14px 10px 0!important;left:auto!important;top:auto!important;bottom:auto!important;-webkit-mask-image:linear-gradient(#000 75%,transparent)!important;mask-image:linear-gradient(#000 75%,transparent)!important;background-position:center 12%!important}
 dialog[data-kind=dialogue] h2{font-size:clamp(1.55rem,7vw,2.15rem)!important;margin:8px 0 6px!important;white-space:normal!important}.dialogue-page{clear:both!important;min-height:0!important;padding:12px 0!important}.spoken{font-size:clamp(1.02rem,4.6vw,1.3rem)!important;line-height:1.48!important;min-height:0!important}.dialogue-location{font-size:.64rem!important}.dialogue-count{font-size:.65rem!important}
 #panel-footer{position:sticky;bottom:-18px;background:linear-gradient(180deg,transparent,#090807 20%);padding-top:22px!important;gap:7px!important}#panel-footer>button{min-height:46px!important;flex:1 1 130px!important;font-size:.92rem!important;padding:10px 12px!important}
 .slot-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-card{min-height:0}.save-slot{min-height:136px}
 .title-content{width:min(88vw,460px)!important;margin-left:max(5vw,env(safe-area-inset-left))!important;padding-top:max(4vh,env(safe-area-inset-top))!important}.title-content h1{font-size:clamp(42px,13vw,68px)!important}.title-links{gap:12px!important;flex-wrap:wrap}.title-links .text-button{font-size:13px!important}
 .player-vitals{left:max(10px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;width:min(47vw,185px)!important}.top-actions{right:max(8px,env(safe-area-inset-right))!important;top:max(12px,env(safe-area-inset-top))!important}.room-heading{top:max(82px,calc(env(safe-area-inset-top) + 72px))!important;width:78%!important}.room-heading h2{font-size:18px!important}
 #boss-hud{top:max(138px,calc(env(safe-area-inset-top) + 128px))!important;width:min(74vw,310px)!important}.touch-actions{right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;transform:scale(.78)!important}.touch-mode #joystick{left:max(18px,env(safe-area-inset-left))!important;bottom:max(20px,env(safe-area-inset-bottom))!important}.touch-mode #objective{bottom:max(155px,calc(env(safe-area-inset-bottom) + 145px))!important}.touch-mode #reward-action{bottom:max(205px,calc(env(safe-area-inset-bottom) + 195px))!important}
 #p2-hud{max-width:46vw!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(150px,calc(env(safe-area-inset-bottom) + 140px))!important}
}
@media(max-width:430px){.currency{display:none}.room-heading{width:68%!important}.player-vitals{width:46vw!important}.hero-portrait{display:none!important}.name-line{font-size:10px!important}.resource-caption{display:none!important}#objective{max-width:60vw!important}.touch-actions{transform:scale(.70)!important}.touch-mode #joystick{transform:scale(.88);transform-origin:left bottom}}
@media(max-height:500px) and (orientation:landscape){.title-content .intro,.edition{display:none!important}.title-content{padding-top:3vh!important}.title-content h1{font-size:40px!important}dialog{max-height:96dvh!important}.room-heading{top:8px!important}.player-vitals{top:8px!important}.top-actions{top:8px!important}#boss-hud{top:62px!important}.touch-mode #objective{display:none}.touch-actions{transform:scale(.64)!important}.touch-mode #joystick{transform:scale(.72);transform-origin:left bottom}}

.title-content:before{content:'◆  CICATRICES DE LA MEMORIA  ◆'!important;}
