/* Focused fidelity pass for the annotated Halloween concept. Loaded after the shared event styles. */

.event-page .brand img{width:64px;height:64px;object-fit:contain}

.event-page .brand{gap:9px}

.event-page .brand small{font-size:9px;letter-spacing:.34em}

.event-page .brand strong{font-size:27px;letter-spacing:.06em}

.event-page .paths-intro{padding-top:26px;margin-bottom:0}



/* Completion belongs to the horizontal story timeline only. */

.event-page .act-stepper li[data-complete="true"] .step-number{border-color:#ba8fe9;color:#e3caff;box-shadow:0 2px 12px #9f63cf55,inset 0 0 9px #a56adc2b}

.event-page .act-stepper li[data-complete="true"] .step-number:before{content:none}

.event-page .act-stepper li[data-complete="true"] .step-label{color:#ddc4ff}

.event-page .act-stepper .step-completion{display:block;margin:-5px 0 0;color:#d9b8ff;font:600 11px/1.15 var(--font-body);letter-spacing:.025em}

.event-page .act-stepper .step-completion[hidden]{display:none}

.event-page .completion-fire{position:absolute;left:50%;top:50%;width:92px;height:100px;transform:translate(-50%,-60%);pointer-events:none;z-index:2;mix-blend-mode:screen}

.event-page .act-rail .rail-completion{margin-top:3px;color:#cdb987;font:600 10px/1.15 var(--font-body);letter-spacing:.025em}

.event-page .act-rail .rail-completion[hidden]{display:none}



.event-page .private-progress.wrap{width:100%;max-width:none;margin:0 0 24px;padding:22px 24px;border:1px solid #9d824a;background:linear-gradient(135deg,#071a13f5,#07110ff5 72%);box-shadow:inset 0 0 24px #0005,0 10px 24px #0003}

.event-page .private-progress h2{margin:0 0 7px;color:#f0d28f;font:400 27px/1.15 var(--font-display)}

.event-page .private-progress>#hw-progress-status{margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #a1884b55;color:#d9ceb4;font:15px/1.45 var(--font-body)}

.event-page #hw-progress-overview{margin:0 0 14px}

.event-page .progress-overview-card{padding:14px 16px;border:1px solid #84704b;background:linear-gradient(110deg,#111d17,#08130f 72%);box-shadow:inset 0 0 18px #0004}

.event-page .progress-overview-card h3{margin:0 0 10px;color:#eed18e;font:400 22px/1.2 var(--font-display)}

.event-page .progress-overview-meter{height:7px;overflow:hidden;background:#020b08;border:1px solid #766442}

.event-page .progress-overview-meter span{display:block;height:100%;background:linear-gradient(90deg,#8e62bb,#d0a4ff);box-shadow:0 0 12px #b782f5;transition:width .35s ease}

.event-page .progress-overview-count{margin:7px 0 12px;color:#d8cba9;font:12px/1.3 var(--font-body);letter-spacing:.04em}

.event-page .progress-overview-label{margin:0 0 4px;color:#d7b7ff;font:700 11px/1.25 var(--font-body);letter-spacing:.08em;text-transform:uppercase}

.event-page .progress-overview-next{margin:0;color:#eee4cc;font:14px/1.45 var(--font-body)}

.event-page #hw-progress-details{display:grid;gap:9px}

.event-page #hw-progress-details>p{margin:0;padding:10px 12px;border-left:2px solid #a98a4c;background:#0b1b15;color:#e2d8c1;font:14px/1.5 var(--font-body)}

.event-page #hw-progress-details>p.progress-note{border-left-color:#847050}

.event-page #hw-progress-details>p.private-sync-time{padding:0;border:0;background:transparent;color:#bdb39d;font-size:12px}

.event-page .progress-account-details{margin-top:12px;border-top:1px solid #8d774955;color:#e2d8c1}

.event-page .progress-account-details>summary{padding:10px 2px;color:#e2c887;font:14px/1.3 var(--font-body);cursor:pointer}

.event-page .progress-account-body{display:grid;gap:8px}

.event-page .progress-account-body>p{margin:0;padding:9px 11px;border-left:2px solid #81704b;background:#091610;color:#d7ceb9;font:12px/1.45 var(--font-body)}

.event-page .private-story-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0;padding:0;list-style:none;border:0}

.event-page .private-story-steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;min-height:52px;padding:8px 10px;border:1px solid #78674466;background:#091610;color:#e8dec5}

.event-page .private-story-steps .progress-step-mark{display:grid;place-items:center;width:23px;height:23px;border:1px solid #8f7a4c;border-radius:50%;color:#d8c28c;font:700 13px/1 var(--font-body)}

.event-page .private-story-steps li[data-complete="true"]{border-color:#7962a0;background:linear-gradient(105deg,#34234a77,#0b1712 58%);color:#f1e4ff}

.event-page .private-story-steps li[data-complete="true"] .progress-step-mark{border-color:#c7a5f3;background:#5c3d7e;color:#fff;box-shadow:0 0 10px #b982e866}

.event-page .progress-step-copy{display:grid;gap:3px;min-width:0}

.event-page .progress-step-state{color:#cdbb90;font:600 11px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase}

.event-page .private-story-steps li[data-complete="true"] .progress-step-state{color:#d6b7ff}

.event-page .progress-step-label{font:14px/1.35 var(--font-body);color:inherit}

.event-page .private-progress .actions{margin-top:16px}



.event-page .materials-grid{align-items:stretch}

.event-page .material-card{min-width:0;border-color:#8f7746;background:linear-gradient(145deg,#0b1b15,#06110d 72%);text-align:left}

.event-page .material-card .item-slot{width:52px;height:52px;margin:0 0 12px;border-color:#a58a4f;background:#06120d;border-radius:2px}

.event-page .material-card .item-slot img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}

.event-page .material-card h3,.event-page .material-card h4{margin:0 0 8px;color:#eed18e;font:400 21px/1.2 var(--font-display);overflow-wrap:anywhere}

.event-page .material-card p{margin:0 0 8px;color:#d9d0bb;font:14px/1.45 var(--font-body)}

.event-page .material-card .material-source{color:#f0e3c7;font-weight:600}

.event-page .material-card .material-rule{display:grid;gap:3px;margin-top:12px;padding-top:9px;border-top:1px solid #a1874d55;color:#cfc3a5;font:12px/1.4 var(--font-body)}

.event-page .material-card .material-rule strong{color:#e6ca8a;font-size:13px}

.event-page .native-drop-section{margin-top:22px;padding-top:15px;border-top:1px solid #a1884b55}

.event-page .native-drop-section>h4{margin:0 0 12px;color:#e2cc93;font:400 19px/1.25 var(--font-display)}

.event-page .native-drop-section .materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.event-page .native-drop-section .material-card{padding:13px}

.event-page .native-drop-section .material-card .item-slot{width:42px;height:42px;margin-bottom:9px}

.event-page .native-drop-section .material-card h3{font-size:17px}

.event-page .native-drop-section .material-card p{font-size:12px}

.event-page .native-drop-section .material-card .material-source{font-size:12px}

.event-page .final-reward-drops .material-card{padding:16px}



.event-page .act-location-points{display:grid;gap:8px;margin:10px 0 13px;padding:0;list-style:none;counter-reset:lantern}

.event-page .act-location-points li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #927b4966;background:#07150f}

.event-page .act-location-points strong{color:#ebd298;font:400 15px/1.25 var(--font-display)}

.event-page .act-location-points span{color:#c9bea4;font:12px/1.3 var(--font-body);white-space:nowrap}



.event-page .act-view[data-active-tab="drops"]>.explorer-info{display:none}

.event-page .act-view[data-active-tab="drops"]>.tab-panel[data-tab-panel="drops"]{grid-column:1/-1}



/* Scenery fills the story section; portraits never own or displace a background. */

.event-page .speaker-art{isolation:isolate;background:transparent}

.event-page .speaker-art:before{content:none}

.event-page .chapter-story .speaker-art{transform:none;margin:0;min-height:460px}

.event-page .chapter-story .speaker-art>.portrait{inset:-20px 34% 0 -8%;height:auto;max-height:none;overflow:hidden;clip-path:none;mask-image:none;z-index:0}

.event-page .chapter-story .speaker-art>.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none}

.event-page .chapter-story .diary-art img{object-position:center center}

body.event-page header#edenSharedNav .eden-nav-logo img{width:176px;height:auto;max-height:64px}

body.event-page #eden-navigation-shell{position:sticky;top:0;height:0;z-index:1000}

@media(min-width:993px) and (max-width:1200px){body.event-page header#edenSharedNav .eden-nav-logo img{width:144px;max-height:50px}body.event-page header#edenSharedNav .eden-nav-container{width:94%;gap:14px}body.event-page header#edenSharedNav .eden-nav-menu{gap:12px}}

@media(max-width:992px){body.event-page header#edenSharedNav .eden-nav-logo img{width:160px;max-height:55px}}

@media(max-width:600px){body.event-page header#edenSharedNav .eden-nav-logo img{width:140px;max-height:48px}}



@media(max-width:700px){

 .event-page .brand img{width:48px;height:50px}

 .event-page .brand strong{font-size:23px}

 .event-page .private-progress.wrap{padding:18px 15px}

 .event-page .private-progress h2{font-size:24px}

 .event-page .private-story-steps{grid-template-columns:1fr}

 .event-page .native-drop-section .materials-grid{grid-template-columns:1fr}

 .event-page .act-location-points li{grid-template-columns:1fr;gap:3px}

}



/* One layout and one spacing rule for every chapter rail. */

html{scroll-behavior:smooth;scroll-padding-top:24px}

.halloween :is(section[id],.tab-panel[id]){scroll-margin-top:24px}

@media(min-width:901px){.event-page .act-rail{height:auto;justify-content:flex-start;gap:8px;align-self:start}}

.event-page .act-view[data-active-tab="mapa"]>.explorer-info>.eyebrow{display:none}

.event-page .act-view[data-active-tab="mapa"]>.explorer-info{padding-top:0;margin-top:0}

.event-page .act-view[data-active-tab="mapa"]>.explorer-info h3{margin-top:0}

.event-page .compact-map .map-disclaimer{position:static;width:auto;margin:9px 0 0;font:12px/1.4 var(--font-body);color:#d0c5ab}

.event-page .compact-map .map-viewport{aspect-ratio:3/2}

.event-page .compact-map .map-canvas{aspect-ratio:auto;width:100%;height:100%}

.event-page .compact-map .map-art img{object-fit:cover}



/* Lantern and number form a single geographic anchor; the plaque reads to its right. */

.halloween .map-pin{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;min-height:44px;min-width:32px;width:max-content;padding:0;transform:translate(-16px,-50%);isolation:isolate;filter:drop-shadow(0 4px 5px #000d)}

.halloween .map-pin:before{content:"";position:absolute;inset:-9px -15px;z-index:-1;background:radial-gradient(ellipse,#000d 12%,#0009 40%,#0000 75%);pointer-events:none}

.halloween .map-pin>.pin-icon{flex:none;width:32px;height:32px;background:#0b1013ed;border:1px solid #bc9f63;box-shadow:0 3px 8px #0009}

.halloween .map-pin .icon{width:20px;height:23px;color:#f0d28f;stroke-width:1.4}

.halloween .map-pin b{position:absolute;left:-8px;top:50%;transform:translateY(-50%);margin:0;width:17px;height:17px;border:1px solid #19150d;z-index:3;box-shadow:0 2px 4px #0009}

.event-page .compact-map .map-pin>.pin-label{position:static;top:auto;bottom:auto;left:auto;transform:none;width:max-content;max-width:155px;min-height:30px;display:grid;align-items:center;white-space:normal;padding:1px 4px;border-width:7px;font:12px/1.15 var(--font-body);text-align:left;pointer-events:auto;box-shadow:0 3px 8px #000b}

.halloween .map-zoomed .map-pin>.pin-label{visibility:visible}



/* The game sprites and the event mechanics share one dossier component. */

.event-page .act-view[data-active-tab="monstros"]>.explorer-info{display:none}

.event-page .act-view[data-active-tab="monstros"]>.tab-panel{grid-column:1/-1}

.event-page .monster-chapter-note{display:flex;gap:15px;align-items:flex-start;padding:18px;border:1px solid #8f7746;background:#071610}

.event-page .monster-chapter-note>.icon{width:32px;height:36px;flex:none;color:#e4c477}

.event-page .monster-chapter-note h3{margin:0 0 9px;font:26px/1.15 var(--font-display);color:#ead09a}

.event-page .monster-chapter-note p{margin:0;font:15px/1.5 var(--font-body);color:#e0d4bb;max-width:85ch}

.event-page .monster-roster-title{display:flex;gap:10px;align-items:center;margin:26px 0 13px;font:24px/1.2 var(--font-display);color:#ead09a}

.event-page .monster-roster-title>.icon{width:25px;height:25px}

.event-page .monster-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.event-page .monster-dossier{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;min-width:0;padding:15px 12px;border:1px solid #806c43;background:linear-gradient(140deg,#10221a,#06110e 70%)}

.event-page .monster-sprite{display:grid;place-items:center;align-self:stretch;min-height:120px;background:radial-gradient(ellipse at 50% 78%,#b69b5530 0%,#09140f00 68%)}

.event-page .monster-sprite img{width:auto;height:auto;max-width:100%;max-height:130px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 4px #000a)}

.event-page .monster-identity{min-width:0}

.event-page .monster-identity h4{margin:0 0 5px;font:20px/1.1 var(--font-display);color:#ecd29a;overflow-wrap:anywhere}

.event-page .monster-class{display:flex;align-items:center;gap:5px;margin:0 0 10px;font:12px/1.3 var(--font-body);color:#ccbd98}

.event-page .monster-class>.icon{width:15px;height:15px}

.event-page .monster-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}

.event-page .monster-traits>div{min-width:0;padding:7px;background:#020c09b0}

.event-page .monster-traits>div:first-child{grid-column:1/-1}

.event-page .monster-traits dt{display:flex;align-items:center;gap:4px;color:#c4b794;font:11px/1.2 var(--font-body)}

.event-page .monster-traits dt .icon{width:13px;height:13px;color:#c7ad70}

.event-page .monster-traits dd{margin:4px 0 0;color:#eee0bd;font:14px/1.25 var(--font-body);overflow-wrap:anywhere}

.event-page .monster-database{margin-top:10px;font-size:12px}

.event-page .monster-database .icon{width:14px;height:14px}

.event-page .monster-dossier.event-boss{grid-template-columns:170px minmax(0,1fr);gap:20px;padding:22px;background:linear-gradient(120deg,#171326,#0b1812 55%);border-color:#8a709c}

.event-page .event-boss .monster-sprite{min-height:200px;background:radial-gradient(ellipse at 50% 74%,#8851c334,#0b151000 68%)}

.event-page .event-boss .monster-sprite img{max-height:200px;max-width:170px}

.event-page .event-boss .monster-identity h3{margin:0 0 8px;color:#edceff;font:32px/1.1 var(--font-display)}

.event-page .event-boss .monster-traits{max-width:600px}

.event-page .monster-provenance{margin:12px 0 0;font:12px/1.4 var(--font-body);color:#cbbbda}

.event-page .monster-mechanics{grid-column:1/-1;padding-top:18px;border-top:1px solid #8c6e9e66}

.event-page .monster-mechanics h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:22px/1.2 var(--font-display);color:#e4c7f5}

.event-page .monster-mechanics h4 .icon{width:23px;height:26px}

.event-page .monster-mechanics ol{margin:0;padding-left:24px;color:#e2d6e5;font:15px/1.5 var(--font-body);columns:2;column-gap:32px}

.event-page .monster-mechanics li{padding:0 0 10px 3px;break-inside:avoid}

.event-page .monster-mechanics li::marker{color:#d3a7ed}

.event-page .monster-loot-rule{display:flex;align-items:flex-start;gap:9px;margin:8px 0 0;padding:12px;background:#0a1310;font:14px/1.45 var(--font-body);color:#e7d4ac}

.event-page .monster-loot-rule>.icon{width:20px;height:24px;flex:none;color:#d5ba78}

@media(max-width:1100px){.event-page .monster-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:600px){

 .event-page .chapter-story .speaker-art{min-height:380px;margin-top:20px}

 .event-page .chapter-story .speaker-art>.portrait{inset:-10px 32% 0 -6%;height:390px}

 .event-page .chapter-story .speaker-art blockquote{top:100px;max-width:44%;font-size:14px}

 .event-page .compact-map .map-pin>.pin-label{max-width:110px;font-size:10px;padding:0 1px;border-width:5px}

 .halloween .map-pin{gap:2px;min-height:38px}

 .halloween .map-pin>.pin-icon{width:28px;height:28px}

 .halloween .map-pin .icon{width:17px;height:20px}

 .halloween .map-pin b{width:15px;height:15px;left:-7px;font-size:9px}

 .event-page .monster-roster{grid-template-columns:1fr}

 .event-page .monster-dossier{grid-template-columns:82px minmax(0,1fr)}

 .event-page .monster-dossier.event-boss{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px}

 .event-page .event-boss .monster-sprite{min-height:145px}

 .event-page .event-boss .monster-sprite img{max-width:90px;max-height:145px}

 .event-page .event-boss .monster-identity h3{font-size:25px}

 .event-page .monster-mechanics ol{columns:1}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event-page .completion-fire{display:none}.event-page .progress-overview-meter span{transition:none}}

.halloween.motion-paused .completion-fire{display:none}



/* Center the complete narrative group against the full banner width. */

.event-page .story{grid-template-columns:minmax(0,1fr);padding-inline:0}

.event-page .story-content{grid-column:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);align-items:stretch;gap:24px;width:calc(100% - 64px);max-width:1120px;min-height:460px;margin-inline:auto;position:relative;z-index:1}

.event-page .story-content>.story-copy{grid-column:1;align-self:center;padding:0}

.event-page .story-content>.speaker-art{grid-column:2;transform:none;width:100%;margin:0;min-height:460px}

.event-page .story:before{background:linear-gradient(90deg,#04100bd6 0%,#04100bc7 calc(50% - 200px),#04100b00 calc(50% - 70px))}

.event-page .iris-art .speaker-dialogue{position:absolute;z-index:2;top:50%;right:0;width:43%;min-width:190px;max-width:280px;transform:translateY(-50%)}

.event-page .iris-art .speaker-dialogue>cite{position:static;display:block;width:auto;max-width:none;margin:0 0 12px;}

.event-page .iris-art .speaker-dialogue>blockquote{position:relative;inset:auto;width:100%;min-width:0;max-width:none;margin:0}

.event-page .iris-art .speaker-dialogue>blockquote:after{right:-9px;top:50%;bottom:auto;transform:translateY(-50%)}

.event-page .iris-art cite{text-shadow:0 2px 3px #000,0 0 7px #000,0 0 12px #000c}

.event-page .iris-art blockquote[data-speech-frame]{isolation:isolate;border:0;border-image:none;background:transparent;box-shadow:none;padding:20px 24px}

.event-page .iris-art blockquote[data-speech-frame]:before{content:none}

.event-page .speech-outline{position:absolute;inset:0 0 0 -26px;width:calc(100% + 26px);height:100%;overflow:visible;pointer-events:none;z-index:-1;filter:drop-shadow(0 5px 9px #0006)}

@media(max-width:1100px) and (min-width:601px){

 .event-page .story{grid-template-columns:minmax(0,1fr)}

 .event-page .story-content{grid-column:1;width:90%;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:24px}

 .event-page .story:before{background:linear-gradient(90deg,#04100bd6 0%,#04100bc7 33%,#04100b00 50%)}

}

@media(max-width:600px){

 .event-page .story{display:block;padding-inline:0}

 .event-page .story .diary-art{width:100%;margin:0}

 .event-page .story-content{display:block;width:92%;max-width:560px;min-height:0}

 .event-page .story-content>.story-copy{padding:26px 0 0}

 .event-page .story-content>.speaker-art{min-height:380px;margin-top:20px}

}