:root{--xp-gold:#d4af37;--xp-gold2:#e6c75f;--xp-ink:#efe8d6;--xp-muted:#b9b0a0;--xp-panel:#111821;--xp-line:rgba(212,175,55,.28);--xp-paper:#d7c39a;--xp-paper2:#bda272}
.xp-hero{position:relative;overflow:hidden;padding:clamp(78px,10vw,138px) 0 70px;border-bottom:1px solid var(--xp-line);background:radial-gradient(circle at 70% 15%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#101824,#070a0f)}
.xp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent 60%);pointer-events:none}.xp-hero__inner{position:relative;z-index:1}.xp-kicker{font:700 .72rem 'Cinzel',serif;letter-spacing:.2em;text-transform:uppercase;color:var(--xp-gold2)}.xp-hero h1,.xp-title{font-family:'Cinzel',serif;color:var(--xp-gold2);text-transform:uppercase;letter-spacing:.045em}.xp-hero h1{font-size:clamp(2.5rem,7vw,5.7rem);line-height:.98;margin:.5rem 0 1rem}.xp-hero p{max-width:760px;font:clamp(1.05rem,2vw,1.3rem) 'Marcellus',serif;color:#ded4bf;line-height:1.65}.xp-section{padding:58px 0}.xp-section--tight{padding-top:24px}.xp-title{font-size:clamp(1.7rem,3.5vw,2.7rem);margin:0 0 1rem}.xp-lead{font:1.08rem 'Marcellus',serif;color:var(--xp-muted);line-height:1.72;max-width:860px}.xp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.xp-card{border:1px solid var(--xp-line);background:linear-gradient(155deg,rgba(22,30,39,.96),rgba(10,14,19,.98));padding:24px;min-width:0;position:relative;overflow:hidden}.xp-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(212,175,55,.08);pointer-events:none}.xp-card h2,.xp-card h3{font-family:'Cinzel',serif;color:var(--xp-gold2);margin:.3rem 0 .7rem}.xp-card p{font:1rem 'Marcellus',serif;color:var(--xp-muted);line-height:1.62}.xp-icon{font-size:2.1rem}.xp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.15rem;border:1px solid var(--xp-gold);border-radius:6px;background:linear-gradient(#efd08c,#c9a253);color:#151008;text-decoration:none;font:700 .72rem 'Cinzel',serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.xp-btn--ghost{background:rgba(212,175,55,.06);color:var(--xp-gold2)}.xp-btn--dark{background:#19130e;color:#e8d4a6}.xp-chip{display:inline-flex;padding:.42rem .68rem;border:1px solid var(--xp-line);color:var(--xp-gold2);font:600 .67rem 'Cinzel',serif;letter-spacing:.05em;text-transform:uppercase}.xp-callout{border-left:3px solid var(--xp-gold);background:rgba(212,175,55,.06);padding:18px 20px;font:1.06rem 'Marcellus',serif;color:#d9cfbb;line-height:1.65}.xp-search{width:100%;padding:14px 15px;border:1px solid var(--xp-line);background:#0d131a;color:#fff;border-radius:8px;font-size:16px}.xp-progress{height:7px;background:#202731;border-radius:99px;overflow:hidden}.xp-progress>span{display:block;height:100%;background:linear-gradient(90deg,#b98d42,#efd696);transition:width .3s}.xp-question{max-width:830px;margin:0 auto}.xp-question h2{font:600 clamp(1.55rem,4vw,2.35rem) 'Cinzel',serif;color:var(--xp-gold2);line-height:1.3}.xp-answers{display:grid;gap:11px;margin-top:24px}.xp-answer{width:100%;text-align:left;border:1px solid var(--xp-line);background:#111820;color:#e9dfcc;padding:17px 18px;border-radius:8px;font:1.03rem 'Marcellus',serif;cursor:pointer;transition:.16s}.xp-answer:hover,.xp-answer:focus{border-color:#d5b36b;background:#18212b;outline:none}.xp-result{max-width:860px;margin:auto;text-align:center}.xp-result__mark{font-size:4.5rem}.xp-bars{display:grid;gap:12px;margin:28px auto;max-width:600px;text-align:left}.xp-bar-row{display:grid;grid-template-columns:110px 1fr 48px;gap:10px;align-items:center;font-size:.82rem}.xp-bar{height:8px;background:#242a32;border-radius:99px;overflow:hidden}.xp-bar span{display:block;height:100%;background:linear-gradient(90deg,#b88d45,#ecd18e)}
/* Marauder map */
.map-wrap{background:#0a0c0e;padding:30px 0 70px}.marauder-shell{position:relative;max-width:1120px;margin:auto;min-height:680px;border:1px solid #7f6745;background:#c8b184;color:#312517;box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 0 80px rgba(75,48,22,.22);overflow:hidden}.marauder-shell:before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 20% 20%,#5b4028 0 1px,transparent 1px),radial-gradient(circle at 72% 38%,#5b4028 0 1px,transparent 1px);background-size:26px 31px,37px 41px}.map-seal{position:relative;z-index:5;min-height:680px;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at center,rgba(250,231,188,.38),transparent 52%)}.map-seal__inner{max-width:650px}.map-seal h1{font:700 clamp(2.1rem,6vw,4.8rem) 'Cinzel',serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 1rem}.map-seal p{font:italic 1.15rem 'Marcellus',serif;line-height:1.65}.map-seal button{margin-top:22px}.marauder-map{display:none;position:relative;z-index:2;min-height:680px;padding:26px}.marauder-shell.is-open .map-seal{display:none}.marauder-shell.is-open .marauder-map{display:block}.map-head{text-align:center;border-bottom:1px solid rgba(70,48,26,.4);padding-bottom:18px}.map-head h1{font:700 clamp(1.7rem,4vw,3.2rem) 'Cinzel',serif;margin:.2rem}.map-head p{font:italic 1rem 'Marcellus',serif}.map-stage{position:relative;min-height:520px;margin:20px 0;background:linear-gradient(90deg,transparent 49.7%,rgba(68,45,25,.22) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(68,45,25,.16) 50%,transparent 50.3%)}.map-line{position:absolute;border:2px solid rgba(65,43,25,.34);border-radius:50%;transform:rotate(var(--r,0deg))}.map-line.one{left:9%;top:12%;width:78%;height:70%}.map-line.two{left:24%;top:25%;width:48%;height:42%;border-radius:18%}.map-line.three{left:42%;top:5%;width:16%;height:88%;border-left-style:dashed;border-right-style:dashed}.map-node{position:absolute;transform:translate(-50%,-50%);z-index:3;border:1px solid rgba(55,35,18,.55);background:rgba(223,201,156,.86);color:#2e2116;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;font-size:1.3rem;box-shadow:0 3px 10px rgba(74,43,18,.2)}.map-node:after{content:attr(data-label);position:absolute;top:52px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 .62rem 'Cinzel',serif;letter-spacing:.03em;text-transform:uppercase}.map-node.is-active{background:#4e3421;color:#ead3a5}.map-footprint{position:absolute;z-index:1;font-size:13px;opacity:.38;animation:footFade 3.4s ease-in-out infinite}.map-footprint:nth-of-type(odd){transform:rotate(25deg)}@keyframes footFade{0%,100%{opacity:.12}50%{opacity:.6}}.map-detail{border:1px solid rgba(65,43,25,.35);background:rgba(234,216,178,.7);padding:20px;min-height:145px}.map-detail h2{font:700 1.35rem 'Cinzel',serif;margin:0 0 .5rem}.map-detail p{font:1.02rem 'Marcellus',serif;line-height:1.6;margin:.3rem 0}.map-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.map-actions .xp-btn{border-color:#5d4328}.map-mobile-list{display:none}
/* potion */.lab{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingredient{border:1px solid var(--xp-line);background:#141b23;color:#ece1ca;padding:14px;border-radius:7px;cursor:pointer;text-align:left}.ingredient.is-used{opacity:.38}.cauldron{min-height:310px;display:grid;place-items:center;border:1px solid var(--xp-line);background:radial-gradient(circle at 50% 45%,rgba(88,148,120,.18),transparent 30%),#080c10;position:relative}.cauldron__pot{width:220px;height:125px;border-radius:15px 15px 100px 100px;background:#1d2428;border:5px solid #454b4c;position:relative;box-shadow:inset 0 20px 40px rgba(0,0,0,.6)}.cauldron__liquid{position:absolute;left:13px;right:13px;top:9px;height:28px;border-radius:50%;background:#5b9b75;box-shadow:0 0 28px rgba(91,155,117,.5)}.cauldron__status{text-align:center;color:#cdbf9e;font:1rem 'Marcellus',serif;margin-top:18px}
/* newspaper */.prophet{background:#d5c5a0;color:#2a2219;border:1px solid #766044;padding:clamp(20px,4vw,44px);box-shadow:inset 0 0 80px rgba(87,59,30,.14)}.prophet__mast{font:700 clamp(2.5rem,8vw,6rem) 'Cinzel',serif;text-align:center;text-transform:uppercase;border-top:4px double #463827;border-bottom:4px double #463827;padding:10px 0}.prophet__date{text-align:center;font:italic .9rem 'Marcellus',serif;margin:8px}.prophet-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.prophet article{border-bottom:1px solid #786748;padding:18px 0}.prophet h2,.prophet h3{font-family:'Cinzel',serif;line-height:1.15}.prophet p{font:1rem 'Marcellus',serif;line-height:1.55}.prophet__lead h2{font-size:clamp(2rem,5vw,4rem)}
/* carnet */.id-preview{max-width:760px;margin:auto;background:linear-gradient(135deg,#d7c19a,#b59a6c);color:#2e2419;border:1px solid #7a613d;padding:24px;position:relative;box-shadow:inset 0 0 60px rgba(59,38,17,.2)}.id-preview__top{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #604a30;padding-bottom:12px}.id-preview__body{display:grid;grid-template-columns:150px 1fr;gap:18px;margin-top:18px}.id-photo{aspect-ratio:3/4;border:3px double #695238;background:#a69069;display:grid;place-items:center;overflow:hidden}.id-photo img{width:100%;height:100%;object-fit:cover}.id-data dl{display:grid;grid-template-columns:120px 1fr;gap:7px 12px}.id-data dt{font:700 .7rem 'Cinzel',serif;text-transform:uppercase}.id-data dd{margin:0;font:1rem 'Marcellus',serif}.id-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin:25px auto}.id-form label{display:grid;gap:5px;color:#d8cfbd;font-size:.8rem}.id-form input,.id-form select{padding:12px;background:#10161d;border:1px solid var(--xp-line);color:white;border-radius:6px;font-size:16px}
@media(max-width:900px){.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prophet-grid,.lab{grid-template-columns:1fr}}
@media(max-width:600px){.xp-grid{grid-template-columns:1fr}.xp-section{padding:42px 0}.marauder-shell,.map-seal{min-height:620px}.marauder-map{padding:16px}.map-stage{display:none}.map-mobile-list{display:grid;gap:8px;margin:18px 0}.map-mobile-list button{padding:12px;border:1px solid rgba(65,43,25,.35);background:rgba(234,216,178,.55);color:#302318;text-align:left;font:700 .74rem 'Cinzel',serif}.xp-bar-row{grid-template-columns:88px 1fr 42px}.ingredient-grid{grid-template-columns:1fr}.id-preview__body{grid-template-columns:100px 1fr}.id-data dl{grid-template-columns:80px 1fr}.id-form{grid-template-columns:1fr}.prophet__mast{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.map-footprint{animation:none}.xp-progress>span{transition:none}}

/* === Carné mágico premium === */
.id-hero{background:radial-gradient(circle at 78% 24%,rgba(212,176,101,.17),transparent 25%),radial-gradient(circle at 16% 70%,rgba(92,117,148,.12),transparent 28%),linear-gradient(145deg,#101824,#070a0f)}
.id-page{max-width:1250px}.id-layout{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:34px;align-items:start}.id-editor{position:sticky;top:94px;border:1px solid var(--xp-line);background:linear-gradient(160deg,rgba(22,30,39,.96),rgba(9,13,18,.98));padding:24px}.id-editor__head h2{font:600 1.55rem 'Cinzel',serif;color:var(--xp-gold2);margin:.4rem 0}.id-editor__head p,.id-hint{font:1rem 'Marcellus',serif;color:var(--xp-muted);line-height:1.55}.id-form--premium{grid-template-columns:1fr;margin:22px 0 0}.id-form--premium label{font:600 .7rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.05em;color:#d7ccb7}.id-form--premium input,.id-form--premium select{margin-top:3px}.id-editor__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.id-editor__actions .xp-btn{width:100%}.id-showcase{min-width:0}.id-view-switch{display:flex;justify-content:center;gap:7px;margin-bottom:13px}.id-view-switch button{border:1px solid var(--xp-line);background:#0d131a;color:#bfb5a2;padding:9px 15px;border-radius:999px;font:700 .68rem 'Cinzel',serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.id-view-switch button.is-active{color:#181109;background:linear-gradient(#efd08c,#c9a253);border-color:#d6b36a}
.magic-id{--house:#7c2530;--house2:#d9b05b;position:relative;width:100%;aspect-ratio:1.62/1;min-height:430px;border-radius:20px;overflow:hidden;color:#2a2015;background:linear-gradient(120deg,rgba(244,226,184,.97),rgba(194,166,111,.96));border:1px solid #8b6a3b;box-shadow:0 25px 80px rgba(0,0,0,.45),inset 0 0 0 5px rgba(63,42,21,.1),inset 0 0 80px rgba(62,38,14,.18)}.magic-id.house-gryffindor{--house:#7b2430;--house2:#d7aa52}.magic-id.house-slytherin{--house:#1c543b;--house2:#b8b8ac}.magic-id.house-ravenclaw{--house:#25486c;--house2:#c38d47}.magic-id.house-hufflepuff{--house:#d0a51c;--house2:#302b23}.magic-id:before{content:"";position:absolute;inset:10px;border:1px solid rgba(63,44,24,.45);border-radius:14px;pointer-events:none;z-index:8}.magic-id:after{content:"";position:absolute;inset:17px;border:1px solid rgba(120,88,45,.26);border-radius:10px;pointer-events:none;z-index:8}.magic-id__foil{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 18% 22%,#6e4d2e 0 1px,transparent 1px),radial-gradient(circle at 72% 70%,#6e4d2e 0 1px,transparent 1px),repeating-linear-gradient(118deg,transparent 0 20px,rgba(255,255,255,.15) 21px,transparent 22px 41px);background-size:29px 31px,37px 43px,auto;pointer-events:none}.magic-id__watermark{position:absolute;right:6%;bottom:-17%;font:700 min(32vw,330px) 'Cinzel',serif;color:var(--house);opacity:.07;line-height:1;pointer-events:none}.id-side{position:absolute;inset:0;padding:34px 38px;display:none;z-index:3}.id-side.is-visible{display:block}.magic-id__header{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(70,48,24,.5)}.magic-id__seal{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;position:relative;color:#f2d58e;background:radial-gradient(circle,#4a3721 0 54%,#231a12 56%);border:2px solid #a98243;box-shadow:0 0 0 3px rgba(91,64,32,.2)}.magic-id__seal span{position:absolute;top:7px;font-size:.8rem}.magic-id__seal b{font:700 2rem 'Cinzel',serif;line-height:1}.magic-id__seal small{position:absolute;bottom:8px;font:700 .48rem 'Cinzel',serif;letter-spacing:.17em}.magic-id__school span{display:block;font:700 .68rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.17em;color:#765728}.magic-id__school strong{display:block;font:700 clamp(1.1rem,2.2vw,1.65rem) 'Cinzel',serif;text-transform:uppercase;letter-spacing:.035em}.magic-id__school small{font:italic .78rem 'Marcellus',serif;color:#644e35}.magic-id__serial{text-align:right}.magic-id__serial small{display:block;font:700 .55rem 'Cinzel',serif;letter-spacing:.12em;color:#765728}.magic-id__serial strong{font:700 .72rem 'Cinzel',serif}.magic-id__content{display:grid;grid-template-columns:160px 1fr;gap:25px;padding:22px 0 16px}.magic-id__portrait-wrap{position:relative}.magic-id__portrait{border:2px solid #5e452a;box-shadow:0 0 0 5px rgba(255,246,218,.25),0 6px 18px rgba(43,28,13,.22);background:linear-gradient(145deg,#aa9168,#806a4c)}.magic-id__portrait #idPhotoEmpty{display:grid;place-items:center;gap:8px;text-align:center;color:#473722}.magic-id__portrait #idPhotoEmpty b{font-size:2rem}.magic-id__portrait #idPhotoEmpty small{font:700 .58rem 'Cinzel',serif;letter-spacing:.13em}.magic-id__house-ribbon{position:absolute;left:-8px;right:-8px;bottom:12px;padding:7px;text-align:center;background:linear-gradient(90deg,color-mix(in srgb,var(--house),#000 18%),var(--house));border:1px solid color-mix(in srgb,var(--house2),#000 12%);color:#fff4d4;text-shadow:0 1px 2px #000;font:700 .6rem 'Cinzel',serif;letter-spacing:.12em}.magic-id__identity{min-width:0}.magic-id__label{font:700 .57rem 'Cinzel',serif;letter-spacing:.14em;text-transform:uppercase;color:#795b31}.magic-id__identity h2{font:700 clamp(1.45rem,3vw,2.35rem) 'Cinzel',serif;margin:.2rem 0 .3rem;color:#302318;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.magic-id__rule{height:3px;width:90px;background:linear-gradient(90deg,var(--house),var(--house2));margin:7px 0 16px}.magic-id__identity dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin:0}.magic-id__identity dl div{border-bottom:1px solid rgba(81,56,30,.24);padding-bottom:7px;min-width:0}.magic-id__identity dl .wide{grid-column:1/-1}.magic-id__identity dt{font:700 .55rem 'Cinzel',serif;letter-spacing:.12em;text-transform:uppercase;color:#765a35}.magic-id__identity dd{margin:4px 0 0;font:1rem 'Marcellus',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.magic-id__footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid rgba(70,48,24,.42);padding-top:10px;font:700 .52rem 'Cinzel',serif;letter-spacing:.08em;text-transform:uppercase}.magic-id__status{display:inline-flex;align-items:center;gap:6px}.magic-id__status i{width:7px;height:7px;border-radius:50%;background:var(--house);box-shadow:0 0 0 3px color-mix(in srgb,var(--house),transparent 78%)}
.magic-id__back{padding:42px}.magic-id__back-head{display:flex;align-items:center;gap:17px;padding-bottom:18px;border-bottom:1px solid rgba(70,48,24,.45)}.magic-id__seal--small{width:58px;height:58px}.magic-id__back-head h2{font:700 clamp(1.4rem,3vw,2.2rem) 'Cinzel',serif;margin:.15rem 0;text-transform:uppercase}.magic-id__back-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;padding:25px 0}.magic-id__notice span{font:700 .6rem 'Cinzel',serif;letter-spacing:.13em;color:#765728}.magic-id__notice p{font:1.02rem 'Marcellus',serif;line-height:1.55;margin:.5rem 0}.magic-id__sigil{width:150px;height:150px;border-radius:50%;margin:auto;display:grid;place-items:center;border:2px double #715334;box-shadow:inset 0 0 0 9px rgba(86,61,32,.08);color:#644a2c}.magic-id__sigil span{font-size:1.4rem}.magic-id__sigil b{font:700 2rem 'Cinzel',serif}.magic-id__sigil small{font:700 .48rem 'Cinzel',serif;letter-spacing:.13em}.magic-id__back-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid rgba(70,48,24,.4);padding-top:15px}.magic-id__back-lines small{display:block;font:700 .48rem 'Cinzel',serif;letter-spacing:.1em;color:#775d39}.magic-id__back-lines strong{display:block;margin-top:4px;font:700 .67rem 'Cinzel',serif}.magic-id__disclaimer{position:absolute;left:42px;right:42px;bottom:27px;text-align:center;font:italic .66rem 'Marcellus',serif;color:#735d42}.id-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.id-hint{text-align:center;font-size:.9rem;max-width:650px;margin:10px auto 0}
@media(max-width:980px){.id-layout{grid-template-columns:1fr}.id-editor{position:static;max-width:760px;margin:auto}.magic-id{max-width:820px;margin:auto}}
@media(max-width:650px){.id-side{padding:23px 22px}.magic-id{aspect-ratio:auto;min-height:560px;border-radius:15px}.magic-id__header{grid-template-columns:auto 1fr}.magic-id__serial{grid-column:1/-1;text-align:left;display:flex;gap:8px;align-items:center}.magic-id__content{grid-template-columns:112px 1fr;gap:17px}.magic-id__identity dl{grid-template-columns:1fr}.magic-id__identity dl .wide{grid-column:auto}.magic-id__identity h2{white-space:normal;font-size:1.25rem}.magic-id__footer{flex-direction:column;align-items:flex-start}.magic-id__seal{width:58px;height:58px}.magic-id__seal b{font-size:1.5rem}.magic-id__back{padding:27px 24px}.magic-id__back-grid{grid-template-columns:1fr}.magic-id__sigil{width:105px;height:105px}.magic-id__back-lines{grid-template-columns:1fr;gap:9px}.magic-id__disclaimer{position:static;margin-top:18px}.magic-id__house-ribbon{font-size:.5rem}}
@media(max-width:420px){.magic-id{min-height:610px}.magic-id__content{grid-template-columns:92px 1fr;gap:12px}.magic-id__school small{display:none}.magic-id__identity dd{font-size:.9rem}.id-side{padding:21px 18px}.magic-id:before{inset:7px}.magic-id:after{inset:12px}}
@media print{body *{visibility:hidden!important}.magic-id,.magic-id *{visibility:visible!important}.magic-id{position:absolute!important;left:0;top:0;width:100%!important;max-width:none!important;box-shadow:none!important}.nav,.xp-hero,.id-editor,.id-view-switch,.id-actions,.id-hint,.pie{display:none!important}.id-side{display:none!important}.id-side.is-visible{display:block!important}}

/* === Mapa del Merodeador: reorganización móvil 2026-09 === */
@media(max-width:600px){
  .map-wrap{padding:14px 0 46px}
  .map-wrap>.envoltura{padding-left:10px;padding-right:10px}
  .marauder-shell{min-height:0;border-color:#70583b;border-radius:2px;box-shadow:0 14px 44px rgba(0,0,0,.48),inset 0 0 48px rgba(75,48,22,.18)}
  .map-seal{min-height:520px;padding:28px 18px}
  .map-seal__inner>div:first-child{font-size:3.2rem!important}
  .map-seal h1{font-size:clamp(1.8rem,10vw,2.65rem);line-height:1.05}
  .map-seal p{font-size:1.02rem;line-height:1.55}
  .map-seal .xp-btn{width:100%;max-width:330px;white-space:normal;line-height:1.35;padding:14px 16px}
  .marauder-map{padding:14px 12px 18px}
  .map-head{padding:4px 4px 14px}
  .map-head>span{display:block;font-size:.62rem;letter-spacing:.04em;line-height:1.4}
  .map-head h1{font-size:2.1rem;margin:.28rem 0}
  .map-head p{font-size:.92rem;line-height:1.45;margin:.3rem 0}

  /* Conservamos un mapa visual compacto en móvil en vez de esconderlo por completo. */
  .map-stage{display:block;min-height:300px;height:300px;margin:14px 0 16px;overflow:hidden;border:1px solid rgba(65,43,25,.3);background:
    radial-gradient(circle at 50% 46%,rgba(101,68,35,.08),transparent 48%),
    linear-gradient(90deg,transparent 49.5%,rgba(68,45,25,.16) 50%,transparent 50.5%),
    linear-gradient(0deg,transparent 49.5%,rgba(68,45,25,.13) 50%,transparent 50.5%);
  }
  .map-stage .map-line.one{left:6%;top:15%;width:86%;height:65%}
  .map-stage .map-line.two{left:20%;top:29%;width:60%;height:36%}
  .map-stage .map-line.three{left:45%;top:7%;width:10%;height:84%}
  .map-node{width:34px;height:34px;font-size:.92rem;border-width:1px;box-shadow:none}
  .map-node:after{display:none}
  .map-node.is-active{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 0 0 3px rgba(78,52,33,.18)}
  .map-footprint{font-size:10px}

  .map-mobile-explorer{display:block;margin:0}
  .map-mobile-mini{display:none}
  .map-mobile-help{margin:2px 2px 14px;text-align:center;font:italic .92rem 'Marcellus',serif;color:#5a4128;line-height:1.45}
  .map-mobile-group{margin:0 0 16px}
  .map-mobile-group h3{margin:0 0 7px;padding:0 2px;font:700 .72rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.08em;color:#4b3421}
  .map-mobile-list{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
  .map-mobile-list button{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid rgba(65,43,25,.3);background:rgba(239,222,185,.55);color:#302318;text-align:left;font:700 .72rem 'Cinzel',serif;border-radius:2px}
  .map-mobile-list button.is-active{background:#4e3421;color:#f1dbad;border-color:#4e3421}
  .map-mobile-list__icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(65,43,25,.2);background:rgba(255,246,221,.38);font-size:1rem;border-radius:50%}
  .map-mobile-list button.is-active .map-mobile-list__icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
  .map-mobile-list__arrow{font-size:1.25rem;text-align:right;opacity:.58}

  .map-detail{position:relative;margin-top:18px;padding:18px 16px 16px;min-height:0;border:1px solid rgba(65,43,25,.42);background:rgba(241,225,189,.78);box-shadow:inset 0 0 32px rgba(76,50,23,.08)}
  .map-detail:before{content:"EXPEDIENTE DEL MAPA";display:block;margin-bottom:9px;font:700 .58rem 'Cinzel',serif;letter-spacing:.13em;color:#755637}
  .map-detail h2{font-size:1.12rem;line-height:1.25;margin-bottom:.55rem}
  .map-detail p{font-size:.96rem;line-height:1.52}
  .map-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
  .map-actions .xp-btn{width:100%;text-align:center;white-space:normal;line-height:1.3;padding:12px 14px}
}