:root{color-scheme:light;--red:#c41517;--black:#090909;--white:#f5f3ef;--line:#b9b3ad}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:16px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}em{font-style:normal}
.site-header{height:68px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:clamp(22px,4vw,64px);background:var(--white);color:var(--black);border-bottom:5px solid var(--red)}.brand{font:900 20px/.77 Impact,'Arial Narrow',sans-serif;text-decoration:none;letter-spacing:-.025em;color:var(--red);display:flex;flex-direction:column}.brand strong{font:inherit}nav{display:flex;gap:clamp(18px,3vw,44px)}nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em}nav a:hover{color:var(--red)}.edition{margin-left:auto;border:1px solid var(--black);padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:.16em}
.play-intro{max-width:1700px;margin:auto;min-height:calc(100dvh - 68px);padding:clamp(22px,3vw,44px) clamp(18px,4vw,64px) clamp(28px,4vw,60px);display:grid;grid-template-columns:minmax(295px,.68fr) minmax(0,1.32fr);gap:clamp(22px,3vw,48px);align-items:center;background:#080808}.copy{background:var(--white);color:var(--black);min-width:0;box-shadow:12px 12px 0 var(--red)}.hero-art{height:clamp(215px,27vw,350px);background:var(--red) url('/puzzlenegro/assets/presskit/rostros-rojos.jpg') center 37%/cover no-repeat}.copy-inner{padding:clamp(20px,2.5vw,34px)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--red)}.copy h1{font:normal clamp(29px,2.7vw,47px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:13px 0 14px}.copy h1 em{color:var(--red)}.copy p{max-width:40ch;color:#302b29;font-size:15px;margin:0 0 19px}.case-line{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.09em}.case-line span{background:var(--black);color:#fff;width:25px;height:25px;display:grid;place-items:center}.case-line i{background:var(--red);width:18px;height:1px}.case-line b{margin-left:7px;color:var(--red)}
.game-column{min-width:0;border:7px solid var(--white);background:#000;box-shadow:15px 15px 0 #541010}.game-topline{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.15em}.game-frame{aspect-ratio:760/500;width:100%;position:relative;background:#000}.game-frame iframe{width:100%;height:100%;display:block;border:0}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:7px 13px;min-height:50px;background:var(--white);color:#171717;font-size:12px}.game-toolbar button{border:1px solid var(--black);background:transparent;color:var(--black);padding:8px 11px;cursor:pointer;white-space:nowrap;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.game-toolbar button:hover{background:var(--black);color:#fff}.mobile-hint{display:none}
.film-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--red);color:#fff;padding:20px clamp(18px,4vw,64px)}.film-strip div{display:flex;align-items:baseline;gap:12px;border-right:1px solid #ffffff8a;padding:0 clamp(12px,2vw,32px)}.film-strip div:first-child{padding-left:0}.film-strip div:last-child{border:0}.film-strip span{font:normal 25px/1 Georgia,serif}.film-strip strong{font-size:12px;letter-spacing:.12em}
.chapters{background:var(--white);color:var(--black);padding:clamp(60px,7vw,105px) clamp(18px,4vw,64px)}.section-head{max-width:1500px;margin:0 auto 34px;display:flex;align-items:end;justify-content:space-between;gap:45px}.section-head h2,.resolution h2{font:normal clamp(34px,4.1vw,63px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:11px 0 0}.section-head p{max-width:43ch;margin:0;color:#504b47;font-size:16px}.chapter-grid{max-width:1500px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.chapter{position:relative;min-height:290px;display:flex;flex-direction:column;overflow:hidden;background:#0c0c0c;color:#fff;border-bottom:5px solid var(--red)}.chapter:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 18%,#000e 84%),url('/puzzlenegro/assets/presskit/fotograma-01.jpg') center/cover no-repeat;filter:grayscale(1)}.chapter:nth-child(2):before{background-image:linear-gradient(180deg,#0000 18%,#000e 84%),url('/puzzlenegro/assets/presskit/fotograma-02.jpg')}.chapter:nth-child(3):before{background-image:linear-gradient(180deg,#0000 18%,#000e 84%),url('/puzzlenegro/assets/presskit/fotograma-03.jpg')}.chapter:nth-child(4):before{background-image:linear-gradient(180deg,#0000 18%,#000e 84%),url('/puzzlenegro/assets/presskit/fotograma-04.jpg')}.chapter:nth-child(5):before{background-image:linear-gradient(180deg,#0000 18%,#000e 84%),url('/puzzlenegro/assets/presskit/fotograma-05.jpg')}.chapter>*{position:relative}.number{align-self:flex-start;background:var(--red);font-size:12px;font-weight:700;letter-spacing:.12em;padding:10px 14px}.chapter h3{font:normal clamp(18px,1.6vw,25px)/1.13 Georgia,serif;margin:auto 15px 17px}.chapter a,.unverified{margin:0 15px 16px;border-top:1px solid #ffffff9c;padding-top:10px;min-height:37px;font-size:13px}.chapter a{display:flex;justify-content:space-between;text-decoration:none;font-weight:700}.chapter a:hover{color:#ff5158}.unverified{color:#bbb}
.resolution{min-height:430px;background:#101010;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(25px,6vw,90px);padding:clamp(62px,7vw,110px) clamp(18px,4vw,64px);border-top:14px solid var(--red)}.resolution-copy{max-width:750px}.resolution h2{font-size:clamp(48px,6vw,94px);margin:12px 0 20px}.resolution p{max-width:56ch;color:#ddd;font-size:17px}.unlock-status{display:inline-flex;align-items:center;gap:11px;border:1px solid #ddd;padding:13px 17px;margin-top:15px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.unlock-status span{font-size:22px;line-height:1}.unlock-status.resolved{background:var(--red);border-color:var(--red)}.reserve{position:relative;align-self:stretch;min-height:290px;padding:24px;display:flex;flex-direction:column;justify-content:end;border:1px solid #ffffff8a;background:linear-gradient(180deg,#0002 0%,#000e 70%),url('/puzzlenegro/assets/presskit/dantes.jpg') center 25%/cover}.reserve-index{align-self:flex-start;background:var(--red);padding:7px 9px;font-size:11px;font-weight:800;letter-spacing:.12em}.reserve h3{font:normal 30px/1.05 Georgia,serif;margin:18px 0 5px}.reserve p{font-size:14px;line-height:1.5;margin:0;max-width:46ch}
footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(18px,4vw,64px);border-top:1px solid #555;background:#050505;color:#bbb;font-size:13px}footer span:first-child{font:800 16px Impact,sans-serif;color:#fff}footer a{text-underline-offset:4px}
@media(max-width:1100px){.play-intro{grid-template-columns:minmax(245px,.6fr) minmax(0,1.4fr);gap:22px}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{align-items:start}}
@media(max-width:800px){.play-intro{grid-template-columns:1fr}.copy{display:grid;grid-template-columns:190px 1fr;box-shadow:7px 7px 0 var(--red)}.hero-art{height:auto;min-height:240px}.copy-inner{align-self:center}.game-column{box-shadow:8px 8px 0 #541010}.film-strip strong{font-size:11px}.film-strip span{font-size:18px}.section-head{display:block}.section-head p{margin-top:20px}.resolution{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:58px;padding:0 14px;gap:15px}.brand{font-size:18px}nav{margin-left:auto;gap:13px}nav a{font-size:11px;letter-spacing:0}nav a:nth-child(3){display:none}.edition{display:none}.play-intro{padding:18px 14px 36px;gap:19px}.copy{display:grid;grid-template-columns:100px 1fr}.hero-art{min-height:197px;background-position:center 30%}.copy-inner{padding:14px}.eyebrow{font-size:10px}.copy h1{font-size:clamp(22px,5.6vw,32px);margin:9px 0 7px}.copy p{font-size:13px;line-height:1.4;margin:0}.case-line{display:none}.game-column{border-width:4px}.game-topline{padding:8px;font-size:10px}.game-toolbar{padding:5px 7px;font-size:10px;min-height:44px}.game-toolbar button{padding:6px;font-size:10px}.desktop-hint{display:none}.mobile-hint{display:block}.film-strip{padding:13px 14px;gap:8px}.film-strip div{display:block;padding:0 5px}.film-strip span{font-size:15px}.film-strip strong{display:block;font-size:9px;line-height:1.25}.chapters{padding:56px 14px}.section-head h2{font-size:37px}.section-head p{font-size:15px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter{min-height:210px}.chapter h3{font-size:19px}.resolution{display:block;padding:60px 18px}.resolution h2{font-size:54px}.reserve{margin-top:50px}footer{padding:22px 14px;flex-wrap:wrap}}
@media(max-width:400px){.copy{grid-template-columns:84px 1fr}.copy h1{font-size:22px}.copy p{font-size:12px}.chapter-grid{grid-template-columns:1fr}.chapter{min-height:195px}.game-toolbar{font-size:9px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){.site-header{height:37px;border-bottom-width:3px}.play-intro{display:block;padding:8px 12px 15px;min-height:0}.copy{display:none}.game-column{max-width:1000px;margin:auto}.game-topline{display:none}.game-frame{height:calc(100dvh - 94px);aspect-ratio:auto}.game-toolbar{min-height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}