/* Grimwood V20.10.35 — Corrección inmediata UI escénica
   Regla: negro / blanco / ceniza. Sin oro/verde decorativo. */
:root{
  --ink:#000;--ink-1:#080808;--ink-2:#111;--ink-3:#191919;
  --ash-1:#3e3e3e;--ash-2:#707070;--ash-3:#aaa;--paper:#eceae4;--white:#fff;
  --gold:#d9d9d9;--mint:#d9d9d9;--line:rgba(255,255,255,.22);--line-strong:rgba(255,255,255,.58);--panel:rgba(0,0,0,.94);
}
*{box-sizing:border-box}
body,button,input,select,textarea{color:var(--paper)}
button{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:4px}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#777}::-webkit-scrollbar-track{background:#0a0a0a}

/* ---------- ARRANQUE / CARGA ÚNICA ---------- */
#demo-splash{background:#000!important;color:#fff!important}
.demo-splash-card{background:transparent!important;border:0!important;box-shadow:none!important}
.demo-splash-card:before{content:"";position:absolute;inset:12% 12%;background:radial-gradient(ellipse at 46% 42%,#101010 0 46%,transparent 47%);opacity:.9;pointer-events:none}
.demo-splash h1{font-size:clamp(4.6rem,11vw,10.5rem)!important;letter-spacing:.025em!important;color:#f5f3ee!important;text-shadow:none!important}
.demo-splash-sub,.boot-copy,.demo-build,.device-selected{color:#aaa!important}.demo-splash-mark{color:#bbb!important;border-color:#555!important;background:#080808!important}
.boot-seal{filter:grayscale(1) brightness(1.8)!important}
#ink-load-screen-v2{margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100dvh!important;border:0!important;background:#000!important;color:#fff!important;overflow:hidden!important}
#ink-load-screen-v2::backdrop{background:#000!important}
.ink-load-art{position:relative;width:100%;height:100%;padding:clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;isolation:isolate;overflow:hidden}
.ink-load-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 46%,rgba(255,255,255,.07),transparent 30%),linear-gradient(100deg,transparent 0 45%,rgba(255,255,255,.025) 45% 46%,transparent 46%);z-index:-2}
.ink-load-art:after{content:"";position:absolute;right:-3vw;top:4vh;width:min(48vw,720px);aspect-ratio:1;background:url('assets/ui33/knight-ring.svg') center/contain no-repeat;opacity:.72;filter:grayscale(1);z-index:-1}
.ink-load-seal{width:80px;height:80px;background:url('assets/ui33/bell-seal.svg') center/contain no-repeat;margin-bottom:18px;opacity:.95}
.ink-load-art>small{font:700 .78rem/1 system-ui,sans-serif;letter-spacing:.34em;color:#8c8c8c}
.ink-load-art h2{margin:.25em 0 .1em;font:500 clamp(3.2rem,7vw,7rem)/.9 Georgia,serif;letter-spacing:.02em;color:#f5f3ee;text-transform:uppercase;max-width:12ch}
.ink-load-art p{font:400 clamp(1.15rem,1.7vw,1.7rem)/1.3 Georgia,serif;color:#bbb;margin:1.1em 0 2.5em}
.ink-load-rule{width:min(620px,52vw);height:3px;background:#242424;overflow:hidden}.ink-load-rule i{display:block;width:8%;height:100%;background:#fff;transition:width .22s ease}
.ink-load-art em{margin-top:18px;font:600 .72rem/1.3 system-ui,sans-serif;letter-spacing:.18em;color:#737373;text-transform:uppercase;font-style:normal}
#ink-load-retry{margin-top:22px;background:#fff;color:#000;border:0;padding:13px 20px;font-weight:900;letter-spacing:.12em}
#load-screen{display:none!important}

/* ---------- PORTADA ---------- */
#title-screen{position:fixed!important;inset:0!important;background:#000!important;overflow:hidden!important;color:#fff!important}
#title-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0 43%,rgba(0,0,0,.72) 55%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.45));pointer-events:none}
#title-screen .title-art{position:absolute!important;inset:0 0 0 40%!important;background-position:center 22%!important;background-size:cover!important;filter:grayscale(1) contrast(1.18) brightness(.72)!important;opacity:.92!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}
.title-ink{position:absolute;inset:0;background:url('assets/ui33/ink-splatter.svg') 15% 88%/36vw auto no-repeat;opacity:.13;z-index:1;pointer-events:none}
.title-content{position:relative!important;z-index:3!important;width:min(42vw,610px)!important;height:100%!important;padding:clamp(30px,5vh,72px) 0 40px clamp(34px,6.5vw,116px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important}
.title-content h1{margin:.08em 0!important;font:500 clamp(5rem,8.3vw,9rem)/.78 Georgia,serif!important;letter-spacing:.025em!important;color:#f5f3ee!important;text-shadow:none!important;white-space:nowrap}
.title-content .eyebrow,.title-demo-badge{font:800 .7rem/1 system-ui,sans-serif!important;letter-spacing:.28em!important;color:#aaa!important}.title-demo-badge{border:0!important;background:none!important;padding:0!important;margin-bottom:20px!important}
.title-content .subtitle{margin:.55em 0 1.2em!important;font:500 clamp(1rem,1.4vw,1.35rem)/1 Georgia,serif!important;letter-spacing:.19em!important;text-transform:uppercase!important;color:#8f8f8f!important}
.title-main-menu{display:flex;flex-direction:column;width:min(360px,32vw);gap:2px}
.title-choice{position:relative!important;text-align:left!important;border:0!important;background:transparent!important;color:#a9a9a9!important;padding:10px 16px!important;min-height:0!important;font:900 clamp(.92rem,1.1vw,1.08rem)/1.15 system-ui,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;overflow:visible!important}
.title-choice:before{content:"";position:absolute;inset:3px -14px;background:url('assets/ui33/brush.svg') center/100% 100% no-repeat;opacity:0;z-index:-1;transition:.13s ease}
.title-choice:hover,.title-choice:focus,.title-choice.primary{color:#050505!important}.title-choice:hover:before,.title-choice:focus:before,.title-choice.primary:before{opacity:1}
.title-choice span{float:right}.title-meta-row{margin-top:20px;display:flex;gap:18px;color:#666;font:.65rem/1 system-ui,sans-serif;letter-spacing:.14em}.slot-active,.device-profile-badge{border:0!important;background:transparent!important;color:#747474!important;padding:0!important}
.title-footer{position:absolute;z-index:3;bottom:24px;left:clamp(34px,6.5vw,116px);right:28px;display:flex;gap:24px;align-items:center;color:#565656;font:700 .63rem/1 system-ui,sans-serif;letter-spacing:.12em}.title-footer a{color:#888;text-decoration:none}.title-footer .edition{margin-left:auto}.title-runes,.title-tools,.title-divider,.title-content .intro{display:none!important}

/* ---------- HUD ---------- */
#hud{font-family:system-ui,sans-serif;color:#ddd}
.player-vitals{top:20px!important;left:20px!important;width:min(390px,32vw)!important;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.18))!important;border:0!important;padding:10px 12px!important;box-shadow:none!important}
.hero-portrait{width:64px!important;height:64px!important;border:1px solid #555!important;filter:grayscale(1) contrast(1.15)!important}.name-line{margin-left:76px!important}.health-track,.stamina-track{margin-left:76px!important;background:#151515!important;border:0!important;height:5px!important}.health-track div{background:#d8d8d8!important}.stamina-track div{background:#777!important}.resource-caption{margin-left:76px!important;color:#777!important;font-size:.58rem!important;letter-spacing:.16em!important}
.room-heading{top:20px!important;color:#777!important}.room-heading h2{font-family:Georgia,serif!important;color:#aaa!important;font-weight:400!important}.room-heading p{color:#666!important}
.top-actions{top:18px!important;right:20px!important}.top-actions button{background:rgba(0,0,0,.45)!important;border:1px solid #333!important;color:#bbb!important}.currency{color:#aaa!important}
#abilities{position:fixed!important;right:22px!important;bottom:18px!important;display:flex!important;gap:6px!important;z-index:12!important;background:rgba(0,0,0,.32)!important;padding:5px!important;border:0!important;backdrop-filter:none!important}
#abilities .ability{position:relative!important;width:auto!important;min-width:72px!important;height:48px!important;padding:6px 9px!important;display:grid!important;grid-template-columns:18px auto!important;grid-template-rows:20px 12px!important;gap:0 6px!important;background:rgba(0,0,0,.72)!important;border:1px solid #292929!important;color:#cfcfcf!important}
#abilities .ability-symbol{grid-row:1/3!important;align-self:center!important;font-size:1rem!important;color:#eee!important}#abilities kbd{grid-column:2!important;border:0!important;background:none!important;color:#fff!important;padding:0!important;font-size:.7rem!important}#abilities small{grid-column:2!important;color:#666!important;font-size:.48rem!important;letter-spacing:.11em!important}#abilities .ability strong,#abilities .ability>div{display:contents!important}#abilities .ability i{position:absolute!important;inset:auto 0 0!important;height:2px!important;background:#777!important}
body:not(.tutorial-active) #abilities{opacity:.68;transition:opacity .2s}body:not(.tutorial-active) #abilities:hover{opacity:1}
#objective{left:22px!important;bottom:22px!important;max-width:360px!important;background:transparent!important;border:0!important;padding:0!important;color:#aaa!important}#objective-mark{color:#fff!important}#objective-title{font-size:.72rem!important;color:#ddd!important}#objective-text{font-size:.68rem!important;color:#777!important}
#interact-prompt,#reward-action{left:50%!important;right:auto!important;bottom:92px!important;transform:translateX(-50%)!important;background:#050505!important;border:1px solid #777!important;color:#fff!important;border-radius:0!important;padding:10px 16px!important;box-shadow:none!important;font-weight:800!important}#interact-prompt.blocked{border-color:#333!important;color:#777!important}#interact-prompt kbd,#reward-action kbd{background:#fff!important;color:#000!important;border:0!important;padding:3px 7px!important}

/* tutorial: una sola instrucción, fuera del centro */
#tutorial-coach{position:fixed!important;left:24px!important;top:164px!important;width:min(360px,30vw)!important;min-height:0!important;background:rgba(0,0,0,.86)!important;border:0!important;border-left:2px solid #fff!important;padding:12px 14px!important;color:#ddd!important;box-shadow:none!important;backdrop-filter:none!important}
#tutorial-coach small{color:#666!important;font-size:.55rem!important;letter-spacing:.16em!important}#tutorial-title{display:block!important;font:700 .95rem/1.1 system-ui,sans-serif!important;color:#fff!important;margin:4px 0!important}#tutorial-status{display:inline-block!important;background:#fff!important;color:#000!important;padding:3px 7px!important;font:900 .65rem/1 system-ui,sans-serif!important;letter-spacing:.06em!important}#tutorial-instruction{margin:7px 0 0!important;font-size:.72rem!important;color:#aaa!important;line-height:1.35!important}
body.guardian-duel #tutorial-coach{left:auto!important;right:24px!important;top:166px!important}
#guardian-duel-indicator{position:fixed!important;top:122px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;min-height:0!important;background:rgba(0,0,0,.72)!important;border:0!important;border-bottom:1px solid #555!important;padding:7px 12px!important;display:flex!important;gap:8px!important;align-items:center!important;color:#aaa!important;box-shadow:none!important}#guardian-duel-indicator strong{font:800 .68rem/1 system-ui,sans-serif!important;color:#fff!important}#guardian-duel-indicator small{font:.58rem/1 system-ui,sans-serif!important;color:#777!important}#guardian-duel-indicator span{display:none!important}
#duel-legend{right:18px!important;top:170px!important;width:220px!important;background:rgba(0,0,0,.84)!important;border:0!important;border-left:1px solid #555!important;padding:10px!important;color:#aaa!important}#duel-legend .duel-rule{border:0!important;background:none!important;padding:6px 2px!important}#duel-legend .duel-rule.active{background:#fff!important;color:#000!important}#duel-legend .cyan b,#duel-legend .red b,#duel-legend .amber b{color:inherit!important}
#boss-hud{top:18px!important;left:50%!important;transform:translateX(-50%)!important;width:min(760px,54vw)!important;background:rgba(0,0,0,.78)!important;border:0!important;border-bottom:1px solid #555!important;box-shadow:none!important}.boss-track,.boss-posture-track{background:#161616!important;border:0!important}.boss-track i,.boss-posture-track i{background:#ddd!important}.boss-copy small,#boss-phase{color:#777!important}

/* ---------- MODAL BASE UI V2 ---------- */
#panel{padding:0!important;border:0!important;border-radius:0!important;background:#000!important;color:#ddd!important;box-shadow:none!important;max-width:none!important;max-height:none!important;overflow:hidden!important}
#panel::backdrop{background:rgba(0,0,0,.82)!important;backdrop-filter:none!important}
.panel-header{position:relative!important;padding:26px 34px 18px!important;border-bottom:1px solid #2f2f2f!important;background:#050505!important}.panel-top{display:flex!important;justify-content:space-between!important;align-items:center!important}.panel-header .eyebrow{font:800 .6rem/1 system-ui,sans-serif!important;letter-spacing:.24em!important;color:#707070!important}.panel-header h2{margin:.12em 0 0!important;font:400 clamp(2rem,3.7vw,4rem)/1 Georgia,serif!important;letter-spacing:.035em!important;color:#f2f0ea!important;text-transform:uppercase!important}#close-panel{width:40px!important;height:40px!important;border:0!important;background:transparent!important;color:#777!important;font-size:1.5rem!important}#close-panel:hover{color:#fff!important}
#panel-body{overflow:auto!important;padding:28px 34px!important;color:#bcbcbc!important}#panel-footer{display:flex!important;gap:8px!important;padding:14px 34px 24px!important;border-top:1px solid #222!important;background:#050505!important}#panel-footer button{border:1px solid #333!important;background:#080808!important;color:#bbb!important;padding:12px 18px!important;text-transform:uppercase!important;font:800 .7rem/1 system-ui,sans-serif!important;letter-spacing:.08em!important}#panel-footer button:hover,#panel-footer button:focus{background:#fff!important;color:#000!important;border-color:#fff!important}
#panel-portrait{filter:grayscale(1) contrast(1.15)!important}#panel-detail{background:#090909!important;border:1px solid #333!important;color:#aaa!important}

/* Pausa */
#panel[data-kind="pause"]{width:min(560px,94vw)!important;height:auto!important;max-height:86dvh!important;margin:auto!important;border-left:1px solid #555!important}
#panel[data-kind="pause"] .panel-header{padding:22px 26px 12px!important}#panel[data-kind="pause"] .panel-header h2{font-size:3rem!important}#panel[data-kind="pause"] #panel-body{padding:12px 26px 24px!important;overflow:visible!important}.pause-stage{display:block!important}.pause-run-mark{padding:0 0 18px!important;border-bottom:1px solid #282828!important;margin-bottom:10px!important}.pause-run-mark small,.pause-run-mark span{color:#666!important}.pause-run-mark strong{font:400 1.25rem Georgia,serif!important;color:#cfcfcf!important}.ink-menu{display:flex!important;flex-direction:column!important}.ink-menu button{position:relative!important;border:0!important;border-bottom:1px solid #202020!important;background:transparent!important;color:#909090!important;padding:14px 18px!important;text-align:left!important;font:900 1rem/1 system-ui,sans-serif!important;letter-spacing:.07em!important}.ink-menu button:hover,.ink-menu button:focus{color:#000!important}.ink-menu button:hover:before,.ink-menu button:focus:before,.ink-menu button:first-child:before{content:"";position:absolute;inset:5px -6px;background:url('assets/ui33/brush.svg') center/100% 100% no-repeat;z-index:-1}.ink-menu button:first-child{color:#000!important}.ink-menu kbd{float:right;background:none!important;border:0!important;color:inherit!important}
#panel[data-kind="pause"] #panel-footer{display:none!important}

/* Dialogo: escena, no ventana */
#panel[data-kind="dialogue"]{width:100vw!important;height:100dvh!important;inset:0!important;margin:0!important;background:rgba(0,0,0,.82)!important}
#panel[data-kind="dialogue"]::backdrop{background:rgba(0,0,0,.6)!important}
#panel[data-kind="dialogue"] .panel-header{position:absolute!important;left:47vw!important;right:6vw!important;bottom:40vh!important;background:transparent!important;border:0!important;padding:0!important;z-index:4!important}#panel[data-kind="dialogue"] .panel-header .panel-top{display:none!important}#panel[data-kind="dialogue"] .panel-header h2{display:none!important}
#panel[data-kind="dialogue"] #panel-portrait{display:block!important;position:absolute!important;left:4vw!important;bottom:0!important;width:42vw!important;height:92vh!important;background-size:cover!important;background-position:center top!important;mask-image:linear-gradient(90deg,#000 0 78%,transparent 100%),linear-gradient(0deg,#000 0 82%,transparent 100%);opacity:1!important}
#panel[data-kind="dialogue"] #panel-body{position:absolute!important;left:47vw!important;right:7vw!important;bottom:19vh!important;padding:0!important;overflow:visible!important;z-index:4!important}.dialogue-v2{border-top:1px solid #555!important;padding-top:18px!important}.dialogue-v2-copy>small{font:800 .62rem/1 system-ui,sans-serif!important;letter-spacing:.2em!important;color:#777!important}.dialogue-v2 h3{font:400 clamp(1.5rem,2.4vw,2.7rem)/1 Georgia,serif!important;color:#fff!important;margin:8px 0 24px!important}.dialogue-v2 .spoken{font:400 clamp(1.55rem,2.6vw,3rem)/1.16 Georgia,serif!important;color:#eee!important;max-width:25ch!important;margin:0!important}.dialogue-v2-copy>span{display:block;margin-top:20px;color:#555;font:.6rem/1 system-ui,sans-serif;letter-spacing:.14em}
#panel[data-kind="dialogue"] #panel-footer{position:absolute!important;right:7vw!important;bottom:7vh!important;width:46vw!important;border:0!important;padding:0!important;background:transparent!important;justify-content:flex-end!important}#panel[data-kind="dialogue"] #panel-footer button{border:0!important;border-bottom:1px solid #555!important;background:transparent!important;color:#bbb!important;min-width:180px!important;text-align:right!important}#panel[data-kind="dialogue"] #panel-footer button:hover{background:#fff!important;color:#000!important}

/* Bendiciones */
#panel[data-kind="boons"]{width:min(1320px,96vw)!important;height:min(820px,92dvh)!important;margin:auto!important;background:#000!important}#panel[data-kind="boons"] .panel-header{position:absolute!important;z-index:5!important;left:40%!important;right:0!important;background:transparent!important;border:0!important;padding:28px 36px!important}#panel[data-kind="boons"] .panel-header h2{display:none!important}#panel[data-kind="boons"] #panel-portrait{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:40%!important;height:100%!important;background-size:cover!important;background-position:center!important;opacity:.85!important;mask-image:linear-gradient(90deg,#000 0 70%,transparent 100%)}#panel[data-kind="boons"] #panel-body{position:absolute!important;left:40%!important;right:0!important;top:0!important;bottom:76px!important;padding:55px 38px 24px!important;overflow:hidden!important}.boon-v2 header small{font:800 .62rem/1 system-ui,sans-serif;letter-spacing:.2em;color:#777}.boon-v2 header h3{font:400 clamp(2rem,3vw,3.4rem)/1 Georgia,serif;color:#fff;margin:8px 0}.boon-v2 header p{color:#777;margin:0 0 26px}.boon-v2-list{display:flex;flex-direction:column;gap:9px}.boon-v2-option{display:grid!important;grid-template-columns:48px 1fr 30px!important;align-items:center!important;gap:16px!important;min-height:132px!important;text-align:left!important;border:1px solid #2b2b2b!important;background:#070707!important;color:#aaa!important;padding:16px 18px!important}.boon-v2-option:hover,.boon-v2-option:focus{background:#f1efe9!important;color:#080808!important;border-color:#fff!important}.boon-v2-index{font:400 1.7rem Georgia,serif;color:#555}.boon-v2-option strong{display:block;font:400 1.55rem/1 Georgia,serif;color:inherit}.boon-v2-option small,.boon-v2-option em{font:.62rem/1.2 system-ui,sans-serif;letter-spacing:.08em;color:inherit;opacity:.65}.boon-v2-option p{margin:7px 0;color:inherit}.boon-v2-option>b{font-size:1.3rem}#panel[data-kind="boons"] #panel-footer{position:absolute!important;left:40%!important;right:0!important;bottom:0!important}

/* Ajustes compactos */
#panel[data-kind="settings"]{width:min(1040px,94vw)!important;height:min(700px,90dvh)!important;margin:auto!important}#panel[data-kind="settings"] .panel-header{padding:20px 28px 12px!important}#panel[data-kind="settings"] .panel-header h2{font-size:2.6rem!important}#panel[data-kind="settings"] #panel-body{padding:0 28px 12px!important;overflow:hidden!important}.settings-tabs{display:flex!important;gap:0!important;border-bottom:1px solid #282828!important;margin-bottom:10px!important}.settings-tabs button{flex:1!important;border:0!important;background:none!important;color:#666!important;padding:12px 6px!important;font:800 .65rem/1 system-ui,sans-serif!important;letter-spacing:.08em!important}.settings-tabs button.active{color:#fff!important;border-bottom:2px solid #fff!important}.settings-section{height:460px!important;overflow:auto!important;padding:6px 4px!important}.settings-heading{display:none!important}.setting{min-height:52px!important;padding:9px 12px!important;border-bottom:1px solid #1d1d1d!important;display:grid!important;grid-template-columns:1fr minmax(240px,42%)!important;align-items:center!important;gap:18px!important;background:transparent!important}.setting>span{font-size:.78rem!important;color:#aaa!important}.setting small{font-size:.62rem!important;color:#555!important}.setting input[type=range]{width:100%!important;accent-color:#fff!important}.setting select{background:#090909!important;color:#ddd!important;border:1px solid #333!important;padding:8px!important}.settings-footnote{display:none!important}#panel[data-kind="settings"] #panel-footer{padding:12px 28px 16px!important}

/* Ranuras / dificultad */
#panel[data-kind="slots"]{width:min(1180px,95vw)!important;height:min(760px,92dvh)!important;margin:auto!important}#panel[data-kind="slots"] #panel-body{padding:24px 32px!important}.slot-grid,.profile-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.save-slot,.profile-card{min-height:270px!important;border:1px solid #292929!important;background:#070707!important;color:#aaa!important;text-align:left!important;padding:24px!important}.save-slot:hover,.save-slot:focus,.profile-card:hover,.profile-card:focus,.save-slot.selected{background:#f0eee8!important;color:#080808!important;border-color:#fff!important}.profile-card strong,.save-slot strong{font:400 1.5rem Georgia,serif!important}.profile-card em,.profile-card p,.save-slot small,.slot-progress{color:inherit!important;opacity:.7}

/* Forge / merchant / equipment generic visual rebuild */
#panel[data-kind="forge"],#panel[data-kind="merchant"],#panel[data-kind="equipment"]{width:min(1260px,96vw)!important;height:min(780px,92dvh)!important;margin:auto!important}#panel[data-kind="forge"] #panel-portrait,#panel[data-kind="merchant"] #panel-portrait{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:36%!important;height:100%!important;opacity:.88!important;mask-image:linear-gradient(90deg,#000 0 72%,transparent 100%)}#panel[data-kind="forge"] .panel-header,#panel[data-kind="merchant"] .panel-header{margin-left:36%!important}#panel[data-kind="forge"] #panel-body,#panel[data-kind="merchant"] #panel-body{margin-left:36%!important;padding:24px 32px!important}.forge-head{display:flex!important;justify-content:space-between!important;border-bottom:1px solid #2a2a2a!important;padding:0 0 14px!important;margin-bottom:14px!important}.forge-head span,.forge-head strong{color:#aaa!important}.forge-list,.equip-grid,.cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.choice{border:1px solid #292929!important;background:#070707!important;color:#aaa!important;padding:18px!important;text-align:left!important}.choice:hover,.choice:focus{background:#f0eee8!important;color:#080808!important;border-color:#fff!important}.choice:disabled{opacity:.28!important;background:#040404!important;color:#777!important}.choice strong{font:400 1.35rem Georgia,serif!important;color:inherit!important}.choice small,.choice em{color:inherit!important;opacity:.68!important}

/* Outcomes / reward */
#panel[data-kind="outcome"]{width:min(980px,92vw)!important;height:auto!important;margin:auto!important}.outcome-rite{padding:20px 0!important}.outcome-rite>p{font:400 1.4rem/1.4 Georgia,serif!important;color:#bbb!important}.outcome-rite dl{display:flex!important;gap:34px!important;border-top:1px solid #333!important;border-bottom:1px solid #333!important;padding:20px 0!important}.outcome-rite dl div{background:none!important;border:0!important;padding:0!important}.outcome-rite dt{font:.6rem system-ui,sans-serif!important;color:#666!important;text-transform:uppercase!important;letter-spacing:.12em!important}.outcome-rite dd{margin:4px 0 0!important;font:400 2rem Georgia,serif!important;color:#fff!important}
#room-banner{background:rgba(0,0,0,.78)!important;border:0!important;color:#bbb!important}#room-banner strong{font:400 clamp(1.8rem,3.5vw,4rem) Georgia,serif!important;color:#eee!important}#room-banner small{color:#777!important}

/* purge decorative legacy colors */
#panel :is(h1,h2,h3,strong,b,em),#hud :is(strong,b),.menu-caption,.scene-kicker,.forge-rune{border-color:#555!important;text-shadow:none!important}
#panel [style*="color:var(--gold)"],#panel [style*="color: var(--gold)"]{color:#fff!important}
body:not(.guardian-duel) :is(.cyan,.red,.amber){color:inherit}

@media(max-width:900px){
 .title-content{width:64vw!important;padding-left:28px!important}.title-content h1{font-size:14vw!important}.title-main-menu{width:54vw!important}.title-art{left:28%!important;opacity:.6!important}
 #abilities{right:8px!important;bottom:8px!important}.ability{min-width:58px!important}.ability small{display:none!important}
 #tutorial-coach{left:12px!important;right:12px!important;top:auto!important;bottom:86px!important;width:auto!important}body.guardian-duel #tutorial-coach{right:12px!important;left:12px!important;top:auto!important}
 #panel[data-kind="dialogue"] #panel-portrait{width:56vw!important;opacity:.45!important}#panel[data-kind="dialogue"] #panel-body{left:10vw!important;right:8vw!important;bottom:22vh!important}#panel[data-kind="dialogue"] #panel-footer{right:8vw!important;width:60vw!important}
 #panel[data-kind="boons"] #panel-portrait{width:100%!important;opacity:.18!important}#panel[data-kind="boons"] #panel-body,#panel[data-kind="boons"] .panel-header,#panel[data-kind="boons"] #panel-footer{left:0!important}.boon-v2-option{min-height:112px!important}
 .slot-grid,.profile-grid{grid-template-columns:1fr!important}.save-slot,.profile-card{min-height:150px!important}
 .setting{grid-template-columns:1fr!important}.settings-section{height:430px!important}
}

body.tutorial-active #abilities{opacity:.12!important;pointer-events:none!important}

/* V20.10.34 stability pass */
#load-screen{display:none!important}
#panel{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}
#panel .panel-header{box-sizing:border-box!important;max-width:100%!important}
#panel #close-panel{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;transform:none!important;width:48px!important;height:48px!important;z-index:50!important}
#panel-body{max-width:100%!important;overflow-x:hidden!important}
#panel-footer{max-width:100%!important}
#panel[data-kind="settings"]{width:min(1040px,calc(100vw - 24px))!important;height:min(700px,calc(100dvh - 24px))!important}
#panel[data-kind="settings"] .panel-header h2{font-size:clamp(2rem,4vw,3.4rem)!important;padding-right:60px!important}
#panel[data-kind="settings"] .settings-tabs{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none}
#panel[data-kind="settings"] .settings-tabs::-webkit-scrollbar{display:none}
#panel[data-kind="settings"] .settings-tabs button{min-width:140px!important;white-space:nowrap!important}
#panel[data-kind="slots"]{width:min(1180px,calc(100vw - 24px))!important;height:min(760px,calc(100dvh - 24px))!important}
.title-footer .local-download{border:0!important;background:transparent!important;color:#777!important;font:700 .6rem/1 system-ui,sans-serif!important;letter-spacing:.1em!important;padding:0!important;min-height:0!important}
.title-footer .local-download:hover,.title-footer .local-download:focus{color:#fff!important}
@media(max-width:760px){
 #panel{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}
 #panel[data-kind="settings"],#panel[data-kind="slots"]{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important}
 #panel[data-kind="settings"] .settings-tabs button{min-width:120px!important}
}
\n\n/* ==========================================================
   V20.10.35 — CORRECCIÓN INMEDIATA
   Reglas: el centro pertenece al combate; ningún diálogo
   usa scroll; bendiciones siempre caben; splash único limpio.
   ========================================================== */

/* SPLASH: aislar por completo los estilos legacy. */
#demo-splash{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important;background:#000!important;overflow:hidden!important;user-select:none!important;color:#f3f1eb!important}
#demo-splash[hidden]{display:none!important}
#demo-splash:before,#demo-splash:after,.demo-splash-card:before,.demo-splash-card:after,.demo-welcome-step:before,.demo-welcome-step:after{content:none!important;display:none!important}
#demo-splash .demo-splash-card{position:relative!important;width:min(980px,92vw)!important;height:auto!important;min-height:0!important;margin:0!important;padding:clamp(28px,5vw,64px)!important;display:grid!important;place-items:center!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#demo-splash .demo-welcome-step{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:900px!important;margin:auto!important;padding:0!important;background:transparent!important;border:0!important}
#demo-splash .boot-seal{width:76px!important;height:76px!important;margin:0 0 8px!important;opacity:.9!important;filter:grayscale(1) brightness(1.6)!important}
#demo-splash .demo-splash-mark{position:static!important;margin:0!important;padding:7px 13px!important;border:1px solid #343434!important;background:#050505!important;color:#aaa!important;font:800 .65rem/1 system-ui,sans-serif!important;letter-spacing:.22em!important}
#demo-splash h1{position:static!important;width:auto!important;max-width:100%!important;margin:.08em 0 0!important;padding:0!important;font:500 clamp(4rem,10vw,9rem)/.82 Georgia,serif!important;letter-spacing:.02em!important;white-space:nowrap!important;color:#f4f2ec!important;text-shadow:none!important;transform:none!important;overflow:visible!important}
#demo-splash .demo-splash-sub{margin:0!important;font:600 clamp(.75rem,1.4vw,1.05rem)/1 system-ui,sans-serif!important;letter-spacing:.34em!important;text-transform:uppercase!important;color:#777!important}
#demo-splash .boot-copy{margin:10px 0 2px!important;font:italic 1rem/1.2 Georgia,serif!important;color:#626262!important}
#demo-splash .device-selected{position:static!important;margin:6px 0 0!important;padding:7px 11px!important;min-width:0!important;border:1px solid #303030!important;background:#050505!important;color:#aaa!important;font:700 .62rem/1 system-ui,sans-serif!important;letter-spacing:.16em!important}
#demo-splash .demo-build{position:static!important;margin:10px 0 0!important;color:#8a8a8a!important;font:700 .68rem/1 system-ui,sans-serif!important;letter-spacing:.18em!important}
#demo-splash .demo-enter,#demo-splash .device-step{display:none!important}
@media(max-width:700px){#demo-splash h1{font-size:18vw!important}.demo-splash-card{width:96vw!important;padding:20px!important}}

/* LOADER DE ESCENA: conservar el que sí funciona y evitar barras/estilos legacy. */
#ink-load-screen-v2{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:#000!important;overflow:hidden!important;z-index:99999!important}
#ink-load-screen-v2 .ink-load-rule{border:0!important;box-shadow:none!important;background:#222!important}
#ink-load-screen-v2 .ink-load-rule i{background:#eee!important}

/* EDIT FLASH: nunca volver a tapar un duelo con IMPACTO gigante. */
#edit-flash{position:fixed!important;inset:auto!important;left:50%!important;top:46%!important;transform:translate(-50%,-50%) scale(.96)!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important;z-index:34!important;opacity:0!important}
#edit-flash.visible{opacity:.88!important;animation:gw35-flash .36s ease-out both!important}
#edit-flash span{display:block!important;margin:0!important;padding:4px 12px!important;background:rgba(0,0,0,.52)!important;border:0!important;color:#f2f0ea!important;font:900 clamp(.9rem,1.4vw,1.35rem)/1 system-ui,sans-serif!important;letter-spacing:.2em!important;text-shadow:none!important;white-space:nowrap!important}
@keyframes gw35-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}35%{opacity:.95;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(.98)}}
body.guided-duel #edit-flash{top:72%!important}

/* DUELO / TUTORIAL: arena central completamente libre. */
body.guided-duel #guardian-duel-indicator,body.guided-duel #duel-legend{display:none!important}
#tutorial-coach{position:fixed!important;left:auto!important;right:20px!important;top:150px!important;bottom:auto!important;width:min(320px,26vw)!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:11px 13px!important;background:rgba(0,0,0,.78)!important;border:0!important;border-left:2px solid #eee!important;box-shadow:none!important;overflow:visible!important;z-index:26!important}
#tutorial-coach small{display:block!important;margin:0 0 3px!important;color:#777!important;font:700 .52rem/1 system-ui,sans-serif!important;letter-spacing:.15em!important}
#tutorial-title{font:800 .8rem/1.1 system-ui,sans-serif!important;margin:0 0 5px!important;color:#eee!important}
#tutorial-status{display:inline-block!important;margin:0 0 4px!important;padding:2px 6px!important;background:#eee!important;color:#050505!important;font:900 .57rem/1 system-ui,sans-serif!important}
#tutorial-instruction{margin:2px 0 0!important;color:#aaa!important;font:.67rem/1.28 system-ui,sans-serif!important;max-width:36ch!important}
#guardian-duel-indicator{position:fixed!important;inset:118px auto auto 50%!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:42vw!important;padding:6px 10px!important;margin:0!important;background:rgba(0,0,0,.68)!important;border:0!important;border-bottom:1px solid #555!important;overflow:visible!important;z-index:24!important}
#duel-legend{position:fixed!important;inset:160px 16px auto auto!important;left:auto!important;bottom:auto!important;width:190px!important;height:auto!important;max-height:calc(100dvh - 190px)!important;min-height:0!important;margin:0!important;padding:8px 9px!important;overflow:hidden!important;background:rgba(0,0,0,.76)!important;border:0!important;border-left:1px solid #555!important;z-index:24!important}
#duel-legend .duel-rule{min-height:0!important;margin:0!important;padding:5px 2px!important;display:grid!important;grid-template-columns:54px 1fr auto!important;gap:5px!important;align-items:center!important;font-size:.58rem!important}
#duel-legend>small{font-size:.5rem!important;color:#666!important}
@media(max-width:900px){#tutorial-coach{left:12px!important;right:12px!important;top:auto!important;bottom:72px!important;width:auto!important;max-width:none!important}#duel-legend{display:none!important}#guardian-duel-indicator{top:108px!important;max-width:80vw!important}}

/* HUD de habilidades: prompts ligeros, no cuatro tarjetas de MMO. */
#abilities{right:18px!important;bottom:16px!important;gap:10px!important;padding:0!important;background:transparent!important;box-shadow:none!important}
#abilities .ability{min-width:0!important;width:auto!important;height:auto!important;padding:3px 4px!important;display:flex!important;align-items:center!important;gap:5px!important;background:transparent!important;border:0!important;color:#aaa!important;opacity:.72!important}
#abilities .ability-symbol{font-size:.82rem!important;color:#bbb!important}#abilities kbd{font:800 .62rem/1 system-ui,sans-serif!important;color:#eee!important;border:0!important;padding:0!important;background:none!important}#abilities small{font:.48rem/1 system-ui,sans-serif!important;color:#555!important;letter-spacing:.08em!important}#abilities .ability i{display:none!important}
body.tutorial-active #abilities{opacity:.18!important}

/* Interacciones: una sola línea contextual, sin tarjeta vieja. */
#interact-prompt,#reward-action{position:fixed!important;left:50%!important;right:auto!important;bottom:64px!important;transform:translateX(-50%)!important;width:auto!important;max-width:min(520px,84vw)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:7px 11px!important;display:flex!important;align-items:center!important;gap:9px!important;background:rgba(0,0,0,.74)!important;border:0!important;border-top:1px solid #555!important;border-bottom:1px solid #222!important;border-radius:0!important;color:#ddd!important;box-shadow:none!important;font:700 .68rem/1.15 system-ui,sans-serif!important;letter-spacing:.02em!important;white-space:normal!important;z-index:20!important}
#interact-prompt[hidden],#reward-action[hidden]{display:none!important}
#interact-prompt kbd,#reward-action kbd{order:-1!important;background:#eee!important;color:#050505!important;border:0!important;border-radius:0!important;padding:4px 6px!important;font:900 .58rem/1 system-ui,sans-serif!important;min-width:24px!important;text-align:center!important}
#interact-prompt.blocked{color:#666!important;border-top-color:#333!important}#interact-prompt.blocked kbd{display:none!important}
#ambient-banter{position:fixed!important;left:20px!important;bottom:18px!important;width:min(460px,42vw)!important;max-width:calc(100vw - 40px)!important;padding:9px 12px!important;background:rgba(0,0,0,.72)!important;border:0!important;border-left:2px solid #777!important;color:#aaa!important;z-index:18!important}
#ambient-banter strong{display:block!important;color:#ddd!important;font:800 .6rem/1 system-ui,sans-serif!important;letter-spacing:.13em!important;margin-bottom:4px!important}#ambient-banter span{font:400 .78rem/1.28 Georgia,serif!important;color:#aaa!important}

/* DIÁLOGOS: componente escénico sin scroll ni marco-modal. */
#panel[data-kind="dialogue"]{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:rgba(0,0,0,.86)!important;border:0!important;color:#eee!important}
#panel[data-kind="dialogue"]::backdrop{background:rgba(0,0,0,.58)!important}
#panel[data-kind="dialogue"] .panel-header,#panel[data-kind="dialogue"] #close-panel,#panel[data-kind="dialogue"] #panel-detail{display:none!important}
#panel[data-kind="dialogue"] #panel-portrait{position:absolute!important;inset:0 auto 0 0!important;width:46vw!important;height:100dvh!important;margin:0!important;display:block!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;filter:grayscale(1) contrast(1.14)!important;opacity:.94!important;mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.88) 78%,transparent 100%),linear-gradient(0deg,#000 0 85%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.88) 78%,transparent 100%)!important}
#panel[data-kind="dialogue"][data-portrait="none"] #panel-portrait{background-image:url('assets/ui33/bell-seal.svg')!important;background-size:min(320px,30vw)!important;background-position:12vw 34vh!important;opacity:.12!important;filter:grayscale(1) brightness(1.8)!important;mask-image:none!important;-webkit-mask-image:none!important}
#panel[data-kind="dialogue"] #panel-body{position:absolute!important;left:43vw!important;right:6vw!important;top:auto!important;bottom:18vh!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;z-index:4!important}
#panel[data-kind="dialogue"] .dialogue-v2{width:100%!important;margin:0!important;padding:14px 0 0!important;border:0!important;border-top:1px solid #595959!important;background:transparent!important;overflow:visible!important}
#panel[data-kind="dialogue"] .dialogue-v2-copy{display:block!important;width:100%!important;writing-mode:horizontal-tb!important;word-break:normal!important;overflow:visible!important}
#panel[data-kind="dialogue"] .dialogue-v2-copy>small{display:block!important;color:#777!important;font:800 .58rem/1 system-ui,sans-serif!important;letter-spacing:.18em!important;white-space:normal!important}
#panel[data-kind="dialogue"] .dialogue-v2 h3{display:block!important;margin:6px 0 16px!important;font:400 clamp(1.5rem,2.3vw,2.6rem)/1 Georgia,serif!important;color:#f2f0ea!important;white-space:normal!important;writing-mode:horizontal-tb!important}
#panel[data-kind="dialogue"] .dialogue-v2 .spoken{display:block!important;margin:0!important;max-width:32ch!important;font:400 clamp(1.35rem,2.2vw,2.5rem)/1.18 Georgia,serif!important;color:#eee!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important}
#panel[data-kind="dialogue"] .dialogue-v2-copy>span{display:block!important;margin-top:14px!important;color:#555!important;font:.56rem/1 system-ui,sans-serif!important;letter-spacing:.12em!important}
#panel[data-kind="dialogue"] #panel-footer{position:absolute!important;left:43vw!important;right:6vw!important;bottom:7vh!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;border:0!important;background:transparent!important;overflow:visible!important;z-index:5!important}
#panel[data-kind="dialogue"] #panel-footer button{min-width:0!important;width:auto!important;margin:0!important;padding:9px 4px!important;border:0!important;border-bottom:1px solid #555!important;background:transparent!important;color:#bbb!important;text-align:right!important;font:800 .65rem/1 system-ui,sans-serif!important;letter-spacing:.08em!important}
#panel[data-kind="dialogue"] #panel-footer button:hover,#panel[data-kind="dialogue"] #panel-footer button:focus{background:transparent!important;color:#fff!important;border-color:#fff!important}
@media(max-width:800px){#panel[data-kind="dialogue"] #panel-portrait{width:100vw!important;opacity:.25!important}#panel[data-kind="dialogue"] #panel-body{left:8vw!important;right:8vw!important;bottom:22vh!important}#panel[data-kind="dialogue"] #panel-footer{left:8vw!important;right:8vw!important;bottom:7vh!important}.dialogue-v2 .spoken{max-width:100%!important}}

/* BENDICIONES: 3 opciones siempre visibles en desktop; scroll sólo si realmente falta altura. */
#panel[data-kind="boons"]{position:fixed!important;inset:4dvh 3vw!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000!important;border:1px solid #222!important;display:block!important}
#panel[data-kind="boons"] .panel-header{display:none!important}
#panel[data-kind="boons"] #panel-portrait{position:absolute!important;inset:0 auto 0 0!important;width:36%!important;height:100%!important;background-size:cover!important;background-position:center top!important;filter:grayscale(1) contrast(1.1)!important;opacity:.82!important;mask-image:linear-gradient(90deg,#000 0 70%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,#000 0 70%,transparent 100%)!important}
#panel[data-kind="boons"] #panel-body{position:absolute!important;left:36%!important;right:0!important;top:0!important;bottom:64px!important;width:auto!important;height:auto!important;margin:0!important;padding:28px 34px 18px!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(0,0,0,.88),#000 24%)!important}
#panel[data-kind="boons"] .boon-v2{height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:14px!important;overflow:hidden!important}
#panel[data-kind="boons"] .boon-v2 header{min-height:0!important;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid #242424!important}
#panel[data-kind="boons"] .boon-v2 header h3{margin:5px 0!important;font-size:clamp(1.8rem,2.7vw,3rem)!important}.boon-v2 header p{margin:4px 0!important;font-size:.75rem!important;color:#777!important}
#panel[data-kind="boons"] .boon-v2-list{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important}
#panel[data-kind="boons"] .boon-v2-option{min-height:0!important;height:100%!important;max-height:none!important;margin:0!important;padding:10px 14px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:12px!important;align-items:center!important;overflow:hidden!important;background:#050505!important;border:1px solid #292929!important;color:#bcbcbc!important}
#panel[data-kind="boons"] .boon-v2-option:hover,#panel[data-kind="boons"] .boon-v2-option:focus{background:#eee!important;color:#080808!important;border-color:#fff!important}
#panel[data-kind="boons"] .boon-v2-index{font-size:1.25rem!important}.boon-v2-option strong{font-size:clamp(1.05rem,1.7vw,1.55rem)!important}.boon-v2-option p{margin:4px 0!important;font-size:.72rem!important;line-height:1.25!important}.boon-v2-option small,.boon-v2-option em{font-size:.52rem!important}
#panel[data-kind="boons"] #panel-footer{position:absolute!important;left:36%!important;right:0!important;bottom:0!important;height:64px!important;padding:9px 34px!important;border-top:1px solid #222!important;background:#030303!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
#panel[data-kind="boons"] #close-panel{display:block!important;position:absolute!important;top:12px!important;right:12px!important;z-index:12!important}
@media(max-height:700px){#panel[data-kind="boons"]{inset:8px!important}#panel[data-kind="boons"] #panel-body{padding:14px 22px 10px!important;bottom:54px!important}#panel[data-kind="boons"] #panel-footer{height:54px!important;padding:6px 22px!important}.boon-v2 header p{display:none!important}.boon-v2-option p{font-size:.64rem!important}}
@media(max-width:850px){#panel[data-kind="boons"] #panel-portrait{width:100%!important;opacity:.16!important}#panel[data-kind="boons"] #panel-body{left:0!important;background:rgba(0,0,0,.78)!important}#panel[data-kind="boons"] #panel-footer{left:0!important}.boon-v2-option{grid-template-columns:30px 1fr 18px!important}}

/* AJUSTES: recuperar densidad de Hades; scroll solo en la lista de controles. */
#panel[data-kind="settings"]{width:min(900px,calc(100vw - 28px))!important;height:min(620px,calc(100dvh - 28px))!important;max-width:none!important;max-height:none!important;margin:auto!important;background:#050505!important;border:1px solid #2b2b2b!important;overflow:hidden!important}
#panel[data-kind="settings"] .panel-header{height:94px!important;padding:18px 24px 12px!important;background:#050505!important}#panel[data-kind="settings"] .panel-header h2{font-size:clamp(1.9rem,3.2vw,2.8rem)!important;margin-top:8px!important}
#panel[data-kind="settings"] #panel-body{height:calc(100% - 154px)!important;padding:0 24px 8px!important;overflow:hidden!important}
#panel[data-kind="settings"] .settings-tabs{height:46px!important;margin:0 0 6px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;border-bottom:1px solid #262626!important}
#panel[data-kind="settings"] .settings-tabs button{min-width:0!important;padding:10px 4px!important;white-space:normal!important;font-size:.57rem!important;color:#666!important}#panel[data-kind="settings"] .settings-tabs button.active{color:#fff!important;border-bottom:2px solid #fff!important}
#panel[data-kind="settings"] .settings-section{height:calc(100% - 52px)!important;max-height:none!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important}
#panel[data-kind="settings"] .setting{min-height:42px!important;padding:6px 8px!important;grid-template-columns:minmax(0,1fr) minmax(220px,42%)!important;gap:12px!important}#panel[data-kind="settings"] .setting>span{font-size:.7rem!important}#panel[data-kind="settings"] .setting small{font-size:.55rem!important}#panel[data-kind="settings"] #panel-footer{height:60px!important;padding:8px 24px 12px!important}
#panel[data-kind="settings"] #close-panel{top:12px!important;right:12px!important}
@media(max-width:760px){#panel[data-kind="settings"] .settings-tabs{display:flex!important;overflow-x:auto!important}#panel[data-kind="settings"] .settings-tabs button{min-width:110px!important}#panel[data-kind="settings"] .setting{grid-template-columns:1fr!important}}

/* Paleta: impedir que los componentes legacy devuelvan oro/verde como decoración. */
#panel:not([data-kind="duel"]) :is(h1,h2,h3,h4,.eyebrow,.scene-kicker,.menu-caption,.forge-rune),#ambient-banter strong{color:#ddd!important;border-color:#555!important}
#panel input[type="range"]{accent-color:#fff!important}
#panel select,#panel input,#panel button{border-color:#343434}

/* =========================================================
   V20.10.36 — COHERENCIA UI / HADES-INSPIRED HIERARCHY
   One visual language: monochrome ink + paper contrast.
   ========================================================= */

:root{
  --gw36-black:#000;
  --gw36-ink:#070707;
  --gw36-ink2:#111;
  --gw36-ash:#707070;
  --gw36-ash2:#aaa;
  --gw36-paper:#e9e7df;
  --gw36-paper2:#d3d1ca;
  --gw36-white:#fff;
}

/* --- SPLASH: restore the stronger Tinta Viva composition --- */
#demo-splash{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;background:#000!important;color:#fff!important;overflow:hidden!important}
#demo-splash::before{content:""!important;position:absolute!important;inset:-13%!important;background:url('assets/ui36/ink-splatter.svg') center/cover no-repeat!important;opacity:.34!important;filter:grayscale(1)!important;animation:gw36Breath 5.2s ease-in-out infinite alternate!important;pointer-events:none!important}
#demo-splash::after{content:""!important;position:absolute!important;width:min(820px,76vw)!important;aspect-ratio:1.7!important;border-radius:50%!important;background:#101010!important;opacity:.76!important;filter:blur(.2px)!important;pointer-events:none!important}
.demo-splash-card{position:relative!important;z-index:2!important;width:min(920px,90vw)!important;padding:30px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;overflow:visible!important}
.demo-welcome-step{display:grid!important;place-items:center!important;gap:9px!important;position:relative!important;z-index:2!important}
.boot-seal{display:block!important;width:118px!important;height:118px!important;background:url('assets/ui36/bell-seal.svg') center/contain no-repeat!important;opacity:.9!important;filter:grayscale(1) brightness(1.2)!important}
.boot-seal i{display:none!important}
.demo-splash-mark,.demo-build,.device-selected{font:800 10px/1.2 system-ui,sans-serif!important;letter-spacing:.23em!important;color:#9a9a9a!important;border:1px solid #383838!important;background:#050505!important;padding:7px 10px!important}
.demo-splash h1{margin:6px 0 0!important;font:600 clamp(64px,10vw,132px)/.84 Georgia,serif!important;letter-spacing:.018em!important;color:#f5f3ee!important;text-shadow:0 0 24px rgba(255,255,255,.08)!important;white-space:nowrap!important}
.demo-splash-sub{margin:8px 0 0!important;font:600 clamp(11px,1vw,15px)/1.2 system-ui,sans-serif!important;letter-spacing:.34em!important;text-transform:uppercase!important;color:#a8a8a8!important}
.boot-copy{margin:14px 0 5px!important;color:#727272!important;font:italic 15px/1.2 Georgia,serif!important}.demo-enter,.device-step{display:none!important}
@keyframes gw36Breath{from{transform:scale(1);opacity:.24}to{transform:scale(1.045);opacity:.42}}

/* --- TITLE: no cards, no gold frames; focus like Hades menu list --- */
.title-choice{border:0!important;background:transparent!important;color:#aaa!important;padding:10px 18px!important}
.title-choice:before{background:url('assets/ui36/brush-stroke.svg') center/100% 100% no-repeat!important;filter:grayscale(1)!important}
.title-choice:hover,.title-choice:focus,.title-choice.primary{color:#060606!important}
.title-content .subtitle{color:#c5c5c5!important}.title-demo-badge,.title-content .eyebrow{color:#9c9c9c!important}

/* --- PAUSE: restore paper/ink card, compact, single clear selection --- */
#panel[data-kind="pause"]{width:min(560px,calc(100vw - 28px))!important;height:auto!important;max-height:min(720px,calc(100dvh - 28px))!important;margin:auto!important;background:linear-gradient(180deg,var(--gw36-paper),var(--gw36-paper2))!important;color:#0a0a0a!important;border:2px solid #111!important;box-shadow:0 25px 100px #000d,0 0 0 6px #d8d6cf,0 0 0 7px #444!important;overflow:hidden!important}
#panel[data-kind="pause"]::before{content:""!important;position:absolute!important;left:16px!important;top:14px!important;width:68px!important;height:68px!important;background:url('assets/ui36/bell-seal.svg') center/contain no-repeat!important;filter:invert(1)!important;opacity:.32!important;pointer-events:none!important}
#panel[data-kind="pause"] .panel-header{padding:22px 26px 12px!important;background:transparent!important;border-bottom:1px solid #96948d!important;text-align:center!important}
#panel[data-kind="pause"] .panel-header .eyebrow{color:#5d5b56!important}.panel-header .panel-top{position:relative!important}
#panel[data-kind="pause"] .panel-header h2{font:500 clamp(2.1rem,3vw,3.1rem)/1 Georgia,serif!important;color:#0b0b0b!important;text-shadow:none!important;margin:.2em 0!important}
#panel[data-kind="pause"] #close-panel{position:absolute!important;right:0!important;top:-2px!important;color:#333!important;background:#e9e7df!important;border:1px solid #111!important}
#panel[data-kind="pause"] #panel-body{padding:10px 34px 24px!important;overflow:hidden!important;background:transparent!important;color:#111!important}
#panel[data-kind="pause"] .pause-run-mark{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;text-align:center!important;padding:7px 0 14px!important;margin:0 0 8px!important;border-bottom:1px solid #aaa8a1!important}
#panel[data-kind="pause"] .pause-run-mark small{display:block!important;color:#66635e!important;font:800 .55rem/1.2 system-ui,sans-serif!important;letter-spacing:.2em!important}
#panel[data-kind="pause"] .pause-run-mark strong{display:block!important;color:#111!important;font:500 1.25rem/1.2 Georgia,serif!important;letter-spacing:.04em!important}
#panel[data-kind="pause"] .pause-run-mark span{display:block!important;color:#74716b!important;font:700 .52rem/1.2 system-ui,sans-serif!important;letter-spacing:.14em!important}
#panel[data-kind="pause"] .ink-menu{display:flex!important;flex-direction:column!important;gap:0!important}
#panel[data-kind="pause"] .ink-menu button{position:relative!important;min-height:52px!important;padding:10px 26px!important;border:0!important;border-bottom:1px solid #aaa8a1!important;background:transparent!important;color:#1b1b1b!important;text-align:center!important;font:800 .96rem/1 system-ui,sans-serif!important;letter-spacing:.08em!important;z-index:1!important}
#panel[data-kind="pause"] .ink-menu button:before{content:""!important;position:absolute!important;inset:5px 6px!important;background:url('assets/ui36/brush-stroke.svg') center/100% 100% no-repeat!important;opacity:0!important;z-index:-1!important}
#panel[data-kind="pause"] .ink-menu button:first-child:before,#panel[data-kind="pause"] .ink-menu button:hover:before,#panel[data-kind="pause"] .ink-menu button:focus:before{opacity:1!important}
#panel[data-kind="pause"] .ink-menu button:first-child,#panel[data-kind="pause"] .ink-menu button:hover,#panel[data-kind="pause"] .ink-menu button:focus{color:#000!important}
#panel[data-kind="pause"] .ink-menu kbd{float:right!important;color:#4f4d49!important;background:transparent!important;border:0!important}
#panel[data-kind="pause"] #panel-footer{display:none!important}

/* --- SETTINGS: compact central paper, closer to Hades density --- */
#panel[data-kind="settings"]{width:min(780px,calc(100vw - 28px))!important;height:min(620px,calc(100dvh - 28px))!important;margin:auto!important;background:linear-gradient(180deg,#dddcd6,#c9c8c2)!important;color:#111!important;border:2px solid #171717!important;box-shadow:0 28px 100px #000e!important;overflow:hidden!important}
#panel[data-kind="settings"] .panel-header{height:92px!important;padding:18px 24px 10px!important;background:transparent!important;border-bottom:1px solid #9b9993!important;text-align:center!important}
#panel[data-kind="settings"] .panel-header .eyebrow{color:#66645f!important}#panel[data-kind="settings"] .panel-header h2{font-size:clamp(1.9rem,2.7vw,2.65rem)!important;color:#111!important;text-shadow:none!important;margin:5px 0!important}
#panel[data-kind="settings"] #close-panel{background:#111!important;color:#ddd!important;border:1px solid #111!important}
#panel[data-kind="settings"] #panel-body{height:calc(100% - 150px)!important;padding:0 22px 8px!important;background:transparent!important;color:#111!important;overflow:hidden!important}
#panel[data-kind="settings"] .settings-tabs{height:50px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;border-bottom:1px solid #9c9a94!important;background:transparent!important;margin:0!important}
#panel[data-kind="settings"] .settings-tabs button{border:0!important;background:transparent!important;color:#68655f!important;padding:9px 4px!important;font:800 .58rem/1 system-ui,sans-serif!important;letter-spacing:.08em!important}.settings-tabs button.active{color:#000!important;border-bottom:3px solid #111!important;background:#efede7!important}
#panel[data-kind="settings"] .settings-section{height:calc(100% - 50px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 4px!important;scrollbar-color:#555 transparent!important}
#panel[data-kind="settings"] .setting{min-height:44px!important;padding:7px 10px!important;grid-template-columns:minmax(0,1fr) minmax(190px,42%)!important;gap:12px!important;background:transparent!important;border:0!important;border-bottom:1px solid #aaa8a1!important;color:#111!important}
#panel[data-kind="settings"] .setting>span{font-size:.72rem!important;color:#111!important}#panel[data-kind="settings"] .setting small{color:#716e68!important;font-size:.54rem!important}
#panel[data-kind="settings"] input[type="range"]{accent-color:#111!important}#panel[data-kind="settings"] select,#panel[data-kind="settings"] input,#panel[data-kind="settings"] button{background:#efede7!important;color:#111!important;border:1px solid #77736c!important}
#panel[data-kind="settings"] #panel-footer{height:58px!important;padding:8px 22px 10px!important;background:transparent!important;border-top:1px solid #9b9993!important}#panel[data-kind="settings"] #panel-footer button{background:#111!important;color:#eee!important;border:1px solid #111!important}

/* --- SAVE SLOTS: delete is always visible on occupied cards --- */
#panel[data-kind="slots"] .slot-grid{align-items:stretch!important}.save-slot{position:relative!important;padding:0!important;overflow:hidden!important}.save-slot-open{width:100%!important;height:100%!important;min-height:270px!important;padding:24px 24px 50px!important;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important}.save-slot-delete{position:absolute!important;right:12px!important;bottom:10px!important;padding:7px 10px!important;border:1px solid #444!important;background:#090909!important;color:#aaa!important;font:800 .55rem/1 system-ui,sans-serif!important;letter-spacing:.12em!important}.save-slot-delete:hover,.save-slot-delete:focus{background:#fff!important;color:#000!important;border-color:#fff!important}.save-slot.selected .save-slot-delete{background:#111!important;color:#ddd!important}

/* --- BOONS: Hades-like hierarchy; 3 choices always fit --- */
#panel[data-kind="boons"]{position:fixed!important;inset:4dvh 3vw!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;background:#000!important;border:1px solid #303030!important;overflow:hidden!important}
#panel[data-kind="boons"] .panel-header{display:none!important}
#panel[data-kind="boons"] #panel-portrait{display:block!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:38%!important;height:100%!important;background-size:cover!important;background-position:center top!important;filter:grayscale(1) contrast(1.18)!important;opacity:.95!important;mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.9) 78%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,#000 0 66%,rgba(0,0,0,.9) 78%,transparent 100%)!important}
#panel[data-kind="boons"] #panel-portrait:empty{background:url('assets/ui36/bell-seal.svg') center/42% no-repeat!important;opacity:.16!important}
#panel[data-kind="boons"] #panel-body{position:absolute!important;left:34%!important;right:0!important;top:0!important;bottom:58px!important;padding:26px 32px 16px!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(0,0,0,.5),#000 14%)!important}
#panel[data-kind="boons"] .boon-v2{height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}
#panel[data-kind="boons"] .boon-v2 header{padding:0 0 10px!important;border-bottom:1px solid #333!important}.boon-v2 header small{color:#8a8a8a!important;font:800 .58rem/1 system-ui,sans-serif!important;letter-spacing:.18em!important}.boon-v2 header h3{margin:5px 0 4px!important;color:#fff!important;font:500 clamp(1.9rem,3vw,3.3rem)/.95 Georgia,serif!important}.boon-v2 header p{margin:0!important;color:#8d8d8d!important;font-size:.72rem!important}
#panel[data-kind="boons"] .boon-v2-list{display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;min-height:0!important;overflow:hidden!important}
#panel[data-kind="boons"] .boon-v2-option{height:100%!important;min-height:0!important;padding:10px 14px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 24px!important;gap:12px!important;align-items:center!important;background:#090909!important;border:1px solid #343434!important;color:#cfcfcf!important;text-align:left!important;overflow:hidden!important}
#panel[data-kind="boons"] .boon-v2-option:hover,#panel[data-kind="boons"] .boon-v2-option:focus{background:#efede7!important;color:#080808!important;border-color:#fff!important}.boon-v2-index{font:500 1.35rem Georgia,serif!important;color:#777!important}.boon-v2-option strong{display:block!important;font:500 clamp(1.05rem,1.6vw,1.5rem)/1.05 Georgia,serif!important}.boon-v2-option p{margin:4px 0!important;font-size:.7rem!important;line-height:1.25!important;max-width:64ch!important}.boon-v2-option small,.boon-v2-option em{font-size:.52rem!important;letter-spacing:.06em!important;color:inherit!important;opacity:.62!important}.boon-v2-option>b{font-size:1rem!important;color:inherit!important}
#panel[data-kind="boons"] #panel-footer{position:absolute!important;left:34%!important;right:0!important;bottom:0!important;height:58px!important;padding:8px 32px!important;background:#020202!important;border-top:1px solid #272727!important;display:flex!important;justify-content:flex-end!important;gap:8px!important}
#panel[data-kind="boons"] #panel-footer button{padding:10px 14px!important}.boon-v2-option:focus{outline:2px solid #fff!important;outline-offset:-2px!important}

/* --- DIALOGUE: keep the version that actually worked; no browser-like frame --- */
#panel[data-kind="dialogue"]{border:0!important;box-shadow:none!important}#panel[data-kind="dialogue"] #panel-body,#panel[data-kind="dialogue"] #panel-footer{overflow:visible!important}#panel[data-kind="dialogue"] #close-panel{display:none!important}

/* --- DUEL / BOSS: Hades-like thin top bar, centre stays gameplay-only --- */
#boss-hud{position:fixed!important;top:14px!important;left:50%!important;transform:translateX(-50%)!important;width:min(820px,62vw)!important;height:auto!important;min-height:0!important;padding:0 0 7px!important;margin:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #303030!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr auto!important;gap:6px 14px!important;align-items:end!important;z-index:18!important}
#boss-portrait{display:none!important}.boss-copy{min-width:0!important}.boss-copy small{display:block!important;color:#777!important;font:800 .52rem/1 system-ui,sans-serif!important;letter-spacing:.18em!important}.boss-copy>span{display:block!important;color:#f2f2f2!important;font:600 1rem/1.15 Georgia,serif!important;letter-spacing:.05em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.boss-track{height:8px!important;margin-top:6px!important;background:#171717!important;border:1px solid #363636!important}.boss-track i{display:block!important;height:100%!important;background:#efefef!important}.boss-posture-track{height:4px!important;margin-top:4px!important;background:#141414!important;border:0!important;position:relative!important}.boss-posture-track i{display:block!important;height:100%!important;background:#7a7a7a!important}.boss-posture-track small{position:absolute!important;right:0!important;top:7px!important;color:#666!important;font:700 .46rem/1 system-ui,sans-serif!important;letter-spacing:.12em!important}#boss-phase{align-self:center!important;color:#a9a9a9!important;font:800 .58rem/1 system-ui,sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important;border:0!important;background:transparent!important;padding:0!important}
body.guided-duel #guardian-duel-indicator,body.guided-duel #duel-legend,body.guided-duel #edit-flash{display:none!important}
body.guided-duel #tutorial-coach{position:fixed!important;left:auto!important;right:18px!important;top:112px!important;bottom:auto!important;width:min(320px,26vw)!important;max-width:320px!important;min-height:0!important;margin:0!important;padding:10px 12px!important;background:rgba(0,0,0,.76)!important;border:0!important;border-left:2px solid #e8e8e8!important;box-shadow:none!important;z-index:24!important;backdrop-filter:none!important}
body.guided-duel #tutorial-coach #tutorial-step{font-size:.48rem!important;color:#666!important}body.guided-duel #tutorial-coach #tutorial-title{font-size:.78rem!important;margin:3px 0!important}body.guided-duel #tutorial-coach #tutorial-status{font-size:.54rem!important;padding:2px 5px!important}body.guided-duel #tutorial-coach #tutorial-instruction{font-size:.62rem!important;line-height:1.25!important;margin-top:5px!important}
#guardian-duel-indicator{top:72px!important;background:transparent!important;border:0!important;color:#999!important;padding:3px 8px!important}#guardian-duel-indicator strong{font-size:.55rem!important}#guardian-duel-indicator small{font-size:.48rem!important}

/* --- Interaction / reward: exactly one prompt, no duplicated old/new UI --- */
#reward-action,#interact-prompt{position:fixed!important;left:50%!important;right:auto!important;bottom:26px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:auto!important;max-width:min(460px,80vw)!important;padding:7px 12px!important;background:rgba(0,0,0,.82)!important;border:1px solid #454545!important;color:#ddd!important;box-shadow:none!important;border-radius:0!important;font:800 .65rem/1 system-ui,sans-serif!important;letter-spacing:.03em!important;z-index:30!important}
#reward-action[hidden],#interact-prompt[hidden]{display:none!important}#reward-action kbd,#interact-prompt kbd{display:inline-grid!important;place-items:center!important;min-width:28px!important;height:24px!important;padding:0 6px!important;background:#eee!important;color:#050505!important;border:0!important;font:900 .62rem/1 system-ui,sans-serif!important}#interact-prompt span,#reward-action span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* --- Ability help: no four cards; one quiet Hades-like rail --- */
#abilities{position:fixed!important;right:22px!important;bottom:18px!important;display:flex!important;gap:12px!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;z-index:12!important;opacity:.58!important}
#abilities .ability{width:auto!important;min-width:0!important;height:auto!important;padding:0!important;display:flex!important;gap:5px!important;align-items:center!important;background:transparent!important;border:0!important;color:#777!important;box-shadow:none!important}.ability-symbol{font-size:.7rem!important;color:#888!important}#abilities kbd{font:800 .58rem/1 system-ui,sans-serif!important;color:#ddd!important;background:transparent!important;border:0!important;padding:0!important}#abilities small{display:none!important}#abilities .ability i{display:none!important}#abilities .ability strong{display:none!important}
body.tutorial-active #abilities{opacity:.22!important}body.guardian-duel #abilities{opacity:.3!important}

/* --- Ambient banter becomes a subtitle, not a panel --- */
#ambient-banter{left:28px!important;right:auto!important;bottom:54px!important;max-width:min(520px,45vw)!important;padding:8px 12px!important;background:rgba(0,0,0,.66)!important;border:0!important;border-left:2px solid #bbb!important;box-shadow:none!important}#ambient-banter strong{font-size:.58rem!important;color:#aaa!important}#ambient-banter p{font-size:.7rem!important;margin:3px 0 0!important;color:#c8c8c8!important}

/* --- General panel gold/green purge for UI36 --- */
#panel:not([data-kind="pause"]):not([data-kind="settings"]) :is(h1,h2,h3,h4,.eyebrow,.scene-kicker,.menu-caption,.forge-rune),#panel:not([data-kind="pause"]):not([data-kind="settings"]) strong{border-color:#555!important}
#panel[data-kind="boons"] :is(h1,h2,h3,h4,.eyebrow,.scene-kicker),#panel[data-kind="slots"] :is(h1,h2,h3,h4,.eyebrow,.scene-kicker){color:#ddd!important}

@media(max-width:900px){
 #boss-hud{width:70vw!important;top:8px!important}.boss-copy>span{font-size:.8rem!important}
 body.guided-duel #tutorial-coach{right:10px!important;top:94px!important;width:min(290px,42vw)!important}
 #panel[data-kind="boons"]{inset:10px!important}#panel[data-kind="boons"] #panel-portrait{width:32%!important;opacity:.55!important}#panel[data-kind="boons"] #panel-body{left:28%!important;padding:18px 20px 12px!important}#panel[data-kind="boons"] #panel-footer{left:28%!important;padding:6px 20px!important}
}
@media(max-width:700px){
 #panel[data-kind="pause"],#panel[data-kind="settings"]{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
 #panel[data-kind="boons"] #panel-portrait{width:100%!important;opacity:.12!important;mask-image:none!important;-webkit-mask-image:none!important}#panel[data-kind="boons"] #panel-body,#panel[data-kind="boons"] #panel-footer{left:0!important;background:rgba(0,0,0,.88)!important}
 #panel[data-kind="boons"] .boon-v2-option{grid-template-columns:34px 1fr 18px!important}.boon-v2-option p{font-size:.62rem!important}
 #abilities{right:10px!important;bottom:10px!important;gap:7px!important}#reward-action,#interact-prompt{bottom:52px!important}
 body.guided-duel #tutorial-coach{left:10px!important;right:10px!important;top:auto!important;bottom:74px!important;width:auto!important;max-width:none!important}
}


/* ==========================================================
   V20.10.37 — CAMPANAS DEL JURAMENTO · PORTADA DINÁMICA
   Fondo suministrado por el usuario + interfaz real HTML/CSS.
   Una sola selección visual para ratón, teclado o mando.
   ========================================================== */

#title-screen.gw37-title-screen{
  --gw37-ivory:#f2f0ea;
  --gw37-ink:#090909;
  --gw37-muted:#c6c3bd;
  --gw37-left:clamp(54px,7.2vw,126px);
  position:fixed!important;inset:0!important;overflow:hidden!important;
  background:#030303!important;color:var(--gw37-ivory)!important;
  isolation:isolate!important;
}
#title-screen.gw37-title-screen .title-art{
  position:absolute!important;inset:-1.4%!important;
  background-image:url('assets/ui37/menu-background.png')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  filter:none!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;
  transform:scale(1.016);transform-origin:68% 48%;
  animation:gw37-bg-breathe 18s cubic-bezier(.42,0,.58,1) infinite alternate!important;
  z-index:0!important;will-change:transform;
}
#title-screen.gw37-title-screen::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.24) 30%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.02) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10),transparent 25%,transparent 74%,rgba(0,0,0,.20))!important;
}
#title-screen.gw37-title-screen .title-atmosphere{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.035),transparent 26%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);
  mix-blend-mode:screen;opacity:.35;
  animation:gw37-grain 6s steps(2,end) infinite;
}
#title-screen.gw37-title-screen .title-content{
  position:absolute!important;z-index:4!important;
  top:clamp(76px,10.8vh,130px)!important;left:var(--gw37-left)!important;
  width:min(620px,42vw)!important;height:auto!important;
  padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  overflow:visible!important;
  animation:gw37-title-in .9s cubic-bezier(.16,1,.3,1) both;
}
#title-screen.gw37-title-screen .title-content h1{
  margin:0!important;padding:0!important;
  font:500 clamp(4.45rem,6.8vw,7.5rem)/.78 Georgia,'Times New Roman',serif!important;
  letter-spacing:.035em!important;color:#f5f3ee!important;text-shadow:0 2px 24px rgba(0,0,0,.48)!important;
  white-space:nowrap!important;
}
#title-screen.gw37-title-screen .title-content .subtitle{
  position:relative!important;margin:clamp(18px,2.2vh,28px) 0 0!important;padding:0!important;
  font:500 clamp(.86rem,1.18vw,1.28rem)/1.1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.34em!important;text-transform:uppercase!important;color:#efede7!important;
  white-space:nowrap!important;text-shadow:0 1px 12px #000!important;
}
#title-screen.gw37-title-screen .title-divider37{
  position:relative;width:min(420px,31vw);height:28px;margin:14px 0 clamp(18px,2.4vh,30px);opacity:.9;
}
#title-screen.gw37-title-screen .title-divider37::before,
#title-screen.gw37-title-screen .title-divider37::after{
  content:"";position:absolute;top:13px;height:1px;background:linear-gradient(90deg,transparent,#efede7 24%,#efede7 100%);opacity:.72;
}
#title-screen.gw37-title-screen .title-divider37::before{left:0;width:48%}
#title-screen.gw37-title-screen .title-divider37::after{right:0;width:48%;transform:scaleX(-1)}
#title-screen.gw37-title-screen .title-divider37 span{
  position:absolute;left:50%;top:9px;width:8px;height:8px;border:1px solid #efede7;transform:translateX(-50%) rotate(45deg);
  box-shadow:0 0 0 2px rgba(0,0,0,.35);opacity:.9;
}
#title-screen.gw37-title-screen .title-main-menu{
  width:min(440px,32vw)!important;display:flex!important;flex-direction:column!important;gap:clamp(1px,.4vh,5px)!important;
  margin:0!important;padding:0!important;overflow:visible!important;
}
#title-screen.gw37-title-screen .title-choice{
  --sel:0;
  position:relative!important;display:block!important;width:100%!important;min-height:0!important;
  margin:0!important;padding:clamp(10px,1.25vh,14px) 26px clamp(10px,1.25vh,14px) 42px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
  color:#eeeae3!important;text-align:left!important;
  font:500 clamp(1.38rem,1.78vw,2rem)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;
  cursor:pointer!important;overflow:visible!important;isolation:isolate!important;
  transition:color .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),letter-spacing .18s ease!important;
  opacity:0;transform:translateX(-10px);
  animation:gw37-item-in .55s cubic-bezier(.16,1,.3,1) forwards;
}
#title-screen.gw37-title-screen .title-choice:nth-child(1){animation-delay:.30s}
#title-screen.gw37-title-screen .title-choice:nth-child(2){animation-delay:.37s}
#title-screen.gw37-title-screen .title-choice:nth-child(3){animation-delay:.44s}
#title-screen.gw37-title-screen .title-choice:nth-child(4){animation-delay:.51s}
#title-screen.gw37-title-screen .title-choice:nth-child(5){animation-delay:.58s}
#title-screen.gw37-title-screen .title-choice:nth-child(6){animation-delay:.65s}
#title-screen.gw37-title-screen .title-choice::before{
  content:""!important;position:absolute!important;z-index:-1!important;
  left:27px!important;right:2px!important;top:18%!important;bottom:18%!important;
  background:
    linear-gradient(90deg,rgba(245,243,237,.98) 0%,rgba(239,236,229,.94) 63%,rgba(239,236,229,.48) 87%,transparent 100%)!important;
  border:0!important;box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -1px rgba(0,0,0,.18)!important;
  opacity:0!important;transform:scaleX(.05)!important;transform-origin:left center!important;
  clip-path:polygon(0 5%,94% 0,100% 48%,95% 100%,1% 94%)!important;
  transition:opacity .12s ease,transform .22s cubic-bezier(.16,1,.3,1)!important;
}
#title-screen.gw37-title-screen .title-choice::after{
  content:""!important;position:absolute!important;left:2px!important;top:50%!important;
  width:0!important;height:0!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:11px solid #f4f1eb!important;
  transform:translate(-10px,-50%)!important;opacity:0!important;filter:drop-shadow(0 1px 2px #000)!important;
  transition:opacity .13s ease,transform .18s cubic-bezier(.16,1,.3,1)!important;
}
#title-screen.gw37-title-screen .title-choice:hover,
#title-screen.gw37-title-screen .title-choice:focus,
#title-screen.gw37-title-screen .title-choice:focus-visible{
  color:#0a0a0a!important;transform:translateX(5px)!important;letter-spacing:.068em!important;
}
#title-screen.gw37-title-screen .title-choice:hover::before,
#title-screen.gw37-title-screen .title-choice:focus::before,
#title-screen.gw37-title-screen .title-choice:focus-visible::before{
  opacity:1!important;transform:scaleX(1)!important;
}
#title-screen.gw37-title-screen .title-choice:hover::after,
#title-screen.gw37-title-screen .title-choice:focus::after,
#title-screen.gw37-title-screen .title-choice:focus-visible::after{
  opacity:1!important;transform:translate(0,-50%)!important;
}
#title-screen.gw37-title-screen .title-choice:active{transform:translateX(8px) scale(.992)!important}
#title-screen.gw37-title-screen .title-choice.title-utility{display:none!important}
#title-screen.gw37-title-screen .title-meta-row,
#title-screen.gw37-title-screen .title-footer,
#title-screen.gw37-title-screen .title-demo-badge,
#title-screen.gw37-title-screen .eyebrow,
#title-screen.gw37-title-screen .title-ink{display:none!important}
#title-screen.gw37-title-screen #loading{display:none!important}

@keyframes gw37-bg-breathe{from{transform:scale(1.016) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.25%,.18%,0)}}
@keyframes gw37-title-in{from{opacity:0;transform:translate3d(-18px,8px,0)}to{opacity:1;transform:none}}
@keyframes gw37-item-in{to{opacity:1;transform:translateX(0)}}
@keyframes gw37-grain{0%,100%{transform:translate(0,0)}25%{transform:translate(.12%,-.08%)}50%{transform:translate(-.08%,.10%)}75%{transform:translate(.06%,.06%)}}

@media(max-width:1100px){
 #title-screen.gw37-title-screen{--gw37-left:clamp(34px,5vw,70px)}
 #title-screen.gw37-title-screen .title-content{width:min(570px,49vw)!important;top:9vh!important}
 #title-screen.gw37-title-screen .title-content h1{font-size:clamp(3.6rem,7vw,6rem)!important}
 #title-screen.gw37-title-screen .title-main-menu{width:min(390px,40vw)!important}
 #title-screen.gw37-title-screen .title-choice{font-size:clamp(1.18rem,1.9vw,1.62rem)!important}
}
@media(max-width:760px){
 #title-screen.gw37-title-screen .title-art{background-position:61% center!important;opacity:.82!important}
 #title-screen.gw37-title-screen::after{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42) 57%,rgba(0,0,0,.16))!important}
 #title-screen.gw37-title-screen .title-content{top:8vh!important;left:24px!important;width:min(560px,76vw)!important}
 #title-screen.gw37-title-screen .title-content h1{font-size:clamp(3.2rem,12vw,5.2rem)!important}
 #title-screen.gw37-title-screen .title-content .subtitle{font-size:clamp(.65rem,2.3vw,.92rem)!important;letter-spacing:.25em!important}
 #title-screen.gw37-title-screen .title-divider37{width:min(390px,62vw)}
 #title-screen.gw37-title-screen .title-main-menu{width:min(390px,68vw)!important}
 #title-screen.gw37-title-screen .title-choice{font-size:clamp(1.05rem,3.4vw,1.42rem)!important;padding-left:36px!important}
}
@media(max-height:690px){
 #title-screen.gw37-title-screen .title-content{top:6vh!important}
 #title-screen.gw37-title-screen .title-content h1{font-size:clamp(3.4rem,6.2vw,5.5rem)!important}
 #title-screen.gw37-title-screen .title-content .subtitle{margin-top:12px!important}
 #title-screen.gw37-title-screen .title-divider37{margin:8px 0 10px!important;height:22px!important}
 #title-screen.gw37-title-screen .title-divider37::before,#title-screen.gw37-title-screen .title-divider37::after{top:10px}
 #title-screen.gw37-title-screen .title-divider37 span{top:6px}
 #title-screen.gw37-title-screen .title-choice{padding-top:8px!important;padding-bottom:8px!important;font-size:clamp(1.05rem,1.6vw,1.45rem)!important}
}
@media(prefers-reduced-motion:reduce){
 #title-screen.gw37-title-screen .title-art,#title-screen.gw37-title-screen .title-atmosphere,#title-screen.gw37-title-screen .title-content,#title-screen.gw37-title-screen .title-choice{animation:none!important;opacity:1!important;transform:none!important}
 #title-screen.gw37-title-screen .title-choice::before,#title-screen.gw37-title-screen .title-choice::after{transition:none!important}
}

/* ==========================================================
   V20.10.37.1 — HOTFIX SELECTOR PORTADA
   Ajusta el foco JUGAR al diseño de referencia: sin marco dorado,
   franja de tinta clara sólo en la opción activa y texto oscuro.
   ========================================================== */
#title-screen.gw37-title-screen .title-main-menu{
  width:min(390px,29vw)!important;
}
#title-screen.gw37-title-screen .title-choice{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
  transform:none!important;
}
#title-screen.gw37-title-screen .title-choice:hover,
#title-screen.gw37-title-screen .title-choice:focus,
#title-screen.gw37-title-screen .title-choice:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#121212!important;
  -webkit-text-fill-color:#121212!important;
  text-shadow:none!important;
  transform:none!important;
  letter-spacing:.055em!important;
}
#title-screen.gw37-title-screen .title-choice::before{
  left:28px!important;
  right:8px!important;
  top:14%!important;
  bottom:14%!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 8% 30%,rgba(55,55,55,.10) 0 1px,transparent 1.5px),
    radial-gradient(circle at 24% 72%,rgba(25,25,25,.08) 0 1px,transparent 1.5px),
    repeating-linear-gradient(176deg,rgba(25,25,25,.045) 0 1px,transparent 1px 6px),
    linear-gradient(90deg,#ece9e2 0%,#f3f0e9 67%,rgba(239,236,228,.92) 84%,rgba(224,221,214,.54) 94%,rgba(224,221,214,0) 100%)!important;
  clip-path:polygon(0 7%,91% 2%,97% 13%,100% 49%,96% 87%,89% 98%,1% 93%)!important;
  opacity:0!important;
  transform:scaleX(.08)!important;
  transform-origin:left center!important;
  filter:none!important;
}
#title-screen.gw37-title-screen .title-choice::after{
  left:3px!important;
  border-top:6px solid transparent!important;
  border-bottom:6px solid transparent!important;
  border-left:10px solid #f0eee8!important;
  filter:drop-shadow(0 1px 1px #000)!important;
}
#title-screen.gw37-title-screen .title-choice:hover::before,
#title-screen.gw37-title-screen .title-choice:focus::before,
#title-screen.gw37-title-screen .title-choice:focus-visible::before{
  opacity:1!important;
  transform:scaleX(1)!important;
}
#title-screen.gw37-title-screen .title-choice:hover::after,
#title-screen.gw37-title-screen .title-choice:focus::after,
#title-screen.gw37-title-screen .title-choice:focus-visible::after{
  opacity:1!important;
  transform:translate(0,-50%)!important;
}
#title-screen.gw37-title-screen .title-choice:active{
  transform:translateX(2px) scale(.995)!important;
}
@media(max-width:1100px){
  #title-screen.gw37-title-screen .title-main-menu{width:min(370px,38vw)!important}
}
@media(max-width:760px){
  #title-screen.gw37-title-screen .title-main-menu{width:min(360px,68vw)!important}
}

/* ==========================================================
   V20.10.37.2 — FIX DEFINITIVO JUGAR / LEGACY #enter
   v20.css conserva un estilo antiguo con dos IDs:
   #title-screen #enter. Este bloque lo supera en especificidad
   para que JUGAR use exactamente el mismo selector animado
   que el resto del menú: sin marco dorado permanente.
   ========================================================== */
#title-screen.gw37-title-screen #enter.title-choice{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  outline-offset:0!important;
  color:#eeeae3!important;
  -webkit-text-fill-color:#eeeae3!important;
  text-shadow:none!important;
  font:500 clamp(1.38rem,1.78vw,2rem)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  padding:clamp(10px,1.25vh,14px) 26px clamp(10px,1.25vh,14px) 42px!important;
}
#title-screen.gw37-title-screen #enter.title-choice:hover,
#title-screen.gw37-title-screen #enter.title-choice:focus,
#title-screen.gw37-title-screen #enter.title-choice:focus-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#121212!important;
  -webkit-text-fill-color:#121212!important;
  text-shadow:none!important;
}
#title-screen.gw37-title-screen #enter.title-choice:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:1100px){
  #title-screen.gw37-title-screen #enter.title-choice{
    font-size:clamp(1.18rem,1.9vw,1.62rem)!important;
  }
}
@media(max-width:760px){
  #title-screen.gw37-title-screen #enter.title-choice{
    font-size:clamp(1.05rem,3.4vw,1.42rem)!important;
    padding-left:36px!important;
  }
}
@media(max-height:720px){
  #title-screen.gw37-title-screen #enter.title-choice{
    padding-top:8px!important;
    padding-bottom:8px!important;
    font-size:clamp(1.05rem,1.6vw,1.45rem)!important;
  }
}


/* ==========================================================
   V20.10.39.1 — HOTFIX VIDEO REAL DE PORTADA
   El vídeo queda detrás de la UI y reemplaza la imagen estática
   solo cuando ya está listo para reproducirse.
   ========================================================== */
#title-screen.gw37-title-screen.gw39-video-title .gw-title-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  z-index:0!important;
  pointer-events:none!important;
  background:#030303!important;
  opacity:0!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  transition:opacity .28s ease!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-art{
  z-index:0!important;
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .28s ease!important;
}
#title-screen.gw37-title-screen.gw39-video-title.gw39-video-ready .gw-title-video{
  opacity:1!important;
}
#title-screen.gw37-title-screen.gw39-video-title.gw39-video-ready .title-art{
  opacity:0!important;
  visibility:hidden!important;
}
#title-screen.gw37-title-screen.gw39-video-title::after{z-index:2!important}
#title-screen.gw37-title-screen.gw39-video-title .title-atmosphere{z-index:3!important}
#title-screen.gw37-title-screen.gw39-video-title .title-content{z-index:4!important}
#title-screen.gw37-title-screen.gw39-video-title .title-footer{z-index:4!important}
#title-screen.gw37-title-screen.gw39-video-title .title-atmosphere::before,
#title-screen.gw37-title-screen.gw39-video-title .title-atmosphere::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  opacity:0!important;
}


/* ==========================================================
   V20.10.39.2 — VIDEO LIGERO + UI FLUIDA + DISCORD
   ========================================================== */
#title-screen.gw37-title-screen.gw39-video-title{
  contain:layout paint style!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-title-video{
  width:100%!important;height:100%!important;object-fit:cover!important;
  transform:translateZ(0)!important;backface-visibility:hidden!important;
  will-change:auto!important;
  image-rendering:auto!important;
}
/* El grano/mix-blend animado de la portada estática era caro al componer sobre video. */
#title-screen.gw37-title-screen.gw39-video-title .title-atmosphere{
  display:none!important;
  animation:none!important;
  mix-blend-mode:normal!important;
  opacity:0!important;
}
/* Una sola máscara estática mantiene legible el menú sin filtros de pantalla completa. */
#title-screen.gw37-title-screen.gw39-video-title::after{
  z-index:2!important;
  background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.32) 32%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.02) 100%)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-content{
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-choice{
  backface-visibility:hidden!important;
}
/* Botón real y opaco: cubre la marca del clip en la esquina inferior derecha. */
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-join{
  position:absolute!important;right:0!important;bottom:0!important;z-index:8!important;
  width:clamp(255px,20vw,350px)!important;min-height:66px!important;
  display:grid!important;grid-template-columns:42px 1fr 24px!important;align-items:center!important;gap:10px!important;
  padding:10px 16px 10px 14px!important;box-sizing:border-box!important;
  background:#070707!important;color:#f4f1eb!important;
  border:0!important;border-top:1px solid rgba(244,241,235,.76)!important;border-left:1px solid rgba(244,241,235,.76)!important;
  text-decoration:none!important;box-shadow:-12px -10px 30px rgba(0,0,0,.42)!important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
  isolation:isolate!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-icon{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(244,241,235,.7)!important;font-size:.8rem!important;transform:rotate(45deg)!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-icon::first-letter{transform:rotate(-45deg)}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-copy{
  display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-copy strong{
  font:800 .70rem/1 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:.13em!important;white-space:nowrap!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-copy small{
  font:600 .56rem/1 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:.16em!important;color:#8f8f8f!important;white-space:nowrap!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-arrow{font-size:1rem!important;opacity:.7!important;text-align:right!important}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-join:hover,
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-join:focus-visible{
  background:#f1eee7!important;color:#070707!important;outline:0!important;transform:translate3d(-3px,-3px,0)!important;
}
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-join:hover .gw-discord-copy small,
#title-screen.gw37-title-screen.gw39-video-title .gw-discord-join:focus-visible .gw-discord-copy small{color:#4b4b4b!important}
@media(max-width:760px){
  #title-screen.gw37-title-screen.gw39-video-title .gw-discord-join{width:230px!important;min-height:58px!important;grid-template-columns:34px 1fr 18px!important;padding:8px 10px!important}
  #title-screen.gw37-title-screen.gw39-video-title .gw-discord-icon{width:30px!important;height:30px!important}
  #title-screen.gw37-title-screen.gw39-video-title .gw-discord-copy strong{font-size:.61rem!important}
  #title-screen.gw37-title-screen.gw39-video-title .gw-discord-copy small{font-size:.48rem!important}
}
@media(prefers-reduced-motion:reduce){
  #title-screen.gw37-title-screen.gw39-video-title .gw-discord-join{transition:none!important}
}


/* ==========================================================
   V20.10.39.4 — MENU PERFORMANCE FIX
   El mundo 3D ya duerme en portada desde JS. Aquí evitamos
   capas GPU innecesarias en cada botón sin cambiar el diseño.
   ========================================================== */
#title-screen.gw37-title-screen.gw39-video-title .title-content,
#title-screen.gw37-title-screen.gw39-video-title .title-choice{
  backface-visibility:visible!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-content{
  transform:none!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-choice{
  will-change:auto!important;
}


/* V20.10.39.5 — foco de portada sincronizado con puntero.
   Evita que #enter/JUGAR conserve el estado de selección cuando otra opción está bajo el cursor. */
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus:not(:hover),
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus-visible:not(:hover){
  color:#eeeae3!important;
  -webkit-text-fill-color:#eeeae3!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus:not(:hover)::before,
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus-visible:not(:hover)::before,
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus:not(:hover)::after,
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus-visible:not(:hover)::after{
  opacity:0!important;
  transform:scaleX(.08)!important;
}
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus:not(:hover)::after,
#title-screen.gw37-title-screen.gw39-video-title .title-main-menu:hover #enter.title-choice:focus-visible:not(:hover)::after{
  transform:translate(-10px,-50%)!important;
}

/* V20.10.40 · Ranuras estilo tarjetas */
#panel[data-kind="slots"]{width:min(1480px,95vw)!important;height:min(860px,94dvh)!important;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.88))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 26px 90px rgba(0,0,0,.55)!important;color:#ece7dc!important;overflow:hidden!important}
#panel[data-kind="slots"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.09),transparent 28%),radial-gradient(circle at 18% 100%,rgba(110,0,0,.16),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%);pointer-events:none}
#panel[data-kind="slots"]::after{content:"";position:absolute;right:4%;top:7%;width:min(35vw,520px);height:min(35vw,520px);border:1px solid rgba(255,255,255,.08);border-radius:50%;opacity:.22;pointer-events:none;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.015)}
#panel[data-kind="slots"] .panel-header{position:relative!important;padding:38px 78px 10px!important;background:transparent!important;border:0!important;z-index:2!important}
#panel[data-kind="slots"] .panel-header .panel-top,#panel[data-kind="slots"] #close-panel,#panel[data-kind="slots"] #panel-detail{display:none!important}
#panel[data-kind="slots"] .panel-header h2{margin:0!important;font:400 clamp(3rem,4.5vw,5.2rem)/.95 Georgia,serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#f4f0e8!important;text-shadow:0 0 28px rgba(255,255,255,.09)!important}
#panel[data-kind="slots"] #panel-body{position:relative!important;padding:0 78px 74px!important;overflow:hidden!important;z-index:2!important;background:transparent!important;color:#eee!important}
#panel[data-kind="slots"] #panel-footer{display:none!important}
.slot-select-screen{position:relative;display:flex;flex-direction:column;height:100%}
.slot-select-deco{display:flex;align-items:center;gap:16px;margin:0 0 26px;opacity:.86}
.slot-select-deco span{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(255,255,255,.1))}
.slot-select-deco i{position:relative;display:block;width:12px;height:12px;border:1px solid rgba(255,255,255,.52);transform:rotate(45deg)}
.slot-select-deco i::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.2)}
.slot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;flex:1;min-height:0}
.slot-card{position:relative;display:block;min-height:520px;padding:0;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(8,8,8,.96),rgba(2,2,2,.96));cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;outline:none}
.slot-card::before,.slot-card::after{content:"";position:absolute;width:16px;height:16px;border:1px solid rgba(255,255,255,.28);pointer-events:none}
.slot-card::before{left:8px;top:8px;border-right:0;border-bottom:0}
.slot-card::after{right:8px;bottom:8px;border-left:0;border-top:0}
.slot-card:hover,.slot-card:focus-within,.slot-card.is-selected{border-color:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 18px 70px rgba(0,0,0,.45);transform:translateY(-2px)}
.slot-card__frame{display:flex;flex-direction:column;height:100%;padding:22px}
.slot-card__index{font:400 clamp(2.35rem,3vw,3.4rem)/1 Georgia,serif;color:#f4f0e8;margin:0 0 14px;opacity:.98}
.slot-card__thumb{height:246px;border:1px solid rgba(255,255,255,.18);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 -70px 80px rgba(0,0,0,.32);margin-bottom:18px}
.slot-card__title{font:400 clamp(1.08rem,1.8vw,1.45rem)/1.2 Georgia,serif;color:#f4f0e8;text-align:center;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;min-height:72px;display:flex;align-items:center;justify-content:center}
.slot-card__divider{display:flex;align-items:center;gap:10px;margin:0 0 18px;opacity:.84}
.slot-card__divider span{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.06))}
.slot-card__divider i{display:block;width:10px;height:10px;border:1px solid rgba(255,255,255,.42);transform:rotate(45deg)}
.slot-card__time{font:400 clamp(1.3rem,2vw,1.85rem)/1 Georgia,serif;color:#f1ece2;text-align:center;letter-spacing:.03em;margin:0 0 24px}
.slot-card__cta{margin-top:auto;border:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,rgba(16,16,16,.94),rgba(6,6,6,.98));color:#f3eee4;padding:18px 20px;font:700 clamp(1rem,1.5vw,1.15rem)/1.05 Georgia,serif;letter-spacing:.04em;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.slot-card__cta:hover,.slot-card__cta:focus{border-color:#fff;background:linear-gradient(180deg,rgba(36,36,36,.95),rgba(8,8,8,.98));color:#fff;transform:translateY(-1px)}
.slot-card--empty .slot-card__frame{justify-content:flex-start}
.slot-card__empty-emblem{width:112px;height:112px;margin:56px auto 34px;position:relative;transform:rotate(45deg);border:1px solid rgba(255,255,255,.28)}
.slot-card__empty-emblem::before,.slot-card__empty-emblem::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.14)}
.slot-card__empty-emblem::after{inset:36px}
.slot-card__empty-text{font:400 clamp(2rem,3.2vw,3rem)/1 Georgia,serif;color:#f0ece2;text-align:center;letter-spacing:.03em;margin:0 auto 34px}
.slot-card--empty .slot-card__cta{margin-top:auto}
.slot-select-actions{display:flex;justify-content:flex-end;align-items:center;gap:22px;padding-top:24px}
.slot-action-delete,.slot-action-back{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.18);background:rgba(6,6,6,.88);color:#ece7de;padding:14px 18px;min-height:58px;text-transform:none;transition:border-color .18s ease,background .18s ease,color .18s ease}
.slot-action-delete small{font:.75rem/1 system-ui,sans-serif;letter-spacing:.08em;opacity:.62;text-transform:uppercase}
.slot-action-delete{color:#c94040;border-color:rgba(185,58,58,.45)}
.slot-action-delete__icon{font-size:1.1rem;line-height:1}
.slot-action-delete:hover,.slot-action-delete:focus{background:rgba(50,7,7,.72);border-color:rgba(255,116,116,.55);color:#ff8a8a}
.slot-action-delete.is-disabled,.slot-action-delete:disabled{opacity:.45;filter:grayscale(1);cursor:not-allowed;background:rgba(6,6,6,.6)!important;color:#807171!important;border-color:rgba(255,255,255,.12)!important}
.slot-action-back kbd{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.04);font:700 1rem/1 Georgia,serif;color:#f0ebe1;box-shadow:none}
.slot-action-back:hover,.slot-action-back:focus{border-color:#fff;background:rgba(255,255,255,.06);color:#fff}
@media (max-width:1180px){#panel[data-kind="slots"] .panel-header{padding:32px 34px 10px!important}#panel[data-kind="slots"] #panel-body{padding:0 34px 30px!important}.slot-cards{gap:18px}.slot-card{min-height:500px}.slot-card__frame{padding:18px}.slot-card__thumb{height:220px}}
@media (max-width:940px){#panel[data-kind="slots"]{width:min(96vw,980px)!important;height:min(94dvh,980px)!important}#panel[data-kind="slots"]::after{display:none}.slot-cards{grid-template-columns:1fr!important;overflow:auto;padding-right:4px}.slot-card{min-height:220px}.slot-card__frame{padding:16px}.slot-card__thumb{height:180px}.slot-card__title{min-height:0}.slot-select-actions{justify-content:space-between;gap:10px;flex-wrap:wrap}.slot-action-delete,.slot-action-back{flex:1 1 auto;justify-content:center}}

/* ==========================================================
   V20.10.40.1 — AJUSTE DE PROPORCIONES / RANURAS
   Corrección visual para aproximar la pantalla a la referencia:
   pantalla completa, tarjetas sin recorte y acciones en el pie.
   ========================================================== */
body[data-modal-kind="slots"] .gw-discord-join{display:none!important}
#panel[data-kind="slots"]{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,255,255,.045),transparent 26%),
    radial-gradient(circle at 15% 100%,rgba(116,0,0,.08),transparent 24%),
    linear-gradient(180deg,#050505 0%,#020202 100%)!important;
  box-shadow:none!important;
}
#panel[data-kind="slots"]::backdrop{background:#000!important}
#panel[data-kind="slots"]::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 20%,transparent 80%,rgba(255,255,255,.014)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px)!important;
  opacity:.72!important;
}
#panel[data-kind="slots"]::after{
  right:6%!important;top:4%!important;width:min(34vw,520px)!important;height:min(34vw,520px)!important;
  opacity:.11!important;
}
#panel[data-kind="slots"] .panel-header{
  height:clamp(112px,16vh,160px)!important;
  box-sizing:border-box!important;
  padding:clamp(42px,6.5vh,68px) clamp(56px,6.2vw,105px) 10px!important;
  display:block!important;
}
#panel[data-kind="slots"] .panel-header h2{
  font-size:clamp(2.7rem,4vw,4.2rem)!important;
  line-height:.95!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
#panel[data-kind="slots"] #panel-body{
  position:absolute!important;
  left:0!important;right:0!important;
  top:clamp(112px,16vh,160px)!important;
  bottom:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:0 clamp(56px,6.2vw,105px) clamp(26px,3vh,38px)!important;
  overflow:hidden!important;
}
#panel[data-kind="slots"] #panel-footer{display:none!important}
#panel[data-kind="slots"] .slot-select-screen{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:32px minmax(0,1fr) 82px!important;
  gap:0!important;
}
#panel[data-kind="slots"] .slot-select-deco{
  margin:0!important;
  height:32px!important;
  gap:13px!important;
}
#panel[data-kind="slots"] .slot-select-deco span:first-child{max-width:34%!important}
#panel[data-kind="slots"] .slot-select-deco span:last-child{max-width:66%!important}
#panel[data-kind="slots"] .slot-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(20px,2.3vw,34px)!important;
  min-height:0!important;
  height:100%!important;
  align-items:stretch!important;
  padding:14px 0 6px!important;
  overflow:hidden!important;
}
#panel[data-kind="slots"] .slot-card{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  transform:none!important;
  background:linear-gradient(180deg,rgba(9,9,9,.98),rgba(2,2,2,.985))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
#panel[data-kind="slots"] .slot-card:hover,
#panel[data-kind="slots"] .slot-card:focus-within,
#panel[data-kind="slots"] .slot-card.is-selected{
  transform:none!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 0 20px rgba(255,255,255,.035)!important;
}
#panel[data-kind="slots"] .slot-card__frame{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:0!important;
  padding:clamp(14px,1.7vh,20px) clamp(15px,1.5vw,22px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(118px,2.15fr) auto auto auto!important;
  align-content:stretch!important;
  gap:0!important;
}
#panel[data-kind="slots"] .slot-card__index{
  margin:0 0 clamp(8px,1vh,12px)!important;
  font-size:clamp(2rem,2.6vw,2.85rem)!important;
}
#panel[data-kind="slots"] .slot-card__thumb{
  width:100%!important;
  height:100%!important;
  min-height:118px!important;
  max-height:none!important;
  margin:0!important;
  border-color:rgba(255,255,255,.14)!important;
  background-position:center 40%!important;
  background-size:cover!important;
}
#panel[data-kind="slots"] .slot-card__title{
  min-height:56px!important;
  margin:clamp(10px,1.35vh,16px) 0 clamp(5px,.7vh,9px)!important;
  font-size:clamp(1rem,1.45vw,1.34rem)!important;
  line-height:1.16!important;
}
#panel[data-kind="slots"] .slot-card__divider{
  margin:0 0 clamp(8px,1vh,12px)!important;
}
#panel[data-kind="slots"] .slot-card__time{
  margin:0 0 clamp(10px,1.3vh,15px)!important;
  font-size:clamp(1.2rem,1.6vw,1.62rem)!important;
}
#panel[data-kind="slots"] .slot-card__cta{
  margin:0!important;
  padding:clamp(13px,1.55vh,17px) 14px!important;
  min-height:0!important;
  font-size:clamp(.92rem,1.18vw,1.12rem)!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__frame{
  display:grid!important;
  grid-template-rows:auto minmax(130px,1fr) auto minmax(14px,.25fr) auto!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem{
  align-self:center!important;
  width:clamp(72px,7vw,108px)!important;
  height:clamp(72px,7vw,108px)!important;
  margin:0 auto!important;
}
#panel[data-kind="slots"] .slot-card__empty-text{
  margin:0!important;
  align-self:center!important;
  font-size:clamp(1.7rem,2.6vw,2.55rem)!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{grid-row:5!important}
#panel[data-kind="slots"] .slot-select-actions{
  height:82px!important;
  box-sizing:border-box!important;
  padding:18px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:clamp(16px,2vw,28px)!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-action-delete,
#panel[data-kind="slots"] .slot-action-back{
  min-height:50px!important;
  padding:9px 14px!important;
  background:transparent!important;
  border-color:transparent!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(1rem,1.35vw,1.35rem)!important;
}
#panel[data-kind="slots"] .slot-action-delete{color:#ba3339!important}
#panel[data-kind="slots"] .slot-action-delete:hover,
#panel[data-kind="slots"] .slot-action-delete:focus{background:rgba(110,0,0,.11)!important;border-color:rgba(190,55,62,.34)!important}
#panel[data-kind="slots"] .slot-action-back{color:#e6e1d8!important}
#panel[data-kind="slots"] .slot-action-back kbd{min-width:44px!important;height:44px!important}

/* Portátiles / alturas reducidas: que ninguna tarjeta quede cortada. */
@media (max-height:820px) and (min-width:941px){
  #panel[data-kind="slots"] .panel-header{height:112px!important;padding-top:34px!important}
  #panel[data-kind="slots"] #panel-body{top:112px!important;padding-bottom:16px!important}
  #panel[data-kind="slots"] .slot-select-screen{grid-template-rows:26px minmax(0,1fr) 66px!important}
  #panel[data-kind="slots"] .slot-select-deco{height:26px!important}
  #panel[data-kind="slots"] .slot-cards{padding-top:8px!important;gap:18px!important}
  #panel[data-kind="slots"] .slot-card__frame{padding:12px 16px!important;grid-template-rows:auto minmax(105px,2fr) auto auto auto!important}
  #panel[data-kind="slots"] .slot-card__index{font-size:2rem!important;margin-bottom:6px!important}
  #panel[data-kind="slots"] .slot-card__title{min-height:46px!important;margin:8px 0 4px!important;font-size:1.02rem!important}
  #panel[data-kind="slots"] .slot-card__divider{margin-bottom:6px!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.15rem!important;margin-bottom:8px!important}
  #panel[data-kind="slots"] .slot-card__cta{padding:11px 12px!important;font-size:.9rem!important}
  #panel[data-kind="slots"] .slot-select-actions{height:66px!important;padding-top:9px!important}
}

@media (max-width:940px){
  #panel[data-kind="slots"] .panel-header{height:102px!important;padding:32px 24px 8px!important}
  #panel[data-kind="slots"] .panel-header h2{font-size:clamp(2rem,8vw,3rem)!important}
  #panel[data-kind="slots"] #panel-body{top:102px!important;padding:0 24px 18px!important;overflow:auto!important}
  #panel[data-kind="slots"] .slot-select-screen{display:block!important;height:auto!important}
  #panel[data-kind="slots"] .slot-select-deco{height:22px!important;margin-bottom:10px!important}
  #panel[data-kind="slots"] .slot-cards{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;height:auto!important;padding:4px 0 16px!important}
  #panel[data-kind="slots"] .slot-card{height:auto!important;min-height:390px!important}
  #panel[data-kind="slots"] .slot-card__frame{min-height:390px!important;grid-template-rows:auto 190px auto auto auto!important}
  #panel[data-kind="slots"] .slot-select-actions{height:auto!important;padding:12px 0 20px!important;position:static!important}
}


/* ==========================================================
   V20.10.40.3 — RANURAS MÁS FIELES A LA REFERENCIA
   tarjetas más altas/estrechas, composición más parecida,
   pie derecho más limpio, vacías más similares.
   ========================================================== */
#panel[data-kind="slots"] .panel-header{
  height:118px!important;
  padding:36px 72px 8px!important;
}
#panel[data-kind="slots"] .panel-header h2{
  font-size:clamp(3rem,4.1vw,4.4rem)!important;
  letter-spacing:.05em!important;
}
#panel[data-kind="slots"] #panel-body{
  top:118px!important;
  padding:0 72px 24px!important;
}
#panel[data-kind="slots"] .slot-select-screen{
  grid-template-rows:36px minmax(0,1fr) 84px!important;
}
#panel[data-kind="slots"] .slot-select-deco{
  height:36px!important;
  margin-bottom:4px!important;
}
#panel[data-kind="slots"] .slot-select-deco span:first-child{max-width:none!important;flex:.78 1 0!important}
#panel[data-kind="slots"] .slot-select-deco span:last-child{max-width:none!important;flex:1.22 1 0!important}
#panel[data-kind="slots"] .slot-cards{
  grid-template-columns:repeat(3,minmax(290px,430px))!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:30px!important;
  padding:10px 0 0!important;
}
#panel[data-kind="slots"] .slot-card{
  width:100%!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  background:linear-gradient(180deg,rgba(7,7,7,.985),rgba(2,2,2,.992))!important;
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:none!important;
}
#panel[data-kind="slots"] .slot-card:hover,
#panel[data-kind="slots"] .slot-card:focus-within,
#panel[data-kind="slots"] .slot-card.is-selected{
  border-color:rgba(255,255,255,.88)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset!important;
}
#panel[data-kind="slots"] .slot-card::before,
#panel[data-kind="slots"] .slot-card::after{width:18px!important;height:18px!important;opacity:.9!important}
#panel[data-kind="slots"] .slot-card__frame{
  padding:18px 20px!important;
}
#panel[data-kind="slots"] .slot-card--filled .slot-card__frame{
  grid-template-rows:auto 255px 86px 20px 44px 76px!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__frame{
  grid-template-rows:auto 1fr 84px 76px!important;
  align-items:stretch!important;
}
#panel[data-kind="slots"] .slot-card__index{
  font-size:3rem!important;
  margin:0 0 14px!important;
}
#panel[data-kind="slots"] .slot-card__thumb{
  height:255px!important;
  min-height:255px!important;
  max-height:255px!important;
  border:0!important;
  box-shadow:none!important;
  background-position:center 24%!important;
  background-size:cover!important;
  margin:0!important;
}
#panel[data-kind="slots"] .slot-card__title{
  min-height:86px!important;
  margin:14px 0 0!important;
  font-size:1.18rem!important;
  line-height:1.17!important;
  letter-spacing:.035em!important;
}
#panel[data-kind="slots"] .slot-card__divider{
  margin:0!important;
  align-self:center!important;
}
#panel[data-kind="slots"] .slot-card__time{
  margin:0!important;
  font-size:1.75rem!important;
  align-self:center!important;
}
#panel[data-kind="slots"] .slot-card__cta{
  align-self:end!important;
  width:100%!important;
  padding:18px 14px!important;
  font-size:1rem!important;
  letter-spacing:.02em!important;
  border-color:rgba(255,255,255,.28)!important;
  background:linear-gradient(180deg,rgba(10,10,10,.98),rgba(3,3,3,.99))!important;
}
#panel[data-kind="slots"] .slot-card__cta:hover,
#panel[data-kind="slots"] .slot-card__cta:focus{
  background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(4,4,4,.99))!important;
  border-color:rgba(255,255,255,.45)!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem{
  width:124px!important;height:124px!important;
  margin:auto auto 20px!important;
  align-self:end!important;
  border-color:rgba(255,255,255,.20)!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem::before{inset:20px!important;border-color:rgba(255,255,255,.13)!important}
#panel[data-kind="slots"] .slot-card__empty-emblem::after{inset:42px!important;border-color:rgba(255,255,255,.10)!important}
#panel[data-kind="slots"] .slot-card__empty-text{
  align-self:start!important;
  margin:0 auto 8px!important;
  font-size:3.05rem!important;
  letter-spacing:.02em!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{
  width:100%!important;
  align-self:end!important;
  grid-row:auto!important;
}
#panel[data-kind="slots"] .slot-select-actions{
  justify-content:flex-end!important;
  align-items:center!important;
  gap:24px!important;
  padding:10px 0 0!important;
}
#panel[data-kind="slots"] .slot-action-delete,
#panel[data-kind="slots"] .slot-action-back{
  min-height:54px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  line-height:1!important;
}
#panel[data-kind="slots"] .slot-action-delete small{display:none!important}
#panel[data-kind="slots"] .slot-action-delete__icon{font-size:1.55rem!important;opacity:.95!important}
#panel[data-kind="slots"] .slot-action-delete{gap:10px!important;font-size:1.45rem!important;color:#c3313a!important}
#panel[data-kind="slots"] .slot-action-back{gap:12px!important;font-size:1.25rem!important;color:#eee8de!important}
#panel[data-kind="slots"] .slot-action-back kbd{
  min-width:56px!important;height:56px!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.015)!important;
  font-size:1rem!important;
}
#panel[data-kind="slots"] .slot-action-back:hover,
#panel[data-kind="slots"] .slot-action-back:focus,
#panel[data-kind="slots"] .slot-action-delete:hover,
#panel[data-kind="slots"] .slot-action-delete:focus{
  background:transparent!important;
}
@media (max-height:860px) and (min-width:941px){
  #panel[data-kind="slots"] .panel-header{height:108px!important;padding-top:28px!important}
  #panel[data-kind="slots"] #panel-body{top:108px!important}
  #panel[data-kind="slots"] .slot-select-screen{grid-template-rows:30px minmax(0,1fr) 72px!important}
  #panel[data-kind="slots"] .slot-cards{gap:22px!important}
  #panel[data-kind="slots"] .slot-card{height:500px!important;min-height:500px!important;max-height:500px!important}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:auto 210px 72px 18px 38px 64px!important}
  #panel[data-kind="slots"] .slot-card--empty .slot-card__frame{grid-template-rows:auto 1fr 70px 64px!important}
  #panel[data-kind="slots"] .slot-card__thumb{height:210px!important;min-height:210px!important;max-height:210px!important}
  #panel[data-kind="slots"] .slot-card__index{font-size:2.55rem!important;margin-bottom:10px!important}
  #panel[data-kind="slots"] .slot-card__title{font-size:1.02rem!important;min-height:72px!important;margin-top:10px!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.45rem!important}
  #panel[data-kind="slots"] .slot-card__cta{padding:14px 12px!important;font-size:.92rem!important}
  #panel[data-kind="slots"] .slot-card__empty-emblem{width:102px!important;height:102px!important}
  #panel[data-kind="slots"] .slot-card__empty-text{font-size:2.45rem!important}
  #panel[data-kind="slots"] .slot-action-delete{font-size:1.22rem!important}
  #panel[data-kind="slots"] .slot-action-back{font-size:1.1rem!important}
  #panel[data-kind="slots"] .slot-action-back kbd{min-width:48px!important;height:48px!important}
}
@media (max-width:1200px) and (min-width:941px){
  #panel[data-kind="slots"] #panel-body{padding-left:42px!important;padding-right:42px!important}
  #panel[data-kind="slots"] .panel-header{padding-left:42px!important;padding-right:42px!important}
  #panel[data-kind="slots"] .slot-cards{gap:18px!important;grid-template-columns:repeat(3,minmax(250px,1fr))!important}
}


/* ==========================================================
   V20.10.40.4 — FIX RECORTE INICIAL + PROPORCIÓN REFERENCIA
   Elimina el recorte horizontal que aparecía al entrar y hace
   que las tarjetas se ajusten a la altura real del viewport.
   ========================================================== */
#panel[data-kind="slots"] #panel-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
}
#panel[data-kind="slots"] #panel-body::-webkit-scrollbar{display:none!important}
#panel[data-kind="slots"] .slot-select-screen{
  display:block!important;
  height:auto!important;
  min-height:100%!important;
}
#panel[data-kind="slots"] .slot-select-deco{
  height:34px!important;
  margin:0 0 10px!important;
}
#panel[data-kind="slots"] .slot-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(22px,2.25vw,36px)!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  height:clamp(430px,58vh,560px)!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#panel[data-kind="slots"] .slot-card__frame{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:clamp(14px,1.6vh,20px)!important;
}
#panel[data-kind="slots"] .slot-card--filled .slot-card__frame{
  display:grid!important;
  grid-template-rows:auto minmax(0,44%) minmax(58px,1fr) 20px 42px 68px!important;
  align-content:stretch!important;
}
#panel[data-kind="slots"] .slot-card__index{
  font-size:clamp(2.25rem,3vw,3.05rem)!important;
  line-height:1!important;
  margin:0 0 12px!important;
}
#panel[data-kind="slots"] .slot-card__thumb{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  background-size:cover!important;
  background-position:center 30%!important;
  border:0!important;
}
#panel[data-kind="slots"] .slot-card__title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  height:auto!important;
  margin:8px 0 0!important;
  font-size:clamp(.98rem,1.35vw,1.28rem)!important;
  line-height:1.15!important;
}
#panel[data-kind="slots"] .slot-card__divider{margin:0!important;align-self:center!important}
#panel[data-kind="slots"] .slot-card__time{
  margin:0!important;
  align-self:center!important;
  font-size:clamp(1.2rem,1.55vw,1.7rem)!important;
}
#panel[data-kind="slots"] .slot-card__cta{
  margin:0!important;
  align-self:end!important;
  height:54px!important;
  padding:0 14px!important;
  font-size:clamp(.88rem,1.12vw,1.06rem)!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__frame{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto 68px!important;
  align-content:stretch!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem{
  align-self:end!important;
  width:clamp(86px,7.4vw,118px)!important;
  height:clamp(86px,7.4vw,118px)!important;
  margin:0 auto 22px!important;
}
#panel[data-kind="slots"] .slot-card__empty-text{
  align-self:center!important;
  margin:0 auto 16px!important;
  font-size:clamp(2rem,2.75vw,2.9rem)!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{
  grid-row:4!important;
  width:100%!important;
  height:54px!important;
}
#panel[data-kind="slots"] .slot-select-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:24px!important;
  height:76px!important;
  padding:16px 0 0!important;
  margin:0!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-action-delete,
#panel[data-kind="slots"] .slot-action-back{
  flex:0 0 auto!important;
}
@media (max-height:820px) and (min-width:941px){
  #panel[data-kind="slots"] .slot-cards{height:clamp(390px,56vh,470px)!important}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:auto minmax(0,42%) minmax(52px,1fr) 18px 36px 58px!important}
  #panel[data-kind="slots"] .slot-card__cta,#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{height:48px!important}
  #panel[data-kind="slots"] .slot-select-actions{height:64px!important;padding-top:10px!important}
}
@media (max-height:700px) and (min-width:941px){
  #panel[data-kind="slots"] .panel-header{height:92px!important;padding-top:22px!important}
  #panel[data-kind="slots"] #panel-body{top:92px!important;padding-bottom:10px!important}
  #panel[data-kind="slots"] .slot-select-deco{height:24px!important;margin-bottom:6px!important}
  #panel[data-kind="slots"] .slot-cards{height:clamp(350px,54vh,410px)!important;gap:16px!important}
  #panel[data-kind="slots"] .slot-card__frame{padding:10px 12px!important}
  #panel[data-kind="slots"] .slot-card__index{font-size:2rem!important;margin-bottom:6px!important}
  #panel[data-kind="slots"] .slot-card__title{font-size:.92rem!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.05rem!important}
  #panel[data-kind="slots"] .slot-card__cta,#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{height:42px!important;font-size:.82rem!important}
  #panel[data-kind="slots"] .slot-select-actions{height:52px!important;padding-top:6px!important}
}

/* ==========================================================
   V20.10.40.5 — RANURAS ESTABLES POR RESOLUCIÓN
   Objetivo: composición fija tipo referencia, sin scroll,
   aprovechando el viewport y manteniendo proporciones.
   ========================================================== */
html:has(#panel[data-kind="slots"][open]),
body[data-modal-kind="slots"]{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
#panel[data-kind="slots"]{
  --slot-side:clamp(54px,6vw,116px);
  --slot-header-h:clamp(118px,15.2dvh,154px);
  --slot-card-h:clamp(390px,calc(100dvh - 430px),560px);
  --slot-gap:clamp(20px,2vw,34px);
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.90),rgba(0,0,0,.965)),
    url('assets/ui40/slot-chapter-4.png') center 38%/cover no-repeat!important;
  color:#eee9df!important;
  box-shadow:none!important;
}
#panel[data-kind="slots"]::backdrop{background:#000!important}
#panel[data-kind="slots"]::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,255,255,.045),transparent 24%),
    radial-gradient(circle at 18% 104%,rgba(128,0,0,.12),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.012),transparent 20%,transparent 80%,rgba(255,255,255,.01))!important;
  opacity:1!important;
}
#panel[data-kind="slots"]::after{
  content:""!important;
  position:absolute!important;
  right:5.2%!important;
  top:2.5%!important;
  width:min(31vw,470px)!important;
  aspect-ratio:1!important;
  height:auto!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 36px rgba(255,255,255,.018),0 0 0 72px rgba(255,255,255,.009)!important;
  opacity:.32!important;
  pointer-events:none!important;
}
#panel[data-kind="slots"] .panel-header{
  position:absolute!important;
  left:var(--slot-side)!important;
  right:var(--slot-side)!important;
  top:0!important;
  height:var(--slot-header-h)!important;
  box-sizing:border-box!important;
  padding:clamp(34px,5.2dvh,54px) 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:34px!important;
  background:transparent!important;
  border:0!important;
  z-index:3!important;
}
#panel[data-kind="slots"] .panel-header .panel-top,
#panel[data-kind="slots"] #close-panel,
#panel[data-kind="slots"] #panel-detail,
#panel[data-kind="slots"] #panel-footer{display:none!important}
#panel[data-kind="slots"] .panel-header h2{
  flex:0 0 auto!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  font:400 clamp(3.0rem,4.25vw,4.55rem)/.92 Georgia,'Times New Roman',serif!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#f2eee6!important;
  text-shadow:0 0 26px rgba(255,255,255,.055)!important;
}
#panel[data-kind="slots"] .panel-header h2::after{
  content:""!important;
  position:absolute!important;
  right:-30px!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  transform:translate(50%,-40%) rotate(45deg)!important;
}
#panel[data-kind="slots"] .panel-header::after{
  content:""!important;
  flex:1 1 auto!important;
  height:1px!important;
  margin-top:clamp(23px,2.9vw,37px)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(255,255,255,.11))!important;
  opacity:.9!important;
}
#panel[data-kind="slots"] #panel-body{
  position:absolute!important;
  left:var(--slot-side)!important;
  right:var(--slot-side)!important;
  top:var(--slot-header-h)!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  padding:clamp(28px,3.6dvh,40px) 0 0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  scrollbar-width:none!important;
  background:transparent!important;
  z-index:3!important;
}
#panel[data-kind="slots"] .slot-select-screen{
  position:relative!important;
  display:grid!important;
  grid-template-rows:var(--slot-card-h) 92px!important;
  gap:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-select-deco{display:none!important}
#panel[data-kind="slots"] .slot-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--slot-gap)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  height:var(--slot-card-h)!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#panel[data-kind="slots"] .slot-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,6,6,.965),rgba(2,2,2,.985))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important;
  transform:none!important;
  cursor:pointer!important;
  outline:none!important;
}
#panel[data-kind="slots"] .slot-card::before,
#panel[data-kind="slots"] .slot-card::after{
  content:""!important;
  position:absolute!important;
  width:18px!important;
  height:18px!important;
  pointer-events:none!important;
  opacity:.82!important;
}
#panel[data-kind="slots"] .slot-card::before{
  left:8px!important;top:8px!important;
  border-left:1px solid rgba(255,255,255,.30)!important;
  border-top:1px solid rgba(255,255,255,.30)!important;
  border-right:0!important;border-bottom:0!important;
}
#panel[data-kind="slots"] .slot-card::after{
  right:8px!important;bottom:8px!important;
  border-right:1px solid rgba(255,255,255,.30)!important;
  border-bottom:1px solid rgba(255,255,255,.30)!important;
  border-left:0!important;border-top:0!important;
}
#panel[data-kind="slots"] .slot-card:hover,
#panel[data-kind="slots"] .slot-card:focus-within,
#panel[data-kind="slots"] .slot-card.is-selected{
  transform:none!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset!important;
}
#panel[data-kind="slots"] .slot-card.is-selected{
  border-width:2px!important;
  border-color:rgba(255,255,255,.94)!important;
}
#panel[data-kind="slots"] .slot-card__frame{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:18px 20px!important;
  margin:0!important;
}
#panel[data-kind="slots"] .slot-card--filled .slot-card__frame{
  display:grid!important;
  grid-template-rows:46px minmax(150px,1fr) 88px 20px 48px 76px!important;
  align-content:stretch!important;
  gap:0!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__frame{
  display:grid!important;
  grid-template-rows:46px minmax(0,1fr) 88px 76px!important;
  align-content:stretch!important;
  gap:0!important;
}
#panel[data-kind="slots"] .slot-card__index{
  margin:0!important;
  align-self:start!important;
  font:400 clamp(2.2rem,2.5vw,3rem)/1 Georgia,'Times New Roman',serif!important;
  color:#f0ebe2!important;
  opacity:1!important;
}
#panel[data-kind="slots"] .slot-card__thumb{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  background-size:cover!important;
  background-position:center 31%!important;
  background-repeat:no-repeat!important;
  box-shadow:none!important;
}
#panel[data-kind="slots"] .slot-card__title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 8px 0!important;
  box-sizing:border-box!important;
  text-align:center!important;
  font:400 clamp(1.0rem,1.28vw,1.35rem)/1.14 Georgia,'Times New Roman',serif!important;
  letter-spacing:.03em!important;
  color:#f2eee6!important;
  text-transform:uppercase!important;
}
#panel[data-kind="slots"] .slot-card__divider{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
#panel[data-kind="slots"] .slot-card__divider span{flex:1!important;height:1px!important;background:rgba(255,255,255,.12)!important}
#panel[data-kind="slots"] .slot-card__divider i{width:10px!important;height:10px!important;border:1px solid rgba(255,255,255,.34)!important;transform:rotate(45deg)!important}
#panel[data-kind="slots"] .slot-card__time{
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font:400 clamp(1.2rem,1.55vw,1.65rem)/1 Georgia,'Times New Roman',serif!important;
  color:#f0ebe2!important;
}
#panel[data-kind="slots"] .slot-card__cta{
  align-self:end!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(14,14,14,.98),rgba(4,4,4,.99))!important;
  color:#eee9df!important;
  font:400 clamp(.95rem,1.15vw,1.15rem)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  transform:none!important;
}
#panel[data-kind="slots"] .slot-card__cta:hover,
#panel[data-kind="slots"] .slot-card__cta:focus{
  color:#fff!important;
  border-color:rgba(255,255,255,.58)!important;
  background:linear-gradient(180deg,rgba(22,22,22,.98),rgba(5,5,5,.99))!important;
  transform:none!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem{
  align-self:center!important;
  justify-self:center!important;
  width:clamp(90px,7.4vw,118px)!important;
  height:clamp(90px,7.4vw,118px)!important;
  margin:18px auto 0!important;
  border:1px solid rgba(255,255,255,.20)!important;
  transform:rotate(45deg)!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem::before{inset:20px!important;border:1px solid rgba(255,255,255,.13)!important}
#panel[data-kind="slots"] .slot-card__empty-emblem::after{inset:40px!important;border:1px solid rgba(255,255,255,.09)!important}
#panel[data-kind="slots"] .slot-card__empty-text{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font:400 clamp(2rem,2.7vw,2.85rem)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.02em!important;
  color:#f0ebe2!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{
  grid-row:4!important;
  align-self:end!important;
}
#panel[data-kind="slots"] .slot-select-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:26px!important;
  width:100%!important;
  height:92px!important;
  min-height:92px!important;
  margin:0!important;
  padding:18px 0 0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-action-delete,
#panel[data-kind="slots"] .slot-action-back{
  flex:0 0 auto!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
}
#panel[data-kind="slots"] .slot-action-delete{
  gap:10px!important;
  color:#c3323a!important;
  font-size:clamp(1.15rem,1.35vw,1.45rem)!important;
}
#panel[data-kind="slots"] .slot-action-delete small{display:none!important}
#panel[data-kind="slots"] .slot-action-delete__icon{font-size:1.45rem!important}
#panel[data-kind="slots"] .slot-action-back{
  gap:12px!important;
  color:#eee9df!important;
  font-size:clamp(1.05rem,1.2vw,1.28rem)!important;
}
#panel[data-kind="slots"] .slot-action-back kbd{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  height:54px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:rgba(255,255,255,.015)!important;
  color:#f0ebe2!important;
  font:700 1rem/1 Georgia,'Times New Roman',serif!important;
}
#panel[data-kind="slots"] .slot-action-delete:hover,
#panel[data-kind="slots"] .slot-action-delete:focus,
#panel[data-kind="slots"] .slot-action-back:hover,
#panel[data-kind="slots"] .slot-action-back:focus{background:transparent!important;transform:none!important}

@media (max-height:820px) and (min-width:941px){
  #panel[data-kind="slots"]{
    --slot-header-h:104px;
    --slot-card-h:clamp(340px,calc(100dvh - 340px),440px);
  }
  #panel[data-kind="slots"] .panel-header{padding-top:26px!important}
  #panel[data-kind="slots"] #panel-body{padding-top:22px!important}
  #panel[data-kind="slots"] .slot-select-screen{grid-template-rows:var(--slot-card-h) 72px!important}
  #panel[data-kind="slots"] .slot-card__frame{padding:12px 14px!important}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:38px minmax(120px,1fr) 66px 16px 36px 54px!important}
  #panel[data-kind="slots"] .slot-card--empty .slot-card__frame{grid-template-rows:38px minmax(0,1fr) 66px 54px!important}
  #panel[data-kind="slots"] .slot-card__index{font-size:2rem!important}
  #panel[data-kind="slots"] .slot-card__title{font-size:.92rem!important;padding-top:6px!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.1rem!important}
  #panel[data-kind="slots"] .slot-card__cta{height:46px!important;min-height:46px!important;font-size:.86rem!important}
  #panel[data-kind="slots"] .slot-select-actions{height:72px!important;min-height:72px!important;padding-top:8px!important}
  #panel[data-kind="slots"] .slot-action-back kbd{min-width:46px!important;height:46px!important}
}
@media (max-width:940px){
  #panel[data-kind="slots"]{
    --slot-side:20px;
    --slot-header-h:92px;
  }
  #panel[data-kind="slots"] .panel-header{padding-top:28px!important}
  #panel[data-kind="slots"] .panel-header h2{font-size:clamp(2rem,8vw,2.8rem)!important}
  #panel[data-kind="slots"] .panel-header::after{margin-top:18px!important}
  #panel[data-kind="slots"] #panel-body{padding-top:18px!important;overflow:auto!important;overscroll-behavior:contain!important}
  #panel[data-kind="slots"] .slot-select-screen{display:block!important;height:auto!important}
  #panel[data-kind="slots"] .slot-cards{display:grid!important;grid-template-columns:1fr!important;height:auto!important;overflow:visible!important;gap:14px!important}
  #panel[data-kind="slots"] .slot-card{height:390px!important;min-height:390px!important}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:38px 175px 60px 16px 34px 50px!important}
  #panel[data-kind="slots"] .slot-card--empty .slot-card__frame{grid-template-rows:38px 1fr 60px 50px!important}
  #panel[data-kind="slots"] .slot-select-actions{height:auto!important;min-height:0!important;padding:16px 0 28px!important;justify-content:space-between!important}
}

/* ===== Grimwood V20.10.40.6 — slot UI final fidelity tuning ===== */
html:has(#panel[data-kind="slots"][open]),
body[data-modal-kind="slots"]{
  overflow:hidden!important;
}
#panel[data-kind="slots"]{
  --slot-side:clamp(72px,5.2vw,102px);
  --slot-header-h:clamp(124px,14.5dvh,150px);
  --slot-cards-h:clamp(520px,calc(100dvh - 320px),610px);
  --slot-actions-h:76px;
  --slot-gap:clamp(26px,1.85vw,34px);
  background:
    linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.94) 20%,rgba(0,0,0,.975) 100%),
    radial-gradient(circle at 16% 100%,rgba(88,0,0,.18),transparent 24%),
    url('assets/ui40/slot-prologue.png') center 32%/cover no-repeat!important;
}
#panel[data-kind="slots"]::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.78) 32%,rgba(0,0,0,.90) 100%),
    radial-gradient(circle at 88% 16%,rgba(255,255,255,.045),transparent 23%),
    radial-gradient(circle at 18% 106%,rgba(145,0,0,.12),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.015),transparent 20%,transparent 80%,rgba(255,255,255,.01))!important;
}
#panel[data-kind="slots"]::after{
  right:4.2%!important;
  top:8.5%!important;
  width:min(33vw,500px)!important;
  opacity:.20!important;
  box-shadow:0 0 0 44px rgba(255,255,255,.016),0 0 0 88px rgba(255,255,255,.008)!important;
}
#panel[data-kind="slots"] .panel-header{
  left:var(--slot-side)!important;
  right:var(--slot-side)!important;
  height:var(--slot-header-h)!important;
  padding:28px 0 0!important;
  display:block!important;
}
#panel[data-kind="slots"] .panel-header h2{
  display:inline-block!important;
  font-size:clamp(3.25rem,4.25vw,4.65rem)!important;
  line-height:.94!important;
  letter-spacing:.04em!important;
}
#panel[data-kind="slots"] .panel-header h2::after{display:none!important}
#panel[data-kind="slots"] .panel-header::after{
  position:absolute!important;
  content:""!important;
  left:0!important;
  right:0!important;
  top:calc(100% - 20px)!important;
  width:auto!important;
  height:1px!important;
  margin:0!important;
  background:rgba(255,255,255,.28)!important;
  opacity:.9!important;
}
#panel[data-kind="slots"] #panel-body{
  left:var(--slot-side)!important;
  right:var(--slot-side)!important;
  top:var(--slot-header-h)!important;
  bottom:20px!important;
  padding:0!important;
}
#panel[data-kind="slots"] .slot-select-screen{
  display:grid!important;
  grid-template-rows:28px var(--slot-cards-h) var(--slot-actions-h)!important;
  row-gap:20px!important;
  height:100%!important;
}
#panel[data-kind="slots"] .slot-select-deco{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  height:28px!important;
  opacity:.96!important;
}
#panel[data-kind="slots"] .slot-select-deco span{
  display:block!important;
  height:1px!important;
  background:rgba(255,255,255,.18)!important;
  flex:1 1 auto!important;
}
#panel[data-kind="slots"] .slot-select-deco span:first-child{flex:.36 1 0!important;max-width:none!important}
#panel[data-kind="slots"] .slot-select-deco span:last-child{flex:1.18 1 0!important;max-width:none!important}
#panel[data-kind="slots"] .slot-select-deco i{
  display:block!important;
  width:12px!important;height:12px!important;
  border:1px solid rgba(255,255,255,.36)!important;
  transform:rotate(45deg)!important;
}
#panel[data-kind="slots"] .slot-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:var(--slot-gap)!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  height:var(--slot-cards-h)!important;
  overflow:visible!important;
}
#panel[data-kind="slots"] .slot-card{
  height:var(--slot-cards-h)!important;
  min-height:var(--slot-cards-h)!important;
  max-height:var(--slot-cards-h)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  background:linear-gradient(180deg,rgba(5,5,5,.95),rgba(1,1,1,.985))!important;
}
#panel[data-kind="slots"] .slot-card:hover,
#panel[data-kind="slots"] .slot-card:focus-within,
#panel[data-kind="slots"] .slot-card.is-selected{
  transform:translateY(-1px)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 14px 40px rgba(0,0,0,.25)!important;
}
#panel[data-kind="slots"] .slot-card__frame{
  padding:18px 20px 18px!important;
}
#panel[data-kind="slots"] .slot-card--filled .slot-card__frame{
  grid-template-rows:44px 252px 102px 22px 50px 60px!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__frame{
  grid-template-rows:44px 1fr 86px 60px!important;
}
#panel[data-kind="slots"] .slot-card__index{
  font-size:clamp(2.4rem,2.9vw,3.15rem)!important;
  margin-bottom:0!important;
}
#panel[data-kind="slots"] .slot-card__thumb{
  height:252px!important;
  min-height:252px!important;
  max-height:252px!important;
  background-position:center center!important;
}
#panel[data-kind="slots"] .slot-card__title{
  font-size:clamp(1.18rem,1.28vw,1.42rem)!important;
  line-height:1.14!important;
  letter-spacing:.028em!important;
  padding:4px 6px 0!important;
}
#panel[data-kind="slots"] .slot-card__divider{margin-top:2px!important}
#panel[data-kind="slots"] .slot-card__time{
  font-size:clamp(1.48rem,1.55vw,1.82rem)!important;
}
#panel[data-kind="slots"] .slot-card__cta{
  position:relative!important;
  overflow:hidden!important;
  height:60px!important;
  min-height:60px!important;
  font-size:clamp(1rem,1.08vw,1.14rem)!important;
  letter-spacing:.02em!important;
  border-color:rgba(255,255,255,.30)!important;
  background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(3,3,3,.99))!important;
}
#panel[data-kind="slots"] .slot-card__cta::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 35%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.03) 65%,transparent 100%)!important;
  transform:translateX(-135%)!important;
  transition:transform .44s ease!important;
  pointer-events:none!important;
}
#panel[data-kind="slots"] .slot-card__cta:hover::before,
#panel[data-kind="slots"] .slot-card__cta:focus::before,
#panel[data-kind="slots"] .slot-card.is-selected .slot-card__cta::before{transform:translateX(135%)!important}
#panel[data-kind="slots"] .slot-card__cta:hover,
#panel[data-kind="slots"] .slot-card__cta:focus{
  background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(4,4,4,.99))!important;
  border-color:rgba(255,255,255,.5)!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem{
  width:116px!important;
  height:116px!important;
  margin:12px auto 0!important;
  border-color:rgba(255,255,255,.22)!important;
}
#panel[data-kind="slots"] .slot-card__empty-emblem::before{inset:20px!important}
#panel[data-kind="slots"] .slot-card__empty-emblem::after{inset:42px!important}
#panel[data-kind="slots"] .slot-card__empty-text{
  font-size:clamp(2.35rem,2.6vw,3rem)!important;
  letter-spacing:.016em!important;
}
#panel[data-kind="slots"] .slot-card--empty .slot-card__cta{align-self:end!important}
#panel[data-kind="slots"] .slot-select-actions{
  align-self:end!important;
  justify-content:flex-end!important;
  gap:28px!important;
  height:var(--slot-actions-h)!important;
  min-height:var(--slot-actions-h)!important;
  padding:6px 0 0!important;
}
#panel[data-kind="slots"] .slot-action-delete,
#panel[data-kind="slots"] .slot-action-back{position:relative!important;overflow:hidden!important}
#panel[data-kind="slots"] .slot-action-delete::before,
#panel[data-kind="slots"] .slot-action-back::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)!important;
  transform:translateX(-140%)!important;transition:transform .42s ease!important;
}
#panel[data-kind="slots"] .slot-action-delete:hover::before,
#panel[data-kind="slots"] .slot-action-back:hover::before,
#panel[data-kind="slots"] .slot-action-delete:focus::before,
#panel[data-kind="slots"] .slot-action-back:focus::before{transform:translateX(140%)!important}
#panel[data-kind="slots"] .slot-action-delete > :nth-child(n+3){display:none!important}
#panel[data-kind="slots"] .slot-action-delete{font-size:clamp(1.3rem,1.34vw,1.5rem)!important}
#panel[data-kind="slots"] .slot-action-back{font-size:clamp(1.18rem,1.15vw,1.3rem)!important}
#panel[data-kind="slots"] .slot-action-back kbd{min-width:56px!important;height:56px!important}

@media (min-width:1600px){
  #panel[data-kind="slots"]{--slot-side:96px;--slot-cards-h:590px;--slot-gap:32px}
}
@media (max-width:1550px) and (min-width:941px){
  #panel[data-kind="slots"]{--slot-side:58px;--slot-cards-h:clamp(470px,calc(100dvh - 300px),560px);--slot-gap:22px}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:40px 220px 92px 20px 46px 56px!important}
  #panel[data-kind="slots"] .slot-card--empty .slot-card__frame{grid-template-rows:40px 1fr 76px 56px!important}
  #panel[data-kind="slots"] .slot-card__thumb{height:220px!important;min-height:220px!important;max-height:220px!important}
  #panel[data-kind="slots"] .slot-card__title{font-size:1.08rem!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.3rem!important}
  #panel[data-kind="slots"] .slot-card__cta{height:56px!important;min-height:56px!important;font-size:.96rem!important}
  #panel[data-kind="slots"] .slot-card__empty-emblem{width:102px!important;height:102px!important}
  #panel[data-kind="slots"] .slot-card__empty-text{font-size:2.05rem!important}
}
@media (max-height:860px) and (min-width:941px){
  #panel[data-kind="slots"]{--slot-header-h:118px;--slot-cards-h:clamp(430px,calc(100dvh - 280px),520px)}
  #panel[data-kind="slots"] .panel-header h2{font-size:clamp(2.8rem,4vw,4rem)!important}
  #panel[data-kind="slots"] .slot-card--filled .slot-card__frame{grid-template-rows:38px 205px 84px 18px 42px 52px!important}
  #panel[data-kind="slots"] .slot-card__thumb{height:205px!important;min-height:205px!important;max-height:205px!important}
  #panel[data-kind="slots"] .slot-card__title{font-size:1rem!important}
  #panel[data-kind="slots"] .slot-card__time{font-size:1.18rem!important}
  #panel[data-kind="slots"] .slot-card__cta{height:52px!important;min-height:52px!important;font-size:.9rem!important}
}

/* ==========================================================
   V20.10.40.7 — PANTALLA DE RANURAS DEDICADA
   Fuera del dialog genérico: geometría estable por resolución.
   ========================================================== */
body.grim-slot-screen-open{overflow:hidden!important;overscroll-behavior:none!important}
body.grim-slot-screen-open .gw-discord-join{display:none!important}
#grim-slot-screen{position:fixed;inset:0;z-index:2147481200;overflow:hidden;background:#030303;color:#eee8df;font-family:Georgia,'Times New Roman',serif;isolation:isolate}
#grim-slot-screen *{box-sizing:border-box}
#grim-slot-screen .gss-bg{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.83) 38%,rgba(0,0,0,.95) 100%),
  linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.70) 65%,rgba(0,0,0,.90) 100%),
  url('assets/ui41/slot-screen-bg.webp') center 46%/cover no-repeat;filter:saturate(.9) contrast(1.06)}
#grim-slot-screen::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 83% 16%,rgba(255,255,255,.04),transparent 22%),radial-gradient(circle at 18% 103%,rgba(130,0,0,.12),transparent 27%),linear-gradient(180deg,transparent 0 78%,rgba(0,0,0,.28) 100%)}
#grim-slot-screen::after{content:"";position:absolute;right:4.8%;top:4.5%;width:min(35vw,520px);aspect-ratio:1;border:1px solid rgba(255,255,255,.045);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.012),0 0 0 88px rgba(255,255,255,.007);opacity:.55;z-index:-1;pointer-events:none}
.gss-shell{position:relative;width:min(1420px,calc(100vw - 96px));height:100%;margin:0 auto;padding:32px 0 26px;display:grid;grid-template-rows:112px minmax(0,1fr) 72px;row-gap:16px}
.gss-header{display:flex;align-items:flex-start;gap:34px;min-width:0}
.gss-header h2{margin:0;flex:0 0 auto;font:400 clamp(3rem,4.2vw,4.55rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:.045em;color:#f2eee6;text-transform:uppercase;text-shadow:0 0 24px rgba(255,255,255,.045)}
.gss-header__line{position:relative;flex:1;height:1px;margin-top:38px;background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(255,255,255,.10))}
.gss-header__line i{position:absolute;left:-18px;top:50%;width:13px;height:13px;border:1px solid rgba(255,255,255,.40);transform:translate(-50%,-50%) rotate(45deg)}
.gss-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:center;min-height:0}
.gss-card{position:relative;height:min(560px,calc(100vh - 274px));min-height:470px;overflow:hidden;border:1px solid rgba(255,255,255,.19);background:linear-gradient(180deg,rgba(5,5,5,.95),rgba(1,1,1,.985));outline:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.gss-card::before,.gss-card::after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;opacity:.78;z-index:3}
.gss-card::before{left:8px;top:8px;border-left:1px solid rgba(255,255,255,.34);border-top:1px solid rgba(255,255,255,.34)}
.gss-card::after{right:8px;bottom:8px;border-right:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34)}
.gss-card:hover,.gss-card:focus-visible,.gss-card.is-selected{border-color:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 18px 54px rgba(0,0,0,.25);transform:translateY(-1px)}
.gss-card.is-selected{border-width:2px;border-color:rgba(255,255,255,.96)}
.gss-card__inner{width:100%;height:100%;padding:18px 20px;display:grid;gap:0}
.gss-card--filled .gss-card__inner{grid-template-rows:42px minmax(185px,1fr) 80px 20px 44px 62px}
.gss-card--empty .gss-card__inner{grid-template-rows:42px minmax(0,1fr) 62px}
.gss-card__number{align-self:start;font:400 clamp(2.25rem,2.8vw,3.05rem)/1 Georgia,'Times New Roman',serif;color:#f3eee4}
.gss-card__art{width:100%;height:100%;min-height:0;background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:inset 0 -42px 52px rgba(0,0,0,.11)}
.gss-card__chapter{display:flex;align-items:center;justify-content:center;padding:7px 8px 0;text-align:center;text-transform:uppercase;font:400 clamp(1.02rem,1.28vw,1.38rem)/1.14 Georgia,'Times New Roman',serif;letter-spacing:.028em;color:#f1ece3}
.gss-card__rule{display:flex;align-items:center;gap:10px;align-self:center}
.gss-card__rule span{flex:1;height:1px;background:rgba(255,255,255,.13)}
.gss-card__rule i{width:10px;height:10px;border:1px solid rgba(255,255,255,.34);transform:rotate(45deg)}
.gss-card__time{align-self:center;text-align:center;font:400 clamp(1.28rem,1.55vw,1.65rem)/1 Georgia,'Times New Roman',serif;color:#efe9df}
.gss-card__button{position:relative;align-self:end;width:100%;height:62px;overflow:hidden;border:1px solid rgba(255,255,255,.33);background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(3,3,3,.99));color:#eee8df;font:400 clamp(.98rem,1.12vw,1.16rem)/1 Georgia,'Times New Roman',serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.gss-card__button::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 35%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.03) 65%,transparent 100%);transform:translateX(-135%);transition:transform .42s ease;pointer-events:none}
.gss-card__button:hover,.gss-card__button:focus-visible,.gss-card.is-selected .gss-card__button{border-color:rgba(255,255,255,.52);background:linear-gradient(180deg,rgba(21,21,21,.98),rgba(4,4,4,.99));color:#fff}
.gss-card__button:hover::before,.gss-card__button:focus-visible::before,.gss-card.is-selected .gss-card__button::before{transform:translateX(135%)}
.gss-card__button span{position:relative;z-index:1}
.gss-empty{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:42px;padding:14px 0 22px}
.gss-empty__mark{position:relative;display:block;width:116px;height:116px;border:1px solid rgba(255,255,255,.21);transform:rotate(45deg)}
.gss-empty__mark i,.gss-empty__mark b{position:absolute;display:block;border:1px solid rgba(255,255,255,.12);inset:20px}
.gss-empty__mark b{inset:42px}
.gss-empty__label{font:400 clamp(2.2rem,2.65vw,2.95rem)/1 Georgia,'Times New Roman',serif;letter-spacing:.018em;color:#f1ece3}
.gss-actions{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding-top:2px}
.gss-delete,.gss-back{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:54px;border:0;background:transparent;box-shadow:none;cursor:pointer;font-family:Georgia,'Times New Roman',serif;overflow:hidden}
.gss-delete{color:#c8353d;font-size:clamp(1.25rem,1.38vw,1.48rem)}
.gss-delete__icon{font-size:1.48rem}
.gss-delete:disabled{opacity:.32;cursor:default;filter:grayscale(1)}
.gss-back{color:#eee8df;font-size:clamp(1.12rem,1.2vw,1.28rem)}
.gss-back kbd{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:56px;padding:0 10px;border:1px solid rgba(255,255,255,.29);background:rgba(255,255,255,.015);color:#f1ece3;font:700 1rem/1 Georgia,'Times New Roman',serif}
.gss-delete::before,.gss-back::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-140%);transition:transform .4s ease;pointer-events:none}
.gss-delete:not(:disabled):hover::before,.gss-delete:not(:disabled):focus-visible::before,.gss-back:hover::before,.gss-back:focus-visible::before{transform:translateX(140%)}
@media (max-width:1500px) and (min-width:941px){.gss-shell{width:min(1340px,calc(100vw - 72px));grid-template-rows:104px minmax(0,1fr) 66px;row-gap:14px}.gss-header h2{font-size:clamp(2.75rem,4vw,4rem)}.gss-header__line{margin-top:32px}.gss-cards{gap:22px}.gss-card{height:min(525px,calc(100vh - 250px));min-height:440px}.gss-card__inner{padding:15px 17px}.gss-card--filled .gss-card__inner{grid-template-rows:38px minmax(170px,1fr) 72px 18px 40px 56px}.gss-card--empty .gss-card__inner{grid-template-rows:38px minmax(0,1fr) 56px}.gss-card__chapter{font-size:1rem}.gss-card__button{height:56px;font-size:.94rem}.gss-empty{gap:30px}.gss-empty__mark{width:100px;height:100px}.gss-empty__label{font-size:2.15rem}.gss-back kbd{min-width:50px;height:50px}}
@media (max-height:760px) and (min-width:941px){.gss-shell{padding-top:20px;padding-bottom:16px;grid-template-rows:88px minmax(0,1fr) 58px}.gss-card{height:min(455px,calc(100vh - 210px));min-height:390px}.gss-card--filled .gss-card__inner{grid-template-rows:34px minmax(150px,1fr) 62px 16px 34px 48px}.gss-card--empty .gss-card__inner{grid-template-rows:34px minmax(0,1fr) 48px}.gss-card__button{height:48px}.gss-empty__mark{width:88px;height:88px}.gss-empty__label{font-size:1.85rem}}
@media (max-width:940px){#grim-slot-screen{overflow:auto}.gss-shell{width:calc(100vw - 30px);height:auto;min-height:100%;padding:24px 0 28px;display:block}.gss-header{margin-bottom:24px}.gss-header h2{font-size:clamp(2.2rem,8vw,3.2rem)}.gss-header__line{margin-top:24px}.gss-cards{grid-template-columns:1fr;gap:14px}.gss-card{height:410px;min-height:410px}.gss-card--filled .gss-card__inner{grid-template-rows:36px 190px 58px 16px 32px 50px}.gss-card--empty .gss-card__inner{grid-template-rows:36px 1fr 50px}.gss-card__button{height:50px}.gss-actions{padding:18px 0 8px;justify-content:space-between}.gss-back kbd{min-width:48px;height:48px}}

/* ---------- SELECCIÓN DE MARCA / DIFICULTAD DEDICADA ---------- */
#grim-mark-screen{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);overflow:hidden}
#grim-mark-screen .gmd-bg{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.80)),
  radial-gradient(circle at 72% 22%,rgba(255,255,255,.09),transparent 23%),
  radial-gradient(circle at 12% 82%,rgba(150,0,0,.20),transparent 22%),
  url('assets/ui41/slot-screen-bg.webp') center/cover no-repeat;filter:grayscale(.12) brightness(.52)}
#grim-mark-screen .gmd-frame{position:relative;width:min(1540px,calc(100vw - 40px));height:min(920px,calc(100dvh - 40px));padding:14px 22px 18px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.60));box-shadow:0 30px 70px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.05);display:grid;grid-template-rows:28px 20px 220px minmax(0,1fr) 58px;gap:14px;overflow:hidden}
#grim-mark-screen .gmd-frame::before,#grim-mark-screen .gmd-frame::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.12)}
#grim-mark-screen .gmd-frame::before{inset:14px}
#grim-mark-screen .gmd-frame::after{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%,transparent 70%,rgba(255,255,255,.02));border:0}
.gmd-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d9d1c4;font:500 .92rem/1 Georgia,'Times New Roman',serif;letter-spacing:.38em;text-transform:uppercase;padding:4px 8px 0}
.gmd-top span{letter-spacing:.44em;font-size:.82rem;color:#cdc5b7}
.gmd-header-rule{position:relative;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(255,255,255,.10))}
.gmd-header-rule i{position:absolute;left:50%;top:50%;width:13px;height:13px;border:1px solid rgba(255,255,255,.52);transform:translate(-50%,-50%) rotate(45deg);background:rgba(0,0,0,.38)}
.gmd-hero{display:grid;grid-template-columns:minmax(540px,.95fr) minmax(360px,.72fr);gap:28px;min-height:0;align-items:stretch}
.gmd-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:12px 14px 0 14px;min-width:0}
.gmd-copy h2{margin:0;font:400 clamp(3.6rem,5vw,5.35rem)/.92 Georgia,'Times New Roman',serif;letter-spacing:.03em;color:#f3eee3;text-transform:uppercase}
.gmd-sub{margin:.45rem 0 1rem;font:700 .92rem/1.1 Georgia,'Times New Roman',serif;letter-spacing:.26em;color:#d8cfbf;text-transform:uppercase}
.gmd-copy h3{margin:0 0 .55rem;font:600 clamp(2rem,2.6vw,2.7rem)/1.02 Georgia,'Times New Roman',serif;color:#f0e9db;max-width:11ch}
.gmd-text{margin:0;max-width:27ch;font:400 clamp(1.06rem,1.28vw,1.38rem)/1.3 Georgia,'Times New Roman',serif;color:#ddd4c5}
.gmd-art{position:relative;min-width:0;border:1px solid rgba(255,255,255,.15);background:
 linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,0)),
 radial-gradient(circle at 72% 14%,rgba(255,255,255,.17),transparent 28%),
 url('assets/ui41/slot-screen-bg.webp') center 42%/cover no-repeat;box-shadow:inset 0 -80px 120px rgba(0,0,0,.35)}
.gmd-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 60%,rgba(0,0,0,.16) 100%)}
.gmd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:0;align-items:stretch;padding:0 2px}
.gmd-card{position:relative;min-height:0;border:1px solid rgba(255,255,255,.30);padding:14px 14px 16px;display:grid;grid-template-rows:136px 60px 18px minmax(36px,auto) auto auto;gap:10px;cursor:pointer;outline:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;overflow:hidden}
.gmd-card::before,.gmd-card::after{content:"";position:absolute;width:15px;height:15px;opacity:.84;pointer-events:none}
.gmd-card::before{left:6px;top:6px;border-left:1px solid rgba(255,255,255,.30);border-top:1px solid rgba(255,255,255,.30)}
.gmd-card::after{right:6px;bottom:6px;border-right:1px solid rgba(255,255,255,.30);border-bottom:1px solid rgba(255,255,255,.30)}
.gmd-card--paper{background:linear-gradient(180deg,#edeae2,#e4e1d8);color:#171717}
.gmd-card--paper .gmd-card__title,.gmd-card--paper .gmd-card__bonus{color:#191919}
.gmd-card--paper .gmd-card__desc,.gmd-card--paper .gmd-card__penalty{color:#4a4a46}
.gmd-card--dark{background:linear-gradient(180deg,rgba(8,8,8,.96),rgba(2,2,2,.98));color:#f0eadf}
.gmd-card:hover,.gmd-card:focus-visible,.gmd-card.is-selected{transform:translateY(-1px);border-color:rgba(255,255,255,.84);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 14px 36px rgba(0,0,0,.24)}
.gmd-card.is-selected{box-shadow:0 0 0 2px rgba(255,255,255,.72) inset,0 20px 46px rgba(0,0,0,.26)}
.gmd-card__art{border:1px solid rgba(255,255,255,.12);background-position:center;background-size:cover;background-repeat:no-repeat}
.gmd-card--paper .gmd-card__art{border-color:rgba(0,0,0,.18)}
.gmd-card__art--peregrino{background-image:url('assets/ui42/mark-peregrino.svg')}
.gmd-card__art--linde{background-image:url('assets/ui42/mark-linde.svg')}
.gmd-card__art--eclipse{background-image:url('assets/ui42/mark-eclipse.svg')}
.gmd-card__title{display:flex;align-items:end;justify-content:center;text-align:center;text-transform:uppercase;font:400 clamp(1.3rem,1.55vw,1.82rem)/1.08 Georgia,'Times New Roman',serif;letter-spacing:.015em;padding:0 8px}
.gmd-card__rule{display:flex;align-items:center;gap:10px}
.gmd-card__rule span{flex:1;height:1px;background:rgba(255,255,255,.16)}
.gmd-card--paper .gmd-card__rule span{background:rgba(0,0,0,.16)}
.gmd-card__rule i{width:10px;height:10px;border:1px solid rgba(255,255,255,.42);transform:rotate(45deg)}
.gmd-card--paper .gmd-card__rule i{border-color:rgba(0,0,0,.34)}
.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font:400 clamp(1rem,1.1vw,1.16rem)/1.22 Georgia,'Times New Roman',serif}
.gmd-card__desc{color:#ddd5c7}
.gmd-card__bonus{margin-top:2px}
.gmd-card__penalty{font-style:italic;color:#c5bdaf}
.gmd-card--paper .gmd-card__bonus{font-weight:500}
.gmd-footer{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.22);padding:10px 6px 0;min-height:0}
.gmd-tagline{color:#9f9584;font:700 .76rem/1 Georgia,'Times New Roman',serif;letter-spacing:.38em;text-transform:uppercase;white-space:nowrap}
.gmd-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.gmd-action{position:relative;display:inline-flex;align-items:center;gap:12px;min-width:136px;min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(180deg,rgba(8,8,8,.92),rgba(2,2,2,.98));color:#f1ebdf;font:400 1rem/1 Georgia,'Times New Roman',serif;cursor:pointer;overflow:hidden;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.gmd-action::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-140%);transition:transform .4s ease}
.gmd-action:hover,.gmd-action:focus-visible{border-color:rgba(255,255,255,.52);transform:translateY(-1px)}
.gmd-action:hover::before,.gmd-action:focus-visible::before{transform:translateX(140%)}
.gmd-action kbd{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.02);color:#f2ece0;font:700 .93rem/1 Georgia,'Times New Roman',serif}
@media (max-width:1400px) and (min-width:1001px){#grim-mark-screen .gmd-frame{height:min(860px,calc(100dvh - 28px));grid-template-rows:28px 16px 196px minmax(0,1fr) 54px}.gmd-hero{grid-template-columns:minmax(480px,.95fr) minmax(300px,.72fr);gap:22px}.gmd-copy h2{font-size:clamp(3rem,4.2vw,4.7rem)}.gmd-copy h3{font-size:clamp(1.7rem,2.2vw,2.3rem)}.gmd-cards{gap:16px}.gmd-card{grid-template-rows:118px 54px 16px minmax(34px,auto) auto auto}.gmd-card__title{font-size:1.42rem}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:1rem}}
@media (max-height:820px) and (min-width:1001px){#grim-mark-screen .gmd-frame{height:min(780px,calc(100dvh - 24px));grid-template-rows:28px 14px 178px minmax(0,1fr) 50px;gap:10px}.gmd-copy{padding-top:0}.gmd-text{font-size:1rem}.gmd-card{padding:12px 12px 14px;grid-template-rows:104px 52px 14px minmax(30px,auto) auto auto;gap:8px}.gmd-card__title{font-size:1.26rem}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.94rem}.gmd-footer{padding-top:8px}.gmd-action{min-height:42px}}
@media (max-width:1000px){#grim-mark-screen{overflow:auto;padding:14px}#grim-mark-screen .gmd-frame{width:calc(100vw - 20px);height:auto;min-height:calc(100dvh - 20px);display:block;padding:14px 14px 18px}.gmd-top{padding:4px 6px 0;font-size:.72rem;letter-spacing:.24em}.gmd-header-rule{margin:10px 0 14px}.gmd-hero{display:block}.gmd-copy{padding:0 2px 12px}.gmd-copy h2{font-size:clamp(2.4rem,9vw,3.5rem)}.gmd-copy h3{font-size:clamp(1.4rem,5.5vw,2rem)}.gmd-text{max-width:none;font-size:1rem}.gmd-art{height:180px;margin-bottom:16px}.gmd-cards{grid-template-columns:1fr;gap:14px}.gmd-card{grid-template-rows:120px 54px 14px auto auto auto}.gmd-footer{display:block}.gmd-tagline{margin-bottom:14px;white-space:normal}.gmd-actions{justify-content:space-between;gap:10px}.gmd-action{flex:1;min-width:0;justify-content:center}}

/* ---------- V20.10.40.9 REFINAMIENTO FINAL DEL SELECTOR DE MARCA ---------- */
#grim-mark-screen .gmd-frame{
  width:min(1610px,calc(100vw - 30px))!important;
  height:min(930px,calc(100dvh - 28px))!important;
  padding:16px 24px 16px!important;
  grid-template-rows:26px 18px 252px minmax(0,1fr) 64px!important;
  gap:14px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.44))!important;
}
#grim-mark-screen .gmd-bg{background:
  linear-gradient(180deg,rgba(0,0,0,.60),rgba(0,0,0,.80)),
  radial-gradient(circle at 72% 18%,rgba(255,255,255,.09),transparent 22%),
  radial-gradient(circle at 10% 86%,rgba(135,0,0,.18),transparent 22%),
  url('assets/ui41/slot-screen-bg.webp') center/cover no-repeat!important;filter:grayscale(.15) brightness(.36)!important}
.gmd-top{padding:2px 8px 0!important;font-size:.88rem!important;letter-spacing:.34em!important}
.gmd-header-rule{height:2px!important;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.16))!important}
.gmd-header-rule i{width:14px!important;height:14px!important;border-color:rgba(255,255,255,.66)!important}
.gmd-hero{grid-template-columns:minmax(580px,.92fr) minmax(560px,.92fr)!important;gap:22px!important;align-items:stretch!important}
.gmd-copy{
  justify-content:flex-start!important;align-items:flex-start!important;min-width:0!important;
  padding:18px 18px 12px 18px!important;
  background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.34) 74%,rgba(0,0,0,.05))!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.gmd-copy h2{font-size:clamp(4.15rem,5.2vw,5.7rem)!important;line-height:.9!important;letter-spacing:.02em!important;margin:0 0 .35rem!important}
.gmd-sub{font-size:1.05rem!important;letter-spacing:.28em!important;margin:.18rem 0 1rem!important}
.gmd-copy h3{font-size:clamp(2.05rem,2.55vw,3rem)!important;line-height:1.02!important;max-width:16ch!important;margin:0 0 .85rem!important}
.gmd-text{font-size:1.02rem!important;line-height:1.34!important;max-width:38ch!important;color:#d7cebf!important}
.gmd-art{
  align-self:end!important;min-height:100%!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12)),
    url('assets/ui42/ref_hero.png') center/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.gmd-art::after{background:linear-gradient(180deg,transparent 0,transparent 70%,rgba(0,0,0,.20) 100%)!important}
.gmd-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important;align-items:stretch!important}
.gmd-card{
  min-height:0!important;
  grid-template-rows:170px 62px 18px minmax(54px,auto) auto auto!important;
  gap:11px!important;
  padding:16px 16px 16px!important;
  border-color:rgba(255,255,255,.42)!important;
}
.gmd-card::before,.gmd-card::after{width:16px!important;height:16px!important}
.gmd-card--paper{background:linear-gradient(180deg,#ece8df,#e6e1d7)!important}
.gmd-card--dark{background:linear-gradient(180deg,rgba(10,10,10,.98),rgba(3,3,3,.99))!important}
.gmd-card__art{height:auto!important;border:1px solid rgba(255,255,255,.12)!important;background-color:#0d0d0d!important;background-size:cover!important;background-position:center center!important}
.gmd-card--paper .gmd-card__art{border-color:rgba(0,0,0,.16)!important}
.gmd-card__art--peregrino{background-image:url('assets/ui42/ref_card1.png')!important;background-position:center center!important}
.gmd-card__art--linde{background-image:url('assets/ui42/ref_card2.png')!important;background-position:center center!important}
.gmd-card__art--eclipse{background-image:url('assets/ui42/ref_card3.png')!important;background-position:center center!important}
.gmd-card__title{font-size:clamp(1.52rem,1.76vw,2rem)!important;line-height:1.04!important;padding:0 2px!important}
.gmd-card__rule{gap:12px!important}
.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:clamp(1rem,1.08vw,1.18rem)!important;line-height:1.25!important}
.gmd-card__bonus{margin-top:4px!important}.gmd-card__penalty{margin-top:-3px!important}
.gmd-card:hover,.gmd-card:focus-visible,.gmd-card.is-selected{transform:none!important}
.gmd-card.is-selected{box-shadow:0 0 0 2px rgba(255,255,255,.88) inset,0 14px 30px rgba(0,0,0,.22)!important}
.gmd-footer{padding:11px 0 0!important;align-items:center!important;border-top:1px solid rgba(255,255,255,.22)!important}
.gmd-tagline{font-size:.78rem!important;letter-spacing:.42em!important;color:#aa9f8e!important}
.gmd-actions{gap:14px!important}
.gmd-action{min-width:156px!important;min-height:50px!important;padding:0 18px!important}
.gmd-action span{font-size:1.12rem!important}
.gmd-action kbd{min-width:68px!important;height:36px!important;font-size:1rem!important}

@media (max-width: 1500px) and (min-width: 1001px){
  #grim-mark-screen .gmd-frame{height:min(900px,calc(100dvh - 22px))!important;grid-template-rows:24px 16px 232px minmax(0,1fr) 58px!important;padding:14px 18px 14px!important}
  .gmd-hero{grid-template-columns:minmax(500px,.88fr) minmax(490px,.88fr)!important;gap:18px!important}
  .gmd-copy h2{font-size:4.3rem!important}.gmd-copy h3{font-size:2.3rem!important;max-width:17ch!important}.gmd-text{font-size:.98rem!important;max-width:40ch!important}
  .gmd-card{grid-template-rows:156px 58px 16px minmax(50px,auto) auto auto!important;padding:14px!important}.gmd-card__title{font-size:1.45rem!important}
}
@media (max-height: 860px) and (min-width: 1001px){
  #grim-mark-screen .gmd-frame{height:min(820px,calc(100dvh - 20px))!important;grid-template-rows:24px 14px 216px minmax(0,1fr) 54px!important;gap:12px!important}
  .gmd-copy{padding:14px 16px 10px!important}.gmd-copy h2{font-size:3.9rem!important}.gmd-sub{font-size:.94rem!important}.gmd-copy h3{font-size:1.95rem!important;max-width:18ch!important;margin-bottom:.65rem!important}.gmd-text{font-size:.94rem!important;line-height:1.28!important}
  .gmd-card{grid-template-rows:145px 54px 15px minmax(44px,auto) auto auto!important;gap:9px!important;padding:13px!important}.gmd-card__title{font-size:1.34rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.95rem!important}.gmd-action{min-width:144px!important;min-height:46px!important}
}
@media (max-width: 1000px){
  .gmd-copy{background:linear-gradient(180deg,rgba(0,0,0,.64),rgba(0,0,0,.40))!important}
  .gmd-art{height:210px!important}
}

/* ---------- V20.10.40.10 AJUSTE FINO DE PROPORCIONES DEL SELECTOR DE MARCA ---------- */
#grim-mark-screen .gmd-frame{
  width:min(1592px,calc(100vw - 20px))!important;
  height:min(908px,calc(100dvh - 18px))!important;
  padding:16px 18px 14px!important;
  grid-template-rows:28px 18px 278px 406px 56px!important;
  gap:12px!important;
}
#grim-mark-screen .gmd-frame::before{inset:16px!important}
.gmd-top{padding:1px 8px 0!important}
.gmd-hero{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
  gap:20px!important;
  min-height:278px!important;
  max-height:278px!important;
}
.gmd-copy{
  padding:10px 16px 8px 16px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.gmd-copy h2{
  font-size:clamp(4.55rem,5vw,5.55rem)!important;
  margin:0 0 .3rem!important;
}
.gmd-sub{
  font-size:1rem!important;
  margin:.12rem 0 .9rem!important;
}
.gmd-copy h3{
  font-size:clamp(2.15rem,2.45vw,2.75rem)!important;
  max-width:14ch!important;
  margin:0 0 .7rem!important;
}
.gmd-text{
  font-size:.98rem!important;
  line-height:1.28!important;
  max-width:39ch!important;
}
.gmd-art{
  min-height:278px!important;
  height:278px!important;
  background-position:center center!important;
  background-size:cover!important;
}
.gmd-cards{
  height:406px!important;
  min-height:406px!important;
  max-height:406px!important;
  gap:18px!important;
  align-items:stretch!important;
}
.gmd-card{
  height:406px!important;
  min-height:406px!important;
  max-height:406px!important;
  padding:16px 16px 14px!important;
  grid-template-rows:142px 58px 18px minmax(64px,auto) auto auto!important;
  gap:10px!important;
  align-content:start!important;
}
.gmd-card__art{
  height:142px!important;
  min-height:142px!important;
  background-size:100% 100%!important;
  background-position:center center!important;
}
.gmd-card__title{
  align-items:center!important;
  font-size:clamp(1.45rem,1.62vw,1.86rem)!important;
  line-height:1.03!important;
  padding:0 4px!important;
}
.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{
  font-size:clamp(.95rem,1.02vw,1.1rem)!important;
  line-height:1.23!important;
}
.gmd-card__desc{min-height:64px!important}
.gmd-card__bonus{margin-top:0!important}
.gmd-card__penalty{margin-top:-2px!important}
.gmd-footer{
  min-height:56px!important;
  max-height:56px!important;
  padding:8px 2px 0!important;
}
.gmd-actions{gap:12px!important}
.gmd-action{min-width:152px!important;min-height:48px!important}
.gmd-action kbd{min-width:64px!important;height:34px!important}

@media (max-width: 1500px) and (min-width: 1001px){
  #grim-mark-screen .gmd-frame{
    width:min(1488px,calc(100vw - 18px))!important;
    height:min(860px,calc(100dvh - 14px))!important;
    grid-template-rows:26px 16px 246px 372px 52px!important;
    padding:14px 16px 12px!important;
    gap:10px!important;
  }
  #grim-mark-screen .gmd-frame::before{inset:14px!important}
  .gmd-hero{min-height:246px!important;max-height:246px!important;gap:16px!important}
  .gmd-copy h2{font-size:4.2rem!important}.gmd-copy h3{font-size:2rem!important;max-width:14ch!important}.gmd-text{font-size:.93rem!important;max-width:36ch!important}
  .gmd-art{height:246px!important;min-height:246px!important}
  .gmd-cards{height:372px!important;min-height:372px!important;max-height:372px!important;gap:15px!important}
  .gmd-card{height:372px!important;min-height:372px!important;max-height:372px!important;grid-template-rows:126px 52px 16px minmax(58px,auto) auto auto!important;padding:14px 14px 12px!important;gap:8px!important}
  .gmd-card__art{height:126px!important;min-height:126px!important}
  .gmd-card__title{font-size:1.32rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.9rem!important}
  .gmd-footer{min-height:52px!important;max-height:52px!important}.gmd-action{min-width:144px!important;min-height:44px!important}
}
@media (max-height: 860px) and (min-width: 1001px){
  #grim-mark-screen .gmd-frame{
    height:min(818px,calc(100dvh - 12px))!important;
    grid-template-rows:24px 15px 232px 348px 50px!important;
    gap:9px!important;
  }
  .gmd-hero{min-height:232px!important;max-height:232px!important}
  .gmd-copy{padding:8px 14px 6px 14px!important}
  .gmd-copy h2{font-size:3.95rem!important}.gmd-sub{font-size:.91rem!important;margin:.06rem 0 .72rem!important}.gmd-copy h3{font-size:1.86rem!important;max-width:15ch!important;margin-bottom:.56rem!important}.gmd-text{font-size:.88rem!important;line-height:1.22!important;max-width:38ch!important}
  .gmd-art{height:232px!important;min-height:232px!important}
  .gmd-cards{height:348px!important;min-height:348px!important;max-height:348px!important}
  .gmd-card{height:348px!important;min-height:348px!important;max-height:348px!important;grid-template-rows:116px 48px 15px minmax(52px,auto) auto auto!important;padding:12px 12px 10px!important;gap:7px!important}
  .gmd-card__art{height:116px!important;min-height:116px!important}
  .gmd-card__title{font-size:1.24rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.86rem!important}.gmd-card__desc{min-height:52px!important}
  .gmd-footer{min-height:50px!important;max-height:50px!important;padding-top:6px!important}.gmd-tagline{font-size:.72rem!important}.gmd-action{min-width:138px!important;min-height:42px!important}.gmd-action span{font-size:1rem!important}
}

/* ---------- V20.10.40.11 AJUSTE DEFINITIVO DE LAYOUT + ESTADO BLANCO/NEGRO ---------- */
#grim-mark-screen .gmd-frame{
  width:min(1520px,calc(100vw - 56px))!important;
  height:min(812px,calc(100dvh - 52px))!important;
  padding:12px 18px 12px!important;
  grid-template-rows:24px 14px 222px 324px 48px!important;
  gap:10px!important;
}
#grim-mark-screen .gmd-frame::before{inset:16px!important}
.gmd-top{padding:0 6px!important;font-size:.84rem!important;letter-spacing:.36em!important}
.gmd-top span{font-size:.8rem!important}
.gmd-header-rule{height:1px!important}
.gmd-header-rule i{width:12px!important;height:12px!important}

.gmd-hero{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  gap:18px!important;
  min-height:222px!important;
  max-height:222px!important;
  align-items:stretch!important;
}
.gmd-copy{
  padding:8px 10px 6px!important;
  justify-content:flex-start!important;
  min-height:222px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.18))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.gmd-copy h2{font-size:clamp(3.7rem,4.7vw,4.9rem)!important;line-height:.92!important;margin:0 0 .2rem!important}
.gmd-sub{font-size:.96rem!important;letter-spacing:.26em!important;margin:.05rem 0 .65rem!important}
.gmd-copy h3{font-size:clamp(1.72rem,2.18vw,2.25rem)!important;line-height:1.02!important;max-width:13ch!important;margin:0 0 .5rem!important}
.gmd-text{font-size:.92rem!important;line-height:1.22!important;max-width:44ch!important}
.gmd-art{height:222px!important;min-height:222px!important;border-color:rgba(255,255,255,.12)!important}

.gmd-cards{
  height:324px!important;
  min-height:324px!important;
  max-height:324px!important;
  gap:16px!important;
  padding:0!important;
}
.gmd-card{
  height:324px!important;
  min-height:324px!important;
  max-height:324px!important;
  padding:10px 12px 10px!important;
  grid-template-rows:108px 50px 14px minmax(58px,auto) auto auto!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(180deg,rgba(9,9,9,.985),rgba(2,2,2,.995))!important;
  color:#eee7dc!important;
  box-shadow:none!important;
}
.gmd-card::before,.gmd-card::after{width:14px!important;height:14px!important}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible){
  background:linear-gradient(180deg,rgba(9,9,9,.985),rgba(2,2,2,.995))!important;
  color:#eee7dc!important;
}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__title,
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__bonus{color:#f0eadf!important}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__desc,
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__penalty{color:#d7cebf!important}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__rule span{background:rgba(255,255,255,.16)!important}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__rule i{border-color:rgba(255,255,255,.42)!important}
.gmd-card--paper:not(.is-selected):not(:hover):not(:focus-visible) .gmd-card__art{border-color:rgba(255,255,255,.12)!important;background-color:#090909!important}

.gmd-card:hover,.gmd-card:focus-visible,.gmd-card.is-selected{
  background:linear-gradient(180deg,#ede8dd,#e4dfd5)!important;
  color:#171717!important;
  border-color:rgba(255,255,255,.96)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.52) inset!important;
}
.gmd-card:hover .gmd-card__title,.gmd-card:focus-visible .gmd-card__title,.gmd-card.is-selected .gmd-card__title,
.gmd-card:hover .gmd-card__bonus,.gmd-card:focus-visible .gmd-card__bonus,.gmd-card.is-selected .gmd-card__bonus{color:#171717!important}
.gmd-card:hover .gmd-card__desc,.gmd-card:focus-visible .gmd-card__desc,.gmd-card.is-selected .gmd-card__desc,
.gmd-card:hover .gmd-card__penalty,.gmd-card:focus-visible .gmd-card__penalty,.gmd-card.is-selected .gmd-card__penalty{color:#3f3b35!important}
.gmd-card:hover .gmd-card__rule span,.gmd-card:focus-visible .gmd-card__rule span,.gmd-card.is-selected .gmd-card__rule span{background:rgba(0,0,0,.15)!important}
.gmd-card:hover .gmd-card__rule i,.gmd-card:focus-visible .gmd-card__rule i,.gmd-card.is-selected .gmd-card__rule i{border-color:rgba(0,0,0,.28)!important}
.gmd-card:hover .gmd-card__art,.gmd-card:focus-visible .gmd-card__art,.gmd-card.is-selected .gmd-card__art{border-color:rgba(0,0,0,.16)!important;background-color:#efebe2!important}

.gmd-card__art{
  height:108px!important;
  min-height:108px!important;
  background-size:cover!important;
  background-position:center center!important;
}
.gmd-card__title{font-size:clamp(1.18rem,1.32vw,1.6rem)!important;line-height:1.06!important;padding:0 2px!important}
.gmd-card__rule{gap:10px!important}
.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:clamp(.84rem,.95vw,1rem)!important;line-height:1.18!important}
.gmd-card__desc{min-height:58px!important}
.gmd-card__bonus{margin-top:0!important}
.gmd-card__penalty{margin-top:-2px!important}

.gmd-footer{min-height:48px!important;max-height:48px!important;padding:8px 0 0!important;align-items:center!important}
.gmd-tagline{font-size:.72rem!important;letter-spacing:.42em!important}
.gmd-actions{gap:10px!important}
.gmd-action{min-width:134px!important;min-height:42px!important;padding:0 14px!important}
.gmd-action kbd{min-width:54px!important;height:30px!important;font-size:.92rem!important}
.gmd-action span{font-size:.98rem!important}

@media (max-width: 1500px) and (min-width:1001px){
  #grim-mark-screen .gmd-frame{width:min(1440px,calc(100vw - 34px))!important;height:min(778px,calc(100dvh - 34px))!important;grid-template-rows:22px 12px 208px 306px 44px!important;padding:10px 14px 10px!important;gap:8px!important}
  #grim-mark-screen .gmd-frame::before{inset:12px!important}
  .gmd-hero{min-height:208px!important;max-height:208px!important;gap:14px!important}
  .gmd-copy h2{font-size:3.45rem!important}.gmd-sub{font-size:.88rem!important}.gmd-copy h3{font-size:1.56rem!important}.gmd-text{font-size:.84rem!important;max-width:42ch!important}
  .gmd-art{height:208px!important;min-height:208px!important}
  .gmd-cards{height:306px!important;min-height:306px!important;max-height:306px!important;gap:12px!important}
  .gmd-card{height:306px!important;min-height:306px!important;max-height:306px!important;grid-template-rows:98px 44px 12px minmax(52px,auto) auto auto!important;padding:9px 10px 9px!important;gap:7px!important}
  .gmd-card__art{height:98px!important;min-height:98px!important}
  .gmd-card__title{font-size:1.08rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.8rem!important}.gmd-card__desc{min-height:52px!important}
  .gmd-action{min-width:124px!important;min-height:40px!important}.gmd-action span{font-size:.92rem!important}
}
@media (max-height: 820px) and (min-width:1001px){
  #grim-mark-screen .gmd-frame{height:min(748px,calc(100dvh - 24px))!important;grid-template-rows:20px 12px 196px 286px 42px!important;padding:10px 14px 8px!important;gap:8px!important}
  .gmd-hero{min-height:196px!important;max-height:196px!important}.gmd-copy h2{font-size:3.28rem!important}.gmd-sub{font-size:.84rem!important;margin-bottom:.48rem!important}.gmd-copy h3{font-size:1.46rem!important}.gmd-text{font-size:.8rem!important;line-height:1.18!important}
  .gmd-art{height:196px!important;min-height:196px!important}
  .gmd-cards{height:286px!important;min-height:286px!important;max-height:286px!important}
  .gmd-card{height:286px!important;min-height:286px!important;max-height:286px!important;grid-template-rows:90px 38px 12px minmax(46px,auto) auto auto!important;padding:8px 10px!important;gap:6px!important}
  .gmd-card__art{height:90px!important;min-height:90px!important}
  .gmd-card__title{font-size:1rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.76rem!important;line-height:1.15!important}.gmd-card__desc{min-height:46px!important}
  .gmd-footer{min-height:42px!important;max-height:42px!important}.gmd-tagline{font-size:.66rem!important}.gmd-action{min-width:116px!important;min-height:36px!important}
}

/* ---------- V20.10.40.12 RETOQUE FINAL DE ESCALA Y RESPIRACIÓN ---------- */
#grim-mark-screen .gmd-frame{
  width:min(1460px,calc(100vw - 64px))!important;
  height:min(792px,calc(100dvh - 44px))!important;
  padding:14px 18px 12px!important;
  grid-template-rows:22px 12px 206px 302px 42px!important;
  gap:8px!important;
}
#grim-mark-screen .gmd-frame::before{inset:14px!important}
.gmd-top{padding:0 4px!important;font-size:.8rem!important;letter-spacing:.34em!important}
.gmd-header-rule i{width:11px!important;height:11px!important}
.gmd-hero{
  grid-template-columns:minmax(0,1fr) minmax(0,.93fr)!important;
  gap:16px!important;
  min-height:206px!important;
  max-height:206px!important;
}
.gmd-copy{min-height:206px!important;padding:6px 8px 4px!important}
.gmd-copy h2{font-size:clamp(3.45rem,4.15vw,4.2rem)!important;margin:0 0 .18rem!important}
.gmd-sub{font-size:.9rem!important;letter-spacing:.24em!important;margin:0 0 .54rem!important}
.gmd-copy h3{font-size:clamp(1.62rem,2vw,2rem)!important;line-height:1.02!important;max-width:13ch!important;margin:0 0 .42rem!important}
.gmd-text{font-size:.86rem!important;line-height:1.19!important;max-width:43ch!important}
.gmd-art{height:206px!important;min-height:206px!important}

.gmd-cards{height:302px!important;min-height:302px!important;max-height:302px!important;gap:14px!important}
.gmd-card{
  height:302px!important;
  min-height:302px!important;
  max-height:302px!important;
  padding:9px 11px 9px!important;
  grid-template-rows:94px 42px 12px minmax(50px,auto) auto auto!important;
  gap:7px!important;
}
.gmd-card__art{height:94px!important;min-height:94px!important}
.gmd-card__title{font-size:clamp(1.08rem,1.14vw,1.34rem)!important;line-height:1.05!important}
.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:clamp(.79rem,.86vw,.95rem)!important;line-height:1.16!important}
.gmd-card__desc{min-height:50px!important}

.gmd-footer{min-height:42px!important;max-height:42px!important;padding:6px 0 0!important}
.gmd-tagline{font-size:.68rem!important;letter-spacing:.4em!important}
.gmd-actions{gap:10px!important}
.gmd-action{min-width:122px!important;min-height:38px!important;padding:0 12px!important}
.gmd-action kbd{min-width:48px!important;height:28px!important;font-size:.86rem!important}
.gmd-action span{font-size:.92rem!important}

@media (max-width:1500px) and (min-width:1001px){
  #grim-mark-screen .gmd-frame{width:min(1380px,calc(100vw - 50px))!important;height:min(760px,calc(100dvh - 34px))!important;grid-template-rows:20px 12px 194px 286px 40px!important;padding:12px 16px 10px!important;gap:8px!important}
  #grim-mark-screen .gmd-frame::before{inset:12px!important}
  .gmd-hero{min-height:194px!important;max-height:194px!important;gap:14px!important}
  .gmd-copy{min-height:194px!important}
  .gmd-copy h2{font-size:3.18rem!important}.gmd-sub{font-size:.84rem!important}.gmd-copy h3{font-size:1.48rem!important}.gmd-text{font-size:.8rem!important;max-width:42ch!important}
  .gmd-art{height:194px!important;min-height:194px!important}
  .gmd-cards{height:286px!important;min-height:286px!important;max-height:286px!important;gap:12px!important}
  .gmd-card{height:286px!important;min-height:286px!important;max-height:286px!important;grid-template-rows:88px 38px 12px minmax(46px,auto) auto auto!important;padding:8px 10px!important;gap:6px!important}
  .gmd-card__art{height:88px!important;min-height:88px!important}
  .gmd-card__title{font-size:1rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.75rem!important;line-height:1.14!important}.gmd-card__desc{min-height:46px!important}
  .gmd-tagline{font-size:.64rem!important}.gmd-action{min-width:114px!important;min-height:36px!important}.gmd-action span{font-size:.88rem!important}
}
@media (max-height:820px) and (min-width:1001px){
  #grim-mark-screen .gmd-frame{width:min(1360px,calc(100vw - 46px))!important;height:min(724px,calc(100dvh - 22px))!important;grid-template-rows:20px 12px 182px 268px 38px!important;padding:10px 14px 8px!important;gap:8px!important}
  #grim-mark-screen .gmd-frame::before{inset:10px!important}
  .gmd-top{font-size:.74rem!important;letter-spacing:.32em!important}
  .gmd-hero{min-height:182px!important;max-height:182px!important;gap:12px!important}
  .gmd-copy{min-height:182px!important;padding:4px 6px 2px!important}
  .gmd-copy h2{font-size:2.96rem!important}.gmd-sub{font-size:.78rem!important;margin-bottom:.44rem!important}.gmd-copy h3{font-size:1.34rem!important;max-width:13ch!important}.gmd-text{font-size:.74rem!important;line-height:1.14!important;max-width:41ch!important}
  .gmd-art{height:182px!important;min-height:182px!important}
  .gmd-cards{height:268px!important;min-height:268px!important;max-height:268px!important;gap:12px!important}
  .gmd-card{height:268px!important;min-height:268px!important;max-height:268px!important;grid-template-rows:82px 34px 10px minmax(40px,auto) auto auto!important;padding:8px 9px!important;gap:5px!important}
  .gmd-card__art{height:82px!important;min-height:82px!important}
  .gmd-card__title{font-size:.94rem!important}.gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{font-size:.7rem!important;line-height:1.12!important}.gmd-card__desc{min-height:40px!important}
  .gmd-footer{min-height:38px!important;max-height:38px!important;padding-top:4px!important}.gmd-tagline{font-size:.6rem!important}.gmd-action{min-width:106px!important;min-height:34px!important}.gmd-action kbd{min-width:42px!important;height:25px!important;font-size:.8rem!important}.gmd-action span{font-size:.82rem!important}
}

/* ---------- V20.10.40.13 ARTE DINÁMICO BLANCO/NEGRO POR TARJETA ---------- */
/* Estado base: todas oscuras */
.gmd-cards .gmd-card:nth-child(1) .gmd-card__art{background-image:url('assets/ui42/mark-peregrino-dark.svg')!important;background-size:cover!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(2) .gmd-card__art{background-image:url('assets/ui42/mark-linde.svg')!important;background-size:cover!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(3) .gmd-card__art{background-image:url('assets/ui42/mark-eclipse.svg')!important;background-size:cover!important;background-position:center center!important}

/* Estado activo/hover/focus: solo la tarjeta señalada pasa a blanca */
.gmd-cards .gmd-card:nth-child(1):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(1):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(1).is-selected .gmd-card__art{background-image:url('assets/ui42/mark-peregrino.svg')!important}
.gmd-cards .gmd-card:nth-child(2):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(2):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(2).is-selected .gmd-card__art{background-image:url('assets/ui42/mark-linde-light.svg')!important}
.gmd-cards .gmd-card:nth-child(3):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(3):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(3).is-selected .gmd-card__art{background-image:url('assets/ui42/mark-eclipse-light.svg')!important}

/* Ajuste fino de encuadre del arte para evitar recortes raros */
.gmd-cards .gmd-card .gmd-card__art{overflow:hidden!important}
.gmd-cards .gmd-card:nth-child(1) .gmd-card__art{background-position:center 47%!important}
.gmd-cards .gmd-card:nth-child(2) .gmd-card__art{background-position:center 52%!important}
.gmd-cards .gmd-card:nth-child(3) .gmd-card__art{background-position:center 51%!important}

/* Cuando una tarjeta queda blanca, el arte también usa un marco un poco más oscuro */
.gmd-cards .gmd-card:hover .gmd-card__art,
.gmd-cards .gmd-card:focus-visible .gmd-card__art,
.gmd-cards .gmd-card.is-selected .gmd-card__art{border-color:rgba(0,0,0,.22)!important}

/* ---------- V20.10.40.14 CORRECCIÓN DE RECORTE SUPERIOR EN TARJETAS ---------- */
/* Evita que el arte se corte por arriba: usar contain y encuadre centrado */
.gmd-cards .gmd-card .gmd-card__art{
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center center!important;
}

/* Ajuste específico por tarjeta para que respiren mejor dentro del marco */
.gmd-cards .gmd-card:nth-child(1) .gmd-card__art{background-size:96% auto!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(2) .gmd-card__art{background-size:95% auto!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(3) .gmd-card__art{background-size:95% auto!important;background-position:center center!important}

/* Mantener igual en hover/focus/selección, sin volver a recortar */
.gmd-cards .gmd-card:nth-child(1):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(1):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(1).is-selected .gmd-card__art{background-size:96% auto!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(2):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(2):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(2).is-selected .gmd-card__art{background-size:95% auto!important;background-position:center center!important}
.gmd-cards .gmd-card:nth-child(3):hover .gmd-card__art,
.gmd-cards .gmd-card:nth-child(3):focus-visible .gmd-card__art,
.gmd-cards .gmd-card:nth-child(3).is-selected .gmd-card__art{background-size:95% auto!important;background-position:center center!important}

/* Un poco más de altura al bloque del arte para que el dibujo no se vea apretado */
.gmd-card{grid-template-rows:102px 40px 12px minmax(46px,auto) auto auto!important}
.gmd-card__art{height:102px!important;min-height:102px!important}

@media (max-width:1500px) and (min-width:1001px){
  .gmd-card{grid-template-rows:96px 36px 12px minmax(44px,auto) auto auto!important}
  .gmd-card__art{height:96px!important;min-height:96px!important}
}
@media (max-height:820px) and (min-width:1001px){
  .gmd-card{grid-template-rows:90px 34px 10px minmax(40px,auto) auto auto!important}
  .gmd-card__art{height:90px!important;min-height:90px!important}
}

/* ---------- V20.10.40.15 CORRECCIÓN FINAL DE RECORTE EN HERO + TARJETAS ---------- */
/* Objetivo: evitar corte del texto superior y que NUNCA se recorte el arte de las tarjetas. */
@media (min-width:1001px){
  #grim-mark-screen .gmd-frame{
    width:min(1480px,calc(100vw - 42px))!important;
    height:min(808px,calc(100dvh - 26px))!important;
    padding:12px 16px 10px!important;
    grid-template-rows:22px 12px 242px 300px 42px!important;
    gap:8px!important;
  }
  #grim-mark-screen .gmd-frame::before{inset:12px!important}

  .gmd-top{padding:0 4px!important;font-size:.8rem!important;letter-spacing:.34em!important}
  .gmd-hero{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
    min-height:242px!important;
    max-height:242px!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .gmd-copy{
    min-height:242px!important;
    padding:6px 8px 4px!important;
    overflow:visible!important;
  }
  .gmd-copy h2{
    font-size:clamp(3.2rem,4vw,4.35rem)!important;
    line-height:.94!important;
    margin:0 0 .18rem!important;
  }
  .gmd-sub{
    font-size:.88rem!important;
    letter-spacing:.24em!important;
    margin:0 0 .46rem!important;
  }
  .gmd-copy h3{
    font-size:clamp(1.42rem,1.8vw,1.92rem)!important;
    line-height:1.02!important;
    max-width:15ch!important;
    margin:0 0 .34rem!important;
  }
  .gmd-text{
    font-size:.82rem!important;
    line-height:1.16!important;
    max-width:44ch!important;
  }
  .gmd-art{
    height:242px!important;
    min-height:242px!important;
    background-position:center center!important;
    background-size:cover!important;
  }

  .gmd-cards{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .gmd-card{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    padding:9px 11px 9px!important;
    grid-template-rows:100px 40px 10px minmax(46px,auto) auto auto!important;
    gap:6px!important;
    align-content:start!important;
  }
  .gmd-card__art{
    height:100px!important;
    min-height:100px!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center center!important;
  }
  .gmd-card__title{
    font-size:clamp(1.06rem,1.15vw,1.34rem)!important;
    line-height:1.05!important;
    padding:0 2px!important;
  }
  .gmd-card__rule{gap:8px!important}
  .gmd-card__desc,.gmd-card__bonus,.gmd-card__penalty{
    font-size:clamp(.78rem,.84vw,.92rem)!important;
    line-height:1.14!important;
  }
  .gmd-card__desc{min-height:44px!important}
  .gmd-card__bonus{margin-top:0!important}
  .gmd-card__penalty{margin-top:-2px!important}

  .gmd-footer{min-height:42px!important;max-height:42px!important;padding:6px 0 0!important}
  .gmd-tagline{font-size:.68rem!important;letter-spacing:.38em!important}
  .gmd-action{min-width:122px!important;min-height:38px!important;padding:0 12px!important}
  .gmd-action kbd{min-width:48px!important;height:28px!important;font-size:.86rem!important}
  .gmd-action span{font-size:.92rem!important}

  /* Mantener el cambio blanco/negro por tarjeta, pero SIN recortes del arte. */
  .gmd-cards .gmd-card:nth-child(1) .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(2) .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(3) .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(1):hover .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(1):focus-visible .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(1).is-selected .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(2):hover .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(2):focus-visible .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(2).is-selected .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(3):hover .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(3):focus-visible .gmd-card__art,
  .gmd-cards .gmd-card:nth-child(3).is-selected .gmd-card__art{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* Ajuste específico para portátiles 1366-1600px de ancho y ~768-900px de alto */
@media (min-width:1200px) and (max-width:1600px) and (min-height:760px) and (max-height:900px){
  #grim-mark-screen .gmd-frame{
    width:min(1460px,calc(100vw - 34px))!important;
    height:min(792px,calc(100dvh - 20px))!important;
    grid-template-rows:22px 12px 236px 294px 40px!important;
  }
  .gmd-hero{min-height:236px!important;max-height:236px!important}
  .gmd-copy{min-height:236px!important}
  .gmd-copy h2{font-size:3.95rem!important}
  .gmd-copy h3{font-size:1.74rem!important}
  .gmd-text{font-size:.8rem!important;line-height:1.14!important}
  .gmd-art{height:236px!important;min-height:236px!important}
  .gmd-cards{height:294px!important;min-height:294px!important;max-height:294px!important}
  .gmd-card{height:294px!important;min-height:294px!important;max-height:294px!important;grid-template-rows:96px 38px 10px minmax(44px,auto) auto auto!important}
  .gmd-card__art{height:96px!important;min-height:96px!important}
}

/* ======================================================================
   V20.10.40.16 · OPCIONES + ARCHIVO DEDICADOS
   Layout independiente, sin heredar tamaños del dialog genérico.
   ====================================================================== */
#grim-options-screen,#grim-archive-screen{position:fixed;inset:0;z-index:88;display:grid;place-items:center;padding:14px;background:rgba(0,0,0,.76);overflow:hidden}
#grim-options-screen::before,#grim-archive-screen::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.78)),url('assets/ui41/slot-screen-bg.webp') center/cover no-repeat;filter:grayscale(.2) brightness(.42)}
.gwo-shell,.gwa-shell{position:relative;width:min(1540px,calc(100vw - 28px));height:min(860px,calc(100dvh - 28px));display:grid;grid-template-columns:240px minmax(0,1fr) 300px;grid-template-rows:108px minmax(0,1fr) 34px;border:1px solid rgba(255,255,255,.26);background:rgba(3,3,3,.86);box-shadow:0 26px 90px rgba(0,0,0,.48);overflow:hidden}
.gwo-shell::before,.gwa-shell::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.10);pointer-events:none}
.gwo-header,.gwa-header{grid-column:2/3;grid-row:1;position:relative;padding:18px 28px 0;align-self:stretch;overflow:hidden}
.gwo-header small,.gwa-header small{display:block;color:#cfc6b7;font:700 .72rem/1 Georgia,'Times New Roman',serif;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px}
.gwo-header h2,.gwa-header h2{margin:0;color:#f3eee4;font:400 clamp(2.8rem,4vw,4.2rem)/.88 Georgia,'Times New Roman',serif;letter-spacing:.035em;text-transform:uppercase}
.gwo-title-rule,.gwa-title-rule{position:absolute;left:28px;right:16px;bottom:10px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(255,255,255,.07))}
.gwo-title-rule i,.gwa-title-rule i{position:absolute;left:16%;top:50%;width:10px;height:10px;border:1px solid rgba(255,255,255,.50);transform:translate(-50%,-50%) rotate(45deg);background:#050505}
.gwo-close,.gwa-close{grid-column:3;grid-row:1;justify-self:start;align-self:start;margin:18px 0 0 18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.45);color:#f2eee6;font:300 2rem/1 Georgia,serif;cursor:pointer;z-index:2}
.gwo-close:hover,.gwa-close:hover,.gwo-close:focus-visible,.gwa-close:focus-visible{background:#eee8dc;color:#111;border-color:#fff;outline:none}

.gwo-nav,.gwa-nav{grid-column:1;grid-row:2;position:relative;display:flex;flex-direction:column;align-self:stretch;padding:12px 0 150px 14px;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}
.gwo-nav::after,.gwa-nav::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:200px;background-position:left bottom;background-size:cover;background-repeat:no-repeat;opacity:.68;pointer-events:none}
.gwo-nav::after{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),url('assets/ui43/options-left.webp')}
.gwa-nav::after{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),url('assets/ui43/archive-left.webp')}
.gwo-nav button,.gwa-nav button{position:relative;z-index:1;height:46px;padding:0 18px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#c7c0b5;text-align:left;font:400 1rem/1 Georgia,'Times New Roman',serif;letter-spacing:.06em;cursor:pointer;transition:background .14s ease,color .14s ease,padding-left .14s ease}
.gwo-nav button:hover,.gwa-nav button:hover,.gwo-nav button:focus-visible,.gwa-nav button:focus-visible{color:#fff;outline:none;padding-left:22px;background:linear-gradient(90deg,rgba(120,0,0,.28),transparent)}
.gwo-nav button.active,.gwa-nav button.active{color:#f5ece2;background:linear-gradient(90deg,rgba(128,9,12,.88),rgba(92,5,8,.62) 62%,transparent);border-bottom-color:rgba(200,40,40,.28)}
.gwo-nav button.active::before,.gwa-nav button.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#a5181c;box-shadow:0 0 15px rgba(255,20,25,.35)}

.gwo-content,.gwa-content{grid-column:2;grid-row:2;min-width:0;min-height:0;margin:10px 14px 10px 18px;padding:0 6px 0 0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5c4630 #0b0b0b}
.gwo-content::-webkit-scrollbar,.gwa-content::-webkit-scrollbar{width:7px}.gwo-content::-webkit-scrollbar-thumb,.gwa-content::-webkit-scrollbar-thumb{background:#695039}.gwo-content::-webkit-scrollbar-track,.gwa-content::-webkit-scrollbar-track{background:#0a0a0a}
.gwo-pane{min-height:100%;border:1px solid rgba(255,255,255,.18);padding:10px 18px 14px;background:linear-gradient(180deg,rgba(5,5,5,.78),rgba(2,2,2,.70))}
.gwo-pane h3{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.18);color:#eee7dc;font:400 1.18rem/1 Georgia,'Times New Roman',serif;letter-spacing:.16em}
.gwo-pane h3.gwo-section-gap{margin-top:14px}
.gwo-row{min-height:44px;display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,48%);align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);padding:5px 8px;color:#ddd6cb;font:400 .88rem/1.2 system-ui,-apple-system,'Segoe UI',sans-serif}
.gwo-row>span{color:#d6cfc3}.gwo-row select{width:100%;background:#060606;color:#eee7dc;border:1px solid rgba(255,255,255,.18);padding:8px 10px}
.gwo-stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;text-align:center}
.gwo-stepper button{height:32px;border:0;background:transparent;color:#f2eee7;font-size:1.4rem;cursor:pointer}.gwo-stepper button:hover,.gwo-stepper button:focus-visible{background:rgba(255,255,255,.06);outline:none}
.gwo-stepper b{font:500 .86rem/1 Georgia,serif;color:#eee8dd}
.gwo-slider{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:12px;align-items:center}.gwo-slider input{width:100%;accent-color:#eee}.gwo-slider output{text-align:right;color:#ddd;font:.78rem/1 system-ui,sans-serif}
.gwo-wide-button{width:100%;min-height:44px;margin-top:14px;border:1px solid rgba(255,255,255,.20);background:#070707;color:#eee6da;font:700 .78rem/1 system-ui,sans-serif;letter-spacing:.14em;cursor:pointer}.gwo-wide-button:hover{background:#eee8dc;color:#111}
.gwo-note{margin:14px 6px;color:#928b81;font:.78rem/1.45 system-ui,sans-serif}

.gwo-side,.gwa-side{grid-column:3;grid-row:2;position:relative;margin:10px 14px 10px 0;border-left:1px solid rgba(255,255,255,.08);overflow:hidden;background:#050505}
.gwo-side-art,.gwa-side-art{position:absolute;inset:0;background-position:center bottom;background-size:cover;background-repeat:no-repeat}
.gwo-side-art{background-image:url('assets/ui43/options-side.webp')}.gwa-side-art{background-image:url('assets/ui43/archive-side.webp')}
.gwo-side::after,.gwa-side::after{content:"";position:absolute;inset:0;box-shadow:inset 24px 0 28px rgba(0,0,0,.28);pointer-events:none}
.gwo-footer,.gwa-footer{grid-column:1/4;grid-row:3;display:flex;align-items:center;gap:14px;padding:0 18px;border-top:1px solid rgba(255,255,255,.12);color:#c7c0b5;font:400 .72rem/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase}
.gwo-footer span,.gwa-footer span{font-size:.9rem;color:#eee7dc}.gwo-footer b,.gwa-footer b{font-weight:400;color:#8e877d}.gwo-footer em,.gwa-footer em{margin-left:auto;font-style:normal;font-size:.62rem;color:#8a8379}

/* Archivo */
.gwa-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.gwa-stats>div{height:96px;border:1px solid rgba(255,255,255,.20);display:grid;place-content:center;text-align:center;background:rgba(3,3,3,.72)}
.gwa-stats strong{display:block;color:#f0eae0;font:400 2.15rem/1 Georgia,serif}.gwa-stats span{display:block;margin-top:5px;color:#cfc7ba;font:400 .78rem/1.15 Georgia,serif}
.gwa-kicker{height:28px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);color:#d9d0c3;font:700 .7rem/1 Georgia,serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px}
.gwa-list{display:grid;gap:5px}.gwa-row{min-height:52px;display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(120px,.5fr) 62px 24px;align-items:center;gap:10px;padding:5px 12px;border:1px solid rgba(255,255,255,.17);background:rgba(4,4,4,.74)}
.gwa-medal{width:32px;height:32px;border:1px solid #6e5736;border-radius:50%;display:grid;place-items:center;color:#9d7e50}.gwa-row-copy{min-width:0}.gwa-row-copy strong{display:block;color:#e9e2d8;font:400 .92rem/1.1 Georgia,serif}.gwa-row-copy small{display:block;margin-top:3px;color:#aaa197;font:.7rem/1.2 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gwa-progress{height:6px;border:1px solid rgba(255,255,255,.25);background:#080808}.gwa-progress i{display:block;height:100%;background:#b8b3aa}.gwa-row>b{color:#d6cec2;font:400 .72rem/1 Georgia,serif;text-align:center}.gwa-diamond{color:#857f76;text-align:center}.gwa-row.unlocked{border-color:rgba(207,188,144,.32)}.gwa-row.unlocked .gwa-medal{background:rgba(120,83,35,.14);color:#d2af75}
.gwa-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gwa-stat-grid>div{height:110px;border:1px solid rgba(255,255,255,.17);display:grid;place-content:center;text-align:center;background:rgba(3,3,3,.72)}.gwa-stat-grid span{color:#aaa297;font:.72rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.gwa-stat-grid strong{margin-top:8px;color:#eee8dc;font:400 2.1rem/1 Georgia,serif}

@media (max-width:1250px) and (min-width:861px){.gwo-shell,.gwa-shell{grid-template-columns:190px minmax(0,1fr) 240px;grid-template-rows:96px minmax(0,1fr) 32px}.gwo-header,.gwa-header{padding-left:20px}.gwo-header h2,.gwa-header h2{font-size:3rem}.gwo-nav button,.gwa-nav button{height:42px;font-size:.88rem;padding-left:14px}.gwo-row{grid-template-columns:minmax(130px,1fr) minmax(210px,48%);font-size:.8rem}.gwa-row{grid-template-columns:38px minmax(160px,1fr) minmax(90px,.42fr) 50px 18px}.gwo-side,.gwa-side{margin-right:10px}.gwa-stats strong{font-size:1.8rem}}
@media (max-height:760px) and (min-width:861px){.gwo-shell,.gwa-shell{height:calc(100dvh - 16px);grid-template-rows:88px minmax(0,1fr) 30px}.gwo-header,.gwa-header{padding-top:14px}.gwo-header h2,.gwa-header h2{font-size:2.7rem}.gwo-nav,.gwa-nav{padding-bottom:120px}.gwo-nav button,.gwa-nav button{height:39px;font-size:.84rem}.gwo-row{min-height:38px;padding-top:3px;padding-bottom:3px}.gwo-pane{padding-top:8px}.gwo-side,.gwa-side{margin-top:6px;margin-bottom:6px}.gwa-stats>div{height:78px}.gwa-row{min-height:44px}.gwa-row-copy small{font-size:.64rem}}
@media (max-width:860px){#grim-options-screen,#grim-archive-screen{overflow:auto;padding:8px}.gwo-shell,.gwa-shell{width:calc(100vw - 16px);height:auto;min-height:calc(100dvh - 16px);grid-template-columns:1fr;grid-template-rows:auto auto auto auto 30px}.gwo-header,.gwa-header{grid-column:1;grid-row:1;padding:16px 58px 12px 14px}.gwo-title-rule,.gwa-title-rule{left:14px;right:14px}.gwo-close,.gwa-close{grid-column:1;grid-row:1;justify-self:end;margin:12px 12px 0 0}.gwo-nav,.gwa-nav{grid-column:1;grid-row:2;display:flex;flex-direction:row;padding:0 10px;overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.gwo-nav::after,.gwa-nav::after{display:none}.gwo-nav button,.gwa-nav button{min-width:118px;height:42px;text-align:center;padding:0 8px}.gwo-content,.gwa-content{grid-column:1;grid-row:3;margin:10px}.gwo-side,.gwa-side{grid-column:1;grid-row:4;height:220px;margin:0 10px 10px;border-left:0}.gwo-side-art,.gwa-side-art{background-size:cover;background-position:center 30%}.gwo-footer,.gwa-footer{grid-column:1;grid-row:5}.gwo-row{grid-template-columns:1fr}.gwa-stats{grid-template-columns:repeat(2,1fr)}.gwa-row{grid-template-columns:36px 1fr 56px 20px}.gwa-progress{display:none}.gwo-footer em,.gwa-footer em{display:none}}

/* ======================================================================
   V20.10.40.16.2 · MICRO-HOTFIX OPCIONES / ARCHIVO
   - X anclada a la esquina superior derecha real del marco.
   - Eliminada la imagen decorativa lateral con texto duplicado embebido.
   ====================================================================== */
.gwo-close,.gwa-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  margin:0!important;
  justify-self:auto!important;
  align-self:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  z-index:30!important;
}

/* La imagen lateral antigua incluía texto del propio menú dentro del bitmap,
   por eso aparecían INTERFAZ/IDIOMA/ACCESIBILIDAD u OBJETOS/HISTORIA/ESTADÍSTICAS
   duplicados detrás de los botones. La quitamos por completo. */
.gwo-nav::after,.gwa-nav::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Al no usar ya esa imagen, dejamos el nav limpio y sin reserva inferior artificial. */
.gwo-nav,.gwa-nav{
  padding-bottom:18px!important;
}

@media (max-width:860px){
  .gwo-close,.gwa-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    margin:0!important;
  }
}

/* ======================================================================
   V20.10.40.17 · CURSOR DINÁMICO GRIMWOOD
   4 estados: normal / foco / ataque / bloqueado
   ====================================================================== */
@media (pointer:fine){
  html.gw-dynamic-cursor,
  html.gw-dynamic-cursor body,
  html.gw-dynamic-cursor body *{cursor:none!important}

  #grimwood-cursor{
    --gw-cursor-x:50vw;
    --gw-cursor-y:50vh;
    --gw-cursor-size:86px;
    --gw-hot-x:-13px;
    --gw-hot-y:-13px;
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:var(--gw-cursor-size)!important;
    height:var(--gw-cursor-size)!important;
    z-index:2147483000!important;
    pointer-events:none!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    transform:translate3d(var(--gw-cursor-x),var(--gw-cursor-y),0) translate(var(--gw-hot-x),var(--gw-hot-y)) scale(1)!important;
    transform-origin:18% 18%!important;
    opacity:1!important;
    visibility:visible!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.72))!important;
    will-change:transform,filter,opacity!important;
    transition:filter .1s ease,opacity .1s ease!important;
    contain:layout paint style!important;
  }
  #grimwood-cursor[hidden]{display:none!important}
  #grimwood-cursor>i,#grimwood-cursor>b{display:none!important}

  #grimwood-cursor[data-state="default"]{
    --gw-cursor-size:82px;
    --gw-hot-x:-12px;
    --gw-hot-y:-12px;
    background-image:url('assets/ui44/cursor-default.webp')!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.72)) drop-shadow(0 0 2px rgba(255,255,255,.10))!important;
  }
  #grimwood-cursor[data-state="focus"]{
    --gw-cursor-size:94px;
    --gw-hot-x:-18px;
    --gw-hot-y:-15px;
    background-image:url('assets/ui44/cursor-focus.webp')!important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.82)) drop-shadow(0 0 8px rgba(164,0,0,.32))!important;
    animation:gwCursorFocusPulse 1.55s ease-in-out infinite!important;
  }
  #grimwood-cursor[data-state="attack"]{
    --gw-cursor-size:92px;
    --gw-hot-x:-13px;
    --gw-hot-y:-12px;
    background-image:url('assets/ui44/cursor-attack.webp')!important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(145,0,0,.28))!important;
  }
  #grimwood-cursor[data-state="blocked"]{
    --gw-cursor-size:92px;
    --gw-hot-x:-46px;
    --gw-hot-y:-46px;
    background-image:url('assets/ui44/cursor-blocked.webp')!important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.82)) drop-shadow(0 0 8px rgba(150,0,0,.28))!important;
    animation:gwCursorBlockedPulse 1.3s ease-in-out infinite!important;
  }
  #grimwood-cursor.is-down{
    transform:translate3d(var(--gw-cursor-x),var(--gw-cursor-y),0) translate(var(--gw-hot-x),var(--gw-hot-y)) scale(.91)!important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.8)) brightness(1.08)!important;
  }
  @keyframes gwCursorFocusPulse{0%,100%{opacity:.94}50%{opacity:1}}
  @keyframes gwCursorBlockedPulse{0%,100%{opacity:.84}50%{opacity:1}}
}
@media (pointer:coarse){#grimwood-cursor{display:none!important}}
@media (prefers-reduced-motion:reduce){
  #grimwood-cursor{animation:none!important;transition:none!important}
}

/* ======================================================================
   V20.10.40.17.1 · CURSOR NATIVO DINÁMICO
   - 48px: no tapa el menú.
   - no usa sprite DOM fijo: siempre aparece sobre menús/paneles del navegador.
   - no se oculta al alternar mando/teclado.
   ====================================================================== */
#grimwood-cursor{display:none!important;visibility:hidden!important;opacity:0!important}

html.gw-native-cursor,
html.gw-native-cursor body,
html.gw-native-cursor body *{
  cursor:url('assets/ui44/cursor-default-native.png') 5 4, auto!important;
}

html.gw-native-cursor[data-gw-cursor-state="focus"],
html.gw-native-cursor[data-gw-cursor-state="focus"] body,
html.gw-native-cursor[data-gw-cursor-state="focus"] body *{
  cursor:url('assets/ui44/cursor-focus-native.png') 9 9, pointer!important;
}

html.gw-native-cursor[data-gw-cursor-state="attack"],
html.gw-native-cursor[data-gw-cursor-state="attack"] body,
html.gw-native-cursor[data-gw-cursor-state="attack"] body *{
  cursor:url('assets/ui44/cursor-attack-native.png') 6 4, crosshair!important;
}

html.gw-native-cursor[data-gw-cursor-state="blocked"],
html.gw-native-cursor[data-gw-cursor-state="blocked"] body,
html.gw-native-cursor[data-gw-cursor-state="blocked"] body *{
  cursor:url('assets/ui44/cursor-blocked-native.png') 15 15, not-allowed!important;
}

@media (pointer:coarse) and (not (any-pointer:fine)){
  html.gw-native-cursor,
  html.gw-native-cursor body,
  html.gw-native-cursor body *{cursor:auto!important}
}

/* ======================================================================
   V20.10.40.17.2 · HOTFIX CURSOR EN MENÚ PRINCIPAL
   El selector visual del menú tenía cursor:pointer!important con mayor
   especificidad que el cursor dinámico global. Forzamos aquí el cursor
   Grimwood sobre las opciones del título y sus pseudoestados.
   ====================================================================== */
@media (pointer:fine){
  html.gw-native-cursor #title-screen.gw37-title-screen .title-main-menu,
  html.gw-native-cursor #title-screen.gw37-title-screen .title-choice,
  html.gw-native-cursor #title-screen.gw37-title-screen .title-choice:hover,
  html.gw-native-cursor #title-screen.gw37-title-screen .title-choice:focus,
  html.gw-native-cursor #title-screen.gw37-title-screen .title-choice:focus-visible,
  html.gw-native-cursor #title-screen.gw37-title-screen .title-choice:active{
    cursor:url('assets/ui44/cursor-focus-native.png') 9 9, auto!important;
  }

  html.gw-native-cursor[data-gw-cursor-state="default"] #title-screen.gw37-title-screen,
  html.gw-native-cursor[data-gw-cursor-state="default"] #title-screen.gw37-title-screen .title-content,
  html.gw-native-cursor[data-gw-cursor-state="default"] #title-screen.gw37-title-screen .title-divider37{
    cursor:url('assets/ui44/cursor-default-native.png') 5 4, auto!important;
  }

  html.gw-native-cursor[data-gw-cursor-state="focus"] #title-screen.gw37-title-screen .title-choice{
    cursor:url('assets/ui44/cursor-focus-native.png') 9 9, auto!important;
  }

  /* Evita el fallback visual del puntero de Windows al entrar/salir del clip. */
  #title-screen.gw37-title-screen .title-choice::before,
  #title-screen.gw37-title-screen .title-choice::after{
    cursor:inherit!important;
  }
}

/* ==========================================================
   V20.10.40.18 · EDITOR DE ASIGNACIONES J1/J2 DEDICADO
   Inspirado en la interfaz de referencia, sin panel genérico.
   ========================================================== */
#grim-controls-screen{
  position:fixed;
  inset:0;
  z-index:96;
  display:grid;
  place-items:center;
  padding:12px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.86)),
    url('assets/ui41/slot-screen-bg.webp') center/cover no-repeat;
  overflow:hidden;
}
#grim-controls-screen::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.25)),
    radial-gradient(circle at 50% 105%,rgba(130,0,0,.14),transparent 24%);
}
.gcc-shell{
  position:relative;
  width:min(1460px,calc(100vw - 28px));
  height:min(920px,calc(100dvh - 24px));
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:118px minmax(0,1fr) 72px;
  gap:16px;
  padding:18px 24px 16px;
  border:1px solid rgba(255,255,255,.30);
  background:linear-gradient(180deg,rgba(3,3,3,.78),rgba(1,1,1,.90));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 24px 80px rgba(0,0,0,.45);
  overflow:hidden;
}
.gcc-shell::before,
.gcc-shell::after{
  content:"";
  position:absolute;
  pointer-events:none;
  width:26px;
  height:26px;
  opacity:.75;
}
.gcc-shell::before{left:12px;top:12px;border-left:1px solid rgba(255,255,255,.38);border-top:1px solid rgba(255,255,255,.38)}
.gcc-shell::after{right:12px;bottom:12px;border-right:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.38)}
.gcc-header{
  position:relative;
  display:grid;
  grid-template-rows:auto 1px 1fr;
  align-items:start;
  gap:10px;
  padding:0 100px 0 26px;
  min-width:0;
}
.gcc-header>small{
  font:600 .82rem/1 Georgia,'Times New Roman',serif;
  letter-spacing:.34em;
  color:#d6cec0;
}
.gcc-header-line{display:flex;align-items:center;gap:10px;min-width:0}
.gcc-header-line span{height:1px;background:rgba(255,255,255,.36);flex:1}
.gcc-header-line i{width:13px;height:13px;border:1px solid rgba(255,255,255,.52);transform:rotate(45deg);background:#080808}
.gcc-header h2{
  margin:0;
  align-self:center;
  justify-self:center;
  font:400 clamp(2.8rem,4vw,4.2rem)/.95 Georgia,'Times New Roman',serif;
  letter-spacing:.08em;
  color:#f2ede4;
  text-transform:uppercase;
}
.gcc-close{
  position:absolute;
  top:22px;
  right:24px;
  z-index:5;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(4,4,4,.92);
  color:#f3eee5;
  font:300 2rem/1 Georgia,serif;
  transition:border-color .16s ease,background .16s ease;
}
.gcc-close:hover,.gcc-close:focus-visible{border-color:#fff;background:rgba(28,28,28,.96)}
.gcc-players{
  min-height:0;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  padding:0 26px;
  overflow:hidden;
}
.gcc-player{
  min-width:0;
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:176px 16px 38px minmax(0,1fr) 38px;
  gap:8px;
  padding:10px 14px 12px;
  border:1px solid rgba(255,255,255,.34);
  background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(2,2,2,.97));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  overflow:hidden;
}
.gcc-player-head{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.16);
  display:grid;
  grid-template-columns:42% 58%;
  align-items:center;
  background:linear-gradient(90deg,rgba(15,15,15,.92),rgba(3,3,3,.98));
}
.gcc-player-art{
  align-self:stretch;
  background-image:
    linear-gradient(90deg,transparent 56%,rgba(0,0,0,.90) 100%),
    var(--gcc-portrait);
  background-size:auto 150%;
  background-position:center 24%;
  background-repeat:no-repeat;
  filter:grayscale(.16) contrast(1.04);
  opacity:.94;
}
.gcc-player-1 .gcc-player-art{background-size:auto 142%;background-position:center 35%}
.gcc-player-2 .gcc-player-art{background-size:auto 130%;background-position:center 28%}
.gcc-player-copy{min-width:0;padding:0 18px 0 10px;display:flex;flex-direction:column;justify-content:center;gap:9px}
.gcc-player-copy>small{font:600 .78rem/1 Georgia,serif;letter-spacing:.26em;color:#cfc7bb}
.gcc-player-copy h3{margin:0;font:400 clamp(1.7rem,2vw,2.2rem)/1 Georgia,serif;letter-spacing:.12em;color:#f2ede4}
.gcc-pad-assign{display:grid;gap:6px;color:#ddd5c8;font:400 1rem/1 Georgia,serif}
.gcc-pad-assign select{
  width:100%;
  min-width:0;
  height:42px;
  padding:0 44px 0 14px;
  border:1px solid rgba(255,255,255,.34);
  background:#080808;
  color:#f1ece3;
  font:400 .95rem/1 system-ui,sans-serif;
  appearance:auto;
}
.gcc-divider{display:flex;align-items:center;gap:10px;padding:0 6px}
.gcc-divider span{height:1px;background:rgba(255,255,255,.30);flex:1}
.gcc-divider i{width:11px;height:11px;border:1px solid rgba(255,255,255,.48);transform:rotate(45deg)}
.gcc-table-head,.gcc-row{
  display:grid;
  grid-template-columns:minmax(150px,1.45fr) minmax(120px,.82fr) minmax(130px,.9fr);
  align-items:center;
  column-gap:12px;
}
.gcc-table-head{
  padding:0 8px;
  border-bottom:1px solid rgba(255,255,255,.32);
  color:#cbc3b6;
  font:600 .75rem/1 Georgia,serif;
  letter-spacing:.24em;
}
.gcc-table-head span:nth-child(2),.gcc-table-head span:nth-child(3){text-align:center}
.gcc-bindings{
  min-height:0;
  display:grid;
  grid-template-rows:repeat(9,minmax(0,1fr));
  overflow:hidden;
}
.gcc-row{
  min-height:0;
  padding:3px 8px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.gcc-row:last-child{border-bottom:0}
.gcc-action{
  min-width:0;
  color:#eee7dc;
  font:400 clamp(.88rem,1vw,1.03rem)/1.08 Georgia,'Times New Roman',serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gcc-key,.gcc-pad select{
  width:100%;
  min-width:0;
  height:32px;
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(180deg,rgba(15,15,15,.96),rgba(5,5,5,.99));
  color:#f2ece3;
  text-align:center;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.gcc-key{display:grid;place-items:center;padding:0 8px}
.gcc-key kbd{font:600 .88rem/1 system-ui,sans-serif;color:inherit;background:none;border:0;box-shadow:none;padding:0}
.gcc-key:hover,.gcc-key:focus-visible,.gcc-key.listening,.gcc-pad select:hover,.gcc-pad select:focus-visible{border-color:rgba(255,255,255,.76);background:rgba(255,255,255,.07)}
.gcc-key.listening{color:#fff;background:rgba(120,12,12,.34);border-color:rgba(207,61,61,.82)}
.gcc-pad{display:block;min-width:0}
.gcc-pad select{padding:0 8px;font:600 .82rem/1 system-ui,sans-serif;text-align:center;text-align-last:center}
.gcc-reset{
  justify-self:end;
  align-self:end;
  height:32px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.62);
  color:#aaa194;
  font:600 .72rem/1 Georgia,serif;
  letter-spacing:.12em;
}
.gcc-reset:hover,.gcc-reset:focus-visible{color:#f0e8dc;border-color:rgba(255,255,255,.42)}
.gcc-footer{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 26px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.28);
}
.gcc-back{
  min-width:320px;
  height:54px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(4,4,4,.93);
  color:#eee7dc;
  font:600 .88rem/1 Georgia,serif;
  letter-spacing:.19em;
}
.gcc-back kbd{display:grid;place-items:center;min-width:42px;height:34px;border:1px solid rgba(255,255,255,.30);background:#090909;color:#f2ece3;font:600 .85rem/1 system-ui,sans-serif}
.gcc-back:hover,.gcc-back:focus-visible{border-color:#fff;background:rgba(255,255,255,.05)}
.gcc-footer p{margin:0;max-width:560px;text-align:right;color:#8f877d;font:400 .78rem/1.3 system-ui,sans-serif}

@media (max-height:820px) and (min-width:981px){
  .gcc-shell{height:calc(100dvh - 16px);grid-template-rows:92px minmax(0,1fr) 58px;gap:10px;padding:14px 20px 12px}
  .gcc-header{padding-left:18px;padding-right:86px;gap:7px}.gcc-header h2{font-size:2.75rem}.gcc-header>small{font-size:.68rem}.gcc-close{top:16px;right:20px;width:46px;height:46px;font-size:1.7rem}
  .gcc-players{padding:0 18px;gap:16px}.gcc-player{grid-template-rows:126px 12px 30px minmax(0,1fr) 30px;gap:5px;padding:8px 10px}.gcc-player-copy{gap:6px;padding-right:10px}.gcc-player-copy h3{font-size:1.5rem}.gcc-player-copy>small{font-size:.66rem}.gcc-pad-assign{gap:4px;font-size:.82rem}.gcc-pad-assign select{height:34px;font-size:.8rem}
  .gcc-table-head,.gcc-row{grid-template-columns:minmax(120px,1.4fr) minmax(90px,.8fr) minmax(105px,.9fr);column-gap:8px}.gcc-table-head{font-size:.63rem;letter-spacing:.16em}.gcc-row{padding:2px 6px}.gcc-action{font-size:.78rem}.gcc-key,.gcc-pad select{height:26px}.gcc-key kbd,.gcc-pad select{font-size:.72rem}.gcc-reset{height:27px;font-size:.62rem}
  .gcc-footer{margin:0 18px;padding-top:6px}.gcc-back{min-width:270px;height:44px;font-size:.72rem}.gcc-back kbd{height:28px}.gcc-footer p{font-size:.67rem}
}
@media (max-width:980px){
  #grim-controls-screen{overflow:auto;padding:8px;place-items:start center}
  .gcc-shell{width:calc(100vw - 12px);height:auto;min-height:calc(100dvh - 12px);grid-template-rows:auto auto auto;gap:12px;padding:14px 12px}.gcc-header{padding:0 64px 0 8px}.gcc-header h2{font-size:clamp(2rem,8vw,3rem);justify-self:start}.gcc-close{top:14px;right:14px;width:46px;height:46px}.gcc-players{grid-template-columns:1fr;padding:0 6px;overflow:visible}.gcc-player{height:auto;grid-template-rows:132px 14px 34px auto 34px}.gcc-bindings{grid-template-rows:repeat(9,42px)}.gcc-table-head,.gcc-row{grid-template-columns:minmax(120px,1.3fr) minmax(86px,.75fr) minmax(98px,.9fr);column-gap:7px}.gcc-footer{margin:0 6px;flex-direction:column;align-items:stretch}.gcc-back{min-width:0;width:100%;justify-content:center}.gcc-footer p{text-align:center;max-width:none}
}

/* ==========================================================
   V20.10.40.18.1 · AJUSTE FINO EDITOR DE ASIGNACIONES
   Referencia: panel alto, cabeceras con retrato, filas limpias,
   botones sin solaparse y proporciones estables en escritorio.
   ========================================================== */
@media (min-width:981px){
  #grim-controls-screen{
    padding:8px!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.82)),
      radial-gradient(circle at 50% 105%,rgba(125,0,0,.13),transparent 22%),
      url('assets/ui41/slot-screen-bg.webp') center/cover no-repeat!important;
  }
  .gcc-shell{
    width:min(1500px,calc(100vw - 22px))!important;
    height:min(940px,calc(100dvh - 16px))!important;
    grid-template-rows:108px minmax(0,1fr) 64px!important;
    gap:12px!important;
    padding:14px 22px 12px!important;
  }
  .gcc-header{
    padding:0 90px 0 22px!important;
    gap:8px!important;
  }
  .gcc-header>small{font-size:.74rem!important;letter-spacing:.32em!important}
  .gcc-header h2{
    font-size:clamp(2.75rem,3.6vw,3.75rem)!important;
    letter-spacing:.085em!important;
  }
  .gcc-close{
    top:14px!important;
    right:18px!important;
    width:52px!important;
    height:52px!important;
    font-size:1.85rem!important;
  }
  .gcc-players{
    gap:18px!important;
    padding:0 22px!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .gcc-player{
    height:100%!important;
    padding:10px 12px 10px!important;
    grid-template-rows:176px 14px 34px minmax(324px,1fr) 36px!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  .gcc-player-head{
    grid-template-columns:39% 61%!important;
    min-height:176px!important;
    background:linear-gradient(90deg,rgba(10,10,10,.98),rgba(2,2,2,.99))!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  .gcc-player-art{
    background-image:
      linear-gradient(90deg,transparent 70%,rgba(0,0,0,.92) 100%),
      var(--gcc-portrait)!important;
    background-size:cover!important;
    background-position:center center!important;
    filter:none!important;
    opacity:1!important;
  }
  .gcc-player-1 .gcc-player-art,
  .gcc-player-2 .gcc-player-art{
    background-size:cover!important;
    background-position:center center!important;
  }
  .gcc-player-copy{
    padding:0 16px 0 12px!important;
    gap:8px!important;
  }
  .gcc-player-copy>small{font-size:.72rem!important;letter-spacing:.24em!important}
  .gcc-player-copy h3{font-size:clamp(1.6rem,1.85vw,2rem)!important;letter-spacing:.10em!important}
  .gcc-pad-assign{gap:5px!important;font-size:.94rem!important}
  .gcc-pad-assign select{
    height:40px!important;
    font-size:.9rem!important;
  }
  .gcc-divider{padding:0 4px!important}
  .gcc-table-head,.gcc-row{
    grid-template-columns:minmax(150px,1.35fr) minmax(116px,.78fr) minmax(132px,.9fr)!important;
    column-gap:10px!important;
  }
  .gcc-table-head{
    padding:0 7px!important;
    font-size:.70rem!important;
    letter-spacing:.21em!important;
  }
  .gcc-bindings{
    grid-template-rows:repeat(9,minmax(34px,1fr))!important;
    overflow:hidden!important;
  }
  .gcc-row{
    min-height:34px!important;
    padding:2px 7px!important;
  }
  .gcc-action{
    font-size:clamp(.84rem,.92vw,.98rem)!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .gcc-key,.gcc-pad select{
    height:30px!important;
    min-height:30px!important;
  }
  .gcc-key kbd,.gcc-pad select{font-size:.80rem!important}
  .gcc-reset{
    height:34px!important;
    min-height:34px!important;
    padding:0 14px!important;
    font-size:.68rem!important;
    align-self:center!important;
    justify-self:end!important;
  }
  .gcc-footer{
    margin:0 22px!important;
    padding-top:8px!important;
    gap:18px!important;
  }
  .gcc-back{
    min-width:300px!important;
    height:48px!important;
    padding:0 18px!important;
    font-size:.78rem!important;
  }
  .gcc-back kbd{height:30px!important;min-width:40px!important}
  .gcc-footer p{font-size:.70rem!important;max-width:520px!important}
}

/* Portátiles / navegador con altura útil menor: conserva todas las filas sin solaparlas. */
@media (min-width:981px) and (max-height:860px){
  .gcc-shell{
    height:calc(100dvh - 12px)!important;
    grid-template-rows:88px minmax(0,1fr) 52px!important;
    gap:8px!important;
    padding:10px 18px 9px!important;
  }
  .gcc-header{padding:0 74px 0 16px!important;gap:5px!important}
  .gcc-header>small{font-size:.62rem!important}
  .gcc-header h2{font-size:2.55rem!important}
  .gcc-close{top:10px!important;right:14px!important;width:44px!important;height:44px!important;font-size:1.55rem!important}
  .gcc-players{padding:0 16px!important;gap:14px!important}
  .gcc-player{
    grid-template-rows:136px 12px 28px minmax(297px,1fr) 30px!important;
    gap:4px!important;
    padding:7px 9px 7px!important;
  }
  .gcc-player-head{min-height:136px!important;grid-template-columns:38% 62%!important}
  .gcc-player-copy{padding:0 10px 0 8px!important;gap:5px!important}
  .gcc-player-copy>small{font-size:.60rem!important}
  .gcc-player-copy h3{font-size:1.35rem!important}
  .gcc-pad-assign{font-size:.76rem!important;gap:3px!important}
  .gcc-pad-assign select{height:31px!important;font-size:.76rem!important}
  .gcc-table-head,.gcc-row{grid-template-columns:minmax(118px,1.3fr) minmax(86px,.76fr) minmax(100px,.9fr)!important;column-gap:7px!important}
  .gcc-table-head{font-size:.58rem!important;letter-spacing:.15em!important;padding:0 5px!important}
  .gcc-bindings{grid-template-rows:repeat(9,minmax(30px,1fr))!important}
  .gcc-row{min-height:30px!important;padding:1px 5px!important}
  .gcc-action{font-size:.72rem!important}
  .gcc-key,.gcc-pad select{height:26px!important;min-height:26px!important}
  .gcc-key kbd,.gcc-pad select{font-size:.67rem!important}
  .gcc-reset{height:28px!important;min-height:28px!important;font-size:.58rem!important;padding:0 11px!important}
  .gcc-footer{margin:0 16px!important;padding-top:5px!important}
  .gcc-back{min-width:250px!important;height:40px!important;font-size:.66rem!important;gap:14px!important}
  .gcc-back kbd{height:26px!important;min-width:36px!important;font-size:.72rem!important}
  .gcc-footer p{font-size:.59rem!important;max-width:480px!important}
}

/* ==========================================================
   V20.10.40.18.2 · HOTFIX FINAL BOTONES RESTABLECER VISIBLES
   Ajuste extra para laptops/ventanas medianas: evita el corte
   del botón inferior dentro de cada panel J1/J2.
   ========================================================== */
@media (min-width:981px) and (max-height:860px){
  .gcc-shell{
    grid-template-rows:84px minmax(0,1fr) 50px!important;
    gap:7px!important;
    padding:9px 16px 8px!important;
  }
  .gcc-header{
    padding:0 72px 0 14px!important;
    gap:4px!important;
  }
  .gcc-header h2{font-size:2.42rem!important;line-height:.94!important}
  .gcc-players{padding:0 14px!important;gap:12px!important}
  .gcc-player{
    grid-template-rows:126px 10px 24px minmax(0,1fr) 30px!important;
    gap:3px!important;
    padding:6px 8px 8px!important;
  }
  .gcc-player-head{
    min-height:126px!important;
    grid-template-columns:38% 62%!important;
  }
  .gcc-player-copy{gap:4px!important;padding:0 9px 0 8px!important}
  .gcc-player-copy>small{font-size:.58rem!important}
  .gcc-player-copy h3{font-size:1.28rem!important}
  .gcc-pad-assign{font-size:.74rem!important;gap:2px!important}
  .gcc-pad-assign select{height:29px!important;font-size:.74rem!important}
  .gcc-divider{padding:0 3px!important}
  .gcc-divider i{width:9px!important;height:9px!important}
  .gcc-table-head,.gcc-row{
    grid-template-columns:minmax(112px,1.28fr) minmax(82px,.76fr) minmax(96px,.88fr)!important;
    column-gap:6px!important;
  }
  .gcc-table-head{
    font-size:.56rem!important;
    letter-spacing:.14em!important;
    padding:0 4px!important;
  }
  .gcc-bindings{
    grid-template-rows:repeat(9,minmax(28px,1fr))!important;
    align-content:stretch!important;
  }
  .gcc-row{
    min-height:28px!important;
    padding:1px 4px!important;
  }
  .gcc-action{font-size:.69rem!important;line-height:1.02!important}
  .gcc-key,.gcc-pad select{height:24px!important;min-height:24px!important}
  .gcc-key kbd,.gcc-pad select{font-size:.64rem!important}
  .gcc-reset{
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    font-size:.56rem!important;
    margin-top:2px!important;
    align-self:end!important;
  }
  .gcc-footer{margin:0 14px!important;padding-top:4px!important}
  .gcc-back{min-width:238px!important;height:38px!important;font-size:.64rem!important;gap:12px!important}
  .gcc-back kbd{height:24px!important;min-width:34px!important;font-size:.68rem!important}
  .gcc-footer p{font-size:.56rem!important;max-width:430px!important}
}