*{box-sizing:border-box} :root{--bg:#101522;--panel:#171f30;--cream:#fff0c2;--muted:#a7b2c9;--yellow:#ffd84d;--orange:#ff693d;--red:#f04452;--green:#5df0a4;--line:#364258;--pixel:'Press Start 2P',monospace;--body:'VT323',monospace}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--body);font-size:23px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.scanlines{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 5px)}.topbar{height:82px;padding:0 5vw;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:20;background:rgba(16,21,34,.94);border-bottom:3px solid #263149;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font:12px var(--pixel);line-height:1.7;white-space:nowrap}.brand small{display:block;color:var(--yellow);font:9px var(--pixel)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);color:#121827;border:3px solid var(--cream);box-shadow:4px 4px 0 var(--orange);font-size:13px}.nav{display:flex;gap:26px;margin-left:auto}.nav a,.text-link{font:10px var(--pixel);letter-spacing:-.5px}.nav a:hover,.text-link:hover{color:var(--yellow)}.pixel-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--yellow);color:#141b29;padding:19px 22px;border:0;border-bottom:6px solid #c18e27;box-shadow:5px 5px 0 #080b12;font:11px var(--pixel);line-height:1.8;transition:transform .15s,filter .15s;cursor:pointer}.pixel-button:hover{transform:translate(2px,2px);filter:brightness(1.1);box-shadow:3px 3px 0 #080b12}.pixel-button.small{padding:13px 15px;font-size:9px}.menu-toggle{display:none;background:none;color:var(--cream);border:0;font-size:26px}.hero{position:relative;min-height:690px;display:grid;grid-template-columns: .92fr 1.08fr;align-items:center;padding:65px 7vw 85px;overflow:hidden;background:linear-gradient(180deg,#151d32,#252344 58%,#d74d55 100%)}.hero-grid{position:absolute;inset:38% -10% -20%;opacity:.22;background-image:linear-gradient(#8ea3ff 1px,transparent 1px),linear-gradient(90deg,#8ea3ff 1px,transparent 1px);background-size:48px 35px;transform:perspective(250px) rotateX(55deg);transform-origin:top center}.sunset{position:absolute;width:290px;height:290px;border-radius:50%;background:repeating-linear-gradient(0deg,#ffcf5a 0 12px,#f57c55 13px 22px);top:11%;right:20%;opacity:.7;box-shadow:0 0 100px #ff8a55}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow,.section-kicker,.microcopy{font:10px var(--pixel);letter-spacing:1px;color:var(--green);line-height:1.8}.blink{color:var(--red);animation:blink 1s steps(2) infinite}.hero h1{font:clamp(55px,8vw,115px)/.98 var(--pixel);margin:22px 0 12px;letter-spacing:-.1em;text-shadow:7px 7px 0 #b82d51,13px 13px 0 #101522;color:#fff1c4}.hero h1 span{color:var(--yellow)}.hero-date{font:clamp(12px,1.5vw,18px) var(--pixel);color:var(--yellow);letter-spacing:3px}.hero-lede{font-size:32px;line-height:1.05;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.microcopy{font-size:8px;color:#d6c8de;margin-top:28px}.hero-scene{height:440px;position:relative;align-self:end;z-index:1;transform:translateY(10px)}.moon{position:absolute;right:10%;top:1%;width:130px;height:130px;border:10px solid #fef0a5;border-radius:50%;box-shadow:0 0 0 12px #fce16d33}.city{position:absolute;bottom:26%;left:-5%;width:115%;height:47%;background-repeat:repeat-x;image-rendering:pixelated}.city-back{opacity:.8;background:linear-gradient(90deg,transparent 0 3%,#222742 3% 9%,transparent 9% 12%,#252945 12% 21%,transparent 21% 24%,#20243f 24% 30%,transparent 30% 33%,#292744 33% 43%,transparent 43% 46%,#252844 46% 55%,transparent 55% 58%,#20243f 58% 70%,transparent 70% 74%,#292744 74% 83%,transparent 83% 86%,#222742 86% 98%,transparent 98%);clip-path:polygon(0 35%,8% 35%,8% 0,20% 0,20% 45%,27% 45%,27% 12%,38% 12%,38% 36%,46% 36%,46% 5%,57% 5%,57% 40%,66% 40%,66% 15%,76% 15%,76% 0,88% 0,88% 45%,100% 45%,100% 100%,0 100%)}.city-front{bottom:18%;height:42%;opacity:.95;background:repeating-linear-gradient(90deg,#131a2c 0 45px,#29314b 45px 48px,#131a2c 48px 82px);clip-path:polygon(0 20%,14% 20%,14% 0,30% 0,30% 30%,48% 30%,48% 5%,66% 5%,66% 28%,80% 28%,80% 0,100% 0,100% 100%,0 100%)}.road{position:absolute;bottom:0;left:-10%;width:120%;height:26%;background:#171c2c;transform:perspective(200px) rotateX(12deg);border-top:6px solid #ff6c53}.road-line{position:absolute;top:52%;width:18%;height:8px;background:var(--yellow);left:10%;box-shadow:0 0 0 2px #171c2c}.road-line:nth-child(2){left:43%}.road-line:nth-child(3){left:76%}.pixel-person{position:absolute;bottom:20%;width:65px;height:145px;image-rendering:pixelated;filter:drop-shadow(5px 5px 0 #0b1020)}.pixel-person .head{position:absolute;width:36px;height:34px;left:14px;top:0;background:#f0b17b;border:5px solid #1a1b2a}.pixel-person .body{position:absolute;width:48px;height:57px;left:8px;top:34px;background:#23a66b;border:5px solid #151a2a}.pixel-person .arm{position:absolute;width:17px;height:48px;left:0;top:39px;background:#f0b17b;border:4px solid #151a2a}.pixel-person .leg{position:absolute;top:86px;width:20px;height:51px;background:#283c68;border:4px solid #151a2a}.pixel-person .leg.one{left:8px}.pixel-person .leg.two{left:34px}.player{left:28%;animation:run 1.1s steps(2) infinite}.enemy{right:20%;transform:scale(1.15);filter:drop-shadow(5px 5px 0 #0b1020)}.enemy .body{background:#a93645}.enemy .head{background:#e2a777}.floating-label{position:absolute;font:9px var(--pixel);padding:12px;background:#111827;border:2px solid var(--yellow);box-shadow:4px 4px 0 #0a0d14}.floating-label b{color:var(--green)}.label-a{top:17%;left:2%;transform:rotate(-4deg)}.label-b{top:30%;right:0%;color:var(--yellow);transform:rotate(3deg)}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;font:9px var(--pixel);padding:12px;background:#101522d9;border:2px solid #f3d36b}.hud span:first-child{color:#ff6172}.hud b{color:var(--green)}.scroll-cue{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font:8px var(--pixel);letter-spacing:1px;color:#f5d8d2}.scroll-cue span{color:var(--yellow);font-size:20px;margin-left:10px}.ticker{background:var(--yellow);color:#111827;overflow:hidden;padding:17px 0;border-block:4px solid #f6efcb}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:32px;min-width:950px;font:10px var(--pixel);animation:ticker 28s linear infinite}.ticker b{font-size:20px;color:#d34b43}.section{padding:110px 8vw;position:relative}.mission{background:#111827}.section-kicker{color:var(--orange);margin-bottom:35px}.mission-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.mission-heading{position:relative}.section h2{font:clamp(28px,4.8vw,61px)/1.3 var(--pixel);letter-spacing:-.08em;margin:0}.section h2 em{font-style:normal;color:var(--yellow)}.pixel-stamp{position:absolute;right:3%;bottom:0;padding:16px 20px;border:3px solid var(--red);color:var(--red);font:12px/1.8 var(--pixel);transform:rotate(9deg)}.mission-text{max-width:580px;font-size:25px;line-height:1.1;color:#c7d1e1}.mission-text .lead{font-size:32px;color:var(--cream)}.mission-text strong{color:var(--yellow)}.mission-stats{display:flex;gap:34px;margin-top:35px;padding-top:25px;border-top:2px dashed #3b455b}.mission-stats div{display:grid;gap:9px}.mission-stats b{font:20px var(--pixel);color:var(--green)}.mission-stats span{font:8px var(--pixel);color:var(--muted)}.level-strip{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #364258}.level-strip span{padding:18px;border:1px solid #364258;font:8px/1.8 var(--pixel);color:var(--orange)}.level-strip b{display:block;color:var(--cream);font-size:9px}.characters{background:#171e2e}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-title-row p{max-width:310px;color:var(--muted);font-size:25px;line-height:1.1}.character-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#101522;border:3px solid #3c4962;box-shadow:8px 8px 0 #080b12;margin-bottom:28px}.character-art{min-height:360px;position:relative;overflow:hidden;background:linear-gradient(160deg,#29375a,#a04e59 60%,#f8b44b)}.art-sun{position:absolute;width:190px;height:190px;border-radius:50%;background:repeating-linear-gradient(0deg,#ffd75c 0 10px,#ff9b5d 11px 20px);top:10%;left:calc(50% - 95px)}.art-caption{position:absolute;bottom:15px;left:15px;font:9px var(--pixel);background:#111827;padding:12px;border:2px solid var(--yellow)}.character-info{padding:42px;align-self:center}.tag,.role{font:8px var(--pixel);color:var(--green);line-height:1.8}.character-info h3{font:clamp(18px,2.3vw,29px)/1.6 var(--pixel);color:var(--yellow)}.character-info p,.card-copy p{color:#bdc8db;font-size:24px;line-height:1.1}.ability-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.ability-list span{border:1px solid #48566f;padding:10px;font:8px var(--pixel);color:var(--cream)}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.character-card{background:#101522;border:2px solid #303d54;box-shadow:5px 5px 0 #0a0d15;transition:transform .2s,border-color .2s}.character-card:hover{transform:translateY(-6px);border-color:var(--yellow)}.mini-art{height:205px;position:relative;overflow:hidden;background:#2d3655}.mini-art:before{content:"";position:absolute;inset:35% 0 0;background:repeating-linear-gradient(90deg,#151c2b 0 22px,#202b43 23px 28px);clip-path:polygon(0 25%,20% 25%,20% 0,39% 0,39% 35%,58% 35%,58% 8%,80% 8%,80% 0,100% 0,100% 100%,0 100%)}.art-guard{background:linear-gradient(#677f9c,#e8a15b)}.art-fanatic{background:linear-gradient(#7b5b50,#df9857)}.art-tycoon{background:linear-gradient(#382e59,#cb5a58)}.art-oracle{background:linear-gradient(#1e5261,#64bca7)}.art-carla{background:linear-gradient(#6d3759,#e77888)}.art-wig{background:linear-gradient(#48546b,#d2aa5d)}.pixel-id{position:absolute;top:12px;left:12px;font:8px var(--pixel);background:#101522;padding:8px;color:var(--yellow)}.card-copy{padding:22px}.card-copy h3{font:11px/1.9 var(--pixel);color:var(--yellow)}.card-copy p{font-size:22px;min-height:78px}.role{display:block;border-top:1px dashed #39465e;padding-top:15px;color:var(--orange)}.character-note{font-size:18px;color:#91a0b8;margin-top:25px}.sprite{position:absolute;z-index:2;left:calc(50% - 37px);bottom:15%;width:75px;height:170px;filter:drop-shadow(6px 6px 0 #111827)}.sprite i{position:absolute;left:18px;top:0;width:42px;height:42px;background:#d99a70;border:5px solid #171a28}.sprite b{position:absolute;left:10px;top:42px;width:58px;height:65px;background:#16865b;border:5px solid #171a28}.sprite span{position:absolute;left:12px;top:101px;width:20px;height:60px;background:#253b65;border:5px solid #171a28;box-shadow:27px 0 #253b65,27px 0 0 5px #171a28}.guard i{background:#d39b77}.guard b{background:#465f8d}.fanatic b{background:#bb473a}.tycoon{transform:scale(1.22);transform-origin:bottom center}.tycoon i{background:#efb888}.tycoon b{background:#7c2c39}.oracle i{background:#8e694d}.oracle b{background:#25a4a0}.carla i{background:#ad7354}.carla b{background:#8e3b78}.wig i{background:#efbd89}.wig i:after{content:"";position:absolute;top:-9px;left:-5px;width:40px;height:14px;background:#e3c34e;border:3px solid #171a28}.wig b{background:#303b63}.play-section{background:#0e1420}.play-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:40px}.play-heading p{max-width:340px;color:var(--muted);font-size:25px;line-height:1.1}.region-notice{display:flex;gap:18px;align-items:flex-start;background:#282536;border:2px solid #ff9b47;padding:20px 24px;margin-bottom:30px;max-width:1000px}.notice-icon{display:grid;place-items:center;min-width:35px;height:35px;background:var(--orange);color:#101522;font:18px var(--pixel)}.region-notice strong{font:10px var(--pixel);color:var(--yellow)}.region-notice p{margin:10px 0 0;color:#d5d7e2;font-size:23px;line-height:1.1}.game-frame-wrap{max-width:1100px;margin:auto;border:3px solid #64708a;background:#0a0d15;box-shadow:9px 9px 0 #030509}.frame-top,.frame-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font:8px var(--pixel);color:#aeb9cc}.frame-top{border-bottom:2px solid #313b52}.frame-lights{color:var(--green)}.game-frame{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at center,#252e4c,#090d17);overflow:hidden}.game-embed{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:transparent}.frame-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;z-index:1;background:radial-gradient(ellipse at center,#2b3153,#090d17)}.placeholder-icon{display:grid;place-items:center;width:70px;height:70px;border:3px solid var(--yellow);color:var(--yellow);font:25px var(--pixel);margin-bottom:22px;box-shadow:6px 6px 0 #06080e}.frame-placeholder h3{font:clamp(12px,2vw,20px)/1.8 var(--pixel);color:var(--yellow)}.frame-placeholder p{font-size:24px;color:#d0d7e7}.frame-placeholder small{max-width:480px;color:#8e9ab0;font-size:17px;margin-top:18px}.embed-note{max-width:1100px;margin:20px auto;color:#94a1b7;font-size:20px}.vpn{padding-top:0;background:#0e1420}.vpn-box{display:flex;align-items:center;gap:30px;padding:32px;border:2px dashed #4b5973;background:#141d2d}.vpn-pixel{flex-shrink:0;display:grid;place-items:center;width:85px;height:85px;background:#27334d;border:3px solid var(--green);font:12px/1.8 var(--pixel);color:var(--green);text-align:center}.vpn-box h2{font:15px/1.8 var(--pixel);color:var(--yellow);margin:10px 0}.vpn-box p{font-size:23px;color:var(--muted);margin:0;line-height:1.1}.vpn-box .text-link{margin-left:auto;min-width:140px;line-height:2;color:var(--green)}.footer{padding:35px 7vw;display:flex;align-items:center;gap:25px;justify-content:space-between;border-top:3px solid #29354a;background:#0a0e17}.footer p{color:#929fb7;font-size:20px}.footer>a:last-child{font:8px var(--pixel);color:var(--yellow)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.parallax{will-change:transform}@keyframes blink{50%{opacity:0}}@keyframes run{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ticker{to{transform:translateX(-30%)}}@media(max-width:900px){.topbar{padding:0 4vw;gap:15px}.nav{gap:14px}.nav a{font-size:8px}.topbar>.pixel-button{display:none}.hero{grid-template-columns:1fr;padding:60px 7vw 80px;min-height:950px}.hero-copy{max-width:700px}.hero-scene{width:100%;height:380px;margin-top:25px}.sunset{right:15%;top:47%;width:220px;height:220px}.mission-layout{gap:40px}.character-grid{grid-template-columns:repeat(2,1fr)}.section{padding:80px 6vw}.section-title-row,.play-heading{align-items:flex-start;flex-direction:column;gap:15px}.vpn-box{align-items:flex-start;flex-wrap:wrap}.vpn-box .text-link{margin-left:0}}@media(max-width:600px){body{font-size:21px}.topbar{height:68px}.brand{font-size:9px}.brand-mark{width:34px;height:34px}.brand small{font-size:7px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 6vw;background:#101522;border-bottom:3px solid var(--yellow);flex-direction:column}.nav.open{display:flex}.nav a{font-size:10px}.hero{padding:48px 6vw 70px;min-height:850px}.hero h1{font-size:clamp(48px,15vw,80px)}.hero-lede{font-size:28px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-scene{height:310px;margin-top:10px}.moon{width:80px;height:80px;border-width:7px}.pixel-person{transform:scale(.78);transform-origin:bottom center}.enemy{transform:scale(.9);transform-origin:bottom center}.hud{font-size:6px;padding:8px}.floating-label{font-size:7px;padding:8px}.section{padding:65px 6vw}.mission-layout,.character-feature{grid-template-columns:1fr}.mission-heading{padding-bottom:35px}.section h2{font-size:clamp(26px,8vw,42px)}.mission-text .lead{font-size:28px}.mission-stats{gap:22px}.mission-stats b{font-size:15px}.level-strip{grid-template-columns:repeat(2,1fr);margin-top:45px}.level-strip span{padding:12px;font-size:7px}.character-art{min-height:270px}.character-info{padding:25px}.character-grid{grid-template-columns:1fr;gap:18px}.mini-art{height:190px}.card-copy p{min-height:0}.play-heading p{margin-top:0}.region-notice{padding:15px;gap:12px}.region-notice p{font-size:21px}.frame-top,.frame-bottom{font-size:6px;padding:10px}.game-frame{aspect-ratio:4/5}.frame-placeholder h3{font-size:11px}.frame-placeholder p{font-size:20px}.frame-placeholder .pixel-button{font-size:8px;padding:14px}.vpn-box{padding:20px}.vpn-pixel{width:62px;height:62px;font-size:9px}.vpn-box h2{font-size:12px}.footer{flex-wrap:wrap;gap:15px}.footer p{order:3;width:100%;margin:0}.footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker-track,.player,.blink{animation:none}*{scroll-behavior:auto!important}}

/* Original game graphics */
.real-game-scene{overflow:hidden;border:3px solid #f6d65a;box-shadow:8px 8px 0 #0b1020;background:#111827;isolation:isolate}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.96}
.real-game-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,12,20,.55),transparent 58%);pointer-events:none}
.hero-sprite{position:absolute;z-index:2;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #101522)}
.hero-player{height:76%;width:42%;bottom:7%;left:10%}.hero-boss{height:72%;width:43%;bottom:5%;right:4%}
.real-character-art{background:#111827;min-height:360px}.character-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.real-character-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,12,20,.48),transparent 60%)}
.feature-sprite{position:absolute;z-index:2;left:20%;bottom:6%;height:78%;width:48%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(5px 5px 0 #111827)}.feature-item{position:absolute;z-index:3;right:5%;bottom:12%;width:27%;max-height:36%;object-fit:contain;image-rendering:pixelated}
.card-sprite{position:absolute;z-index:2;left:8%;bottom:-8%;width:84%;height:105%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #101522)}
.mini-art:before{opacity:.18}.art-guard,.art-fanatic,.art-tycoon,.art-oracle,.art-carla,.art-wig{background:#111827}
@media(max-width:600px){.hero-player{height:68%;width:48%;left:1%}.hero-boss{height:63%;width:48%;right:0}.feature-sprite{left:10%;width:58%;height:72%}.feature-item{width:30%}.real-character-art{min-height:270px}.card-sprite{width:94%;left:3%;height:100%}}


/* V2: full opponent roster, gameplay embed and urna footer art */
.characters-section { padding-top: clamp(4rem, 8vw, 8rem); }
.characters-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; margin-top:2.5rem; }
.character-card { min-width:0; overflow:hidden; background:rgba(8,14,28,.88); border:1px solid var(--line, #34415d); box-shadow:7px 7px 0 rgba(0,0,0,.45); }
.character-card:nth-child(4n+1) { border-color:#ffd84a; }
.character-art { height:250px; display:flex; align-items:center; justify-content:center; padding:1rem; overflow:hidden;
  background:linear-gradient(145deg,rgba(255,216,74,.08),transparent 55%),radial-gradient(ellipse at 50% 70%,rgba(255,94,61,.15),transparent 60%),#151d2b; }
.character-card:nth-child(3n+2) .character-art { background:linear-gradient(145deg,rgba(58,190,140,.14),transparent 55%),radial-gradient(ellipse at 50% 70%,rgba(42,102,190,.18),transparent 60%),#151d2b; }
.character-card:nth-child(3n) .character-art { background:linear-gradient(145deg,rgba(255,94,61,.13),transparent 55%),radial-gradient(ellipse at 50% 70%,rgba(255,216,74,.12),transparent 60%),#151d2b; }
.character-art img { display:block; max-width:100%; width:auto; height:auto; max-height:100%; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(4px 5px 0 rgba(0,0,0,.35)); }
.character-copy { padding:1.15rem 1.25rem 1.25rem; }
.character-copy h3 { margin:.5rem 0 .7rem; color:#ffd84a; font-size:clamp(1.05rem,1.6vw,1.45rem); text-transform:uppercase; }
.character-copy p { color:#d8dfef; line-height:1.55; font-size:.96rem; }
.character-tag { display:inline-block; margin-top:.6rem; padding:.4rem .55rem; border-top:1px dashed #394863; color:#ff745d; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.gameplay-section { padding-block:clamp(3.5rem,7vw,7rem); }
.video-frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:3px solid #ffd84a; box-shadow:9px 9px 0 rgba(0,0,0,.45); background:#050913; }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-note,.fine-print { color:#99a8c6; font-size:.8rem; line-height:1.5; margin-top:1rem; }
.urna-footer-art { padding:2rem clamp(1rem,4vw,4rem) 0; overflow:hidden; background:linear-gradient(180deg,transparent,rgba(255,216,74,.06)); }
.urna-footer-inner { max-width:1300px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:250px; }
.urna-footer-copy h2 { margin:.7rem 0; }
.urna-footer-inner img { width:min(46%,620px); max-height:300px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 12px 0 rgba(0,0,0,.25)); }
@media (max-width:900px) { .characters-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .character-art { height:220px; } }
@media (max-width:560px) { .characters-grid { grid-template-columns:1fr; } .character-art { height:250px; } .urna-footer-inner { flex-direction:column; align-items:flex-start; padding-top:2rem; } .urna-footer-inner img { width:100%; max-height:230px; } }


/* V3: standalone image files only; dedicated full-width final boss section */
.characters-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
  margin-top: 2.5rem;
}
.character-card {
  min-width: 0;
  overflow: hidden;
  background: #0c1220;
  border: 1px solid #34415d;
}
.character-card:nth-child(4n+1) { border-color: #ffd84a; }
.character-art {
  height: 245px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow: hidden;
  background: #151d2b;
}
.character-art img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  image-rendering: pixelated;
}
.character-copy { padding: 1.1rem 1.2rem 1.25rem; }
.character-copy h3 { margin: .5rem 0 .65rem; color: #ffd84a; text-transform: uppercase; }
.character-copy p { color: #d8dfef; line-height: 1.5; }
.character-tag {
  display: inline-block;
  margin-top: .65rem;
  padding-top: .5rem;
  border-top: 1px dashed #394863;
  color: #ff745d;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
}
.boss-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  width: 100%;
  margin-top: clamp(3rem, 7vw, 6rem);
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 2px solid #ffd84a;
  background: #0c1220;
  box-shadow: 10px 10px 0 rgba(0,0,0,.45);
}
.boss-image {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #151d2b;
  padding: 1.5rem;
}
.boss-image img {
  display: block;
  max-width: 100%;
  max-height: 440px;
  width: auto;
  height: auto;
  object-fit: contain;
  image-rendering: pixelated;
}
.boss-copy h2 {
  margin: .7rem 0 1rem;
  color: #ffd84a;
  font-size: clamp(2.4rem, 5vw, 5rem);
  line-height: .95;
}
.boss-copy p { color: #d8dfef; line-height: 1.6; max-width: 42ch; }
@media (max-width: 900px) {
  .characters-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .character-art { height: 220px; }
  .boss-section { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .characters-grid { grid-template-columns: 1fr; }
  .character-art { height: 250px; }
  .boss-section { padding: 1rem; }
  .boss-image { min-height: 230px; }
}

/* Approved art and expanded character roster */
.hero-approved-image{width:100%; max-width:100%; margin:1.5rem auto 3rem; padding:0; background:transparent; border:1px solid var(--line,#354158); overflow:hidden}
.hero-approved-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.journey-banner{margin:1.5rem 0 2.5rem;border:1px solid var(--line,#354158);overflow:hidden;background:#101522}
.journey-banner img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}
.final-boss{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(280px,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin:2.5rem 0 1rem;padding:clamp(1.25rem,3vw,3rem);border:2px solid #f3c623;background:linear-gradient(120deg,#151c2b,#202538);box-shadow:8px 8px 0 #080c14}
.boss-art{min-width:0;overflow:hidden;background:#101522}
.boss-art img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.boss-copy h3{font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.25;margin:.8rem 0;color:#f3c623}
.boss-copy p{font-size:1.1rem;line-height:1.5}
.character-art img{max-width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.final-boss{grid-template-columns:1fr}.hero-approved-image img{max-height:none}.journey-banner img{max-height:none}}
