:root{--black:#050505;--red:#f0182b;--dark:#5c0b16;--white:#fff;--yellow:#ffc928}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Atkinson Hyperlegible,Arial,Helvetica,sans-serif}a{color:inherit}.fun-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;padding:clamp(28px,5vw,76px);background:radial-gradient(circle at 75% 35%,#5c0b16 0,rgba(92,11,22,.55) 18%,rgba(5,5,5,0) 46%),linear-gradient(135deg,#050505 0 64%,#180307 64% 100%);border-bottom:14px solid var(--red)}.fun-hero:after{content:"";position:absolute;width:60vw;height:18vw;right:-10vw;top:12vh;background:repeating-linear-gradient(-10deg,transparent 0 42px,rgba(240,24,43,.28) 43px 62px);transform:rotate(8deg);pointer-events:none}.back{position:absolute;top:30px;left:clamp(28px,5vw,76px);z-index:2;font-weight:800;text-decoration:none}.back:hover,.back:focus-visible{color:var(--yellow)}.hero-copy{position:relative;z-index:2;max-width:980px}.hero-copy h1{margin:0;font-size:clamp(5rem,17vw,14rem);font-weight:900;line-height:.72;letter-spacing:-.09em;font-style:italic}.hero-copy h1 span{color:var(--red)}.hero-copy p{max-width:700px;margin:40px 0 28px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45;font-weight:700}.play-random{display:inline-block;padding:15px 20px;background:var(--red);color:var(--white);font-weight:900;text-decoration:none;font-size:1.05rem;box-shadow:10px 10px 0 var(--white)}.play-random:hover,.play-random:focus-visible{background:var(--yellow);color:var(--black)}main{overflow:hidden}.featured,.all-games{padding:clamp(60px,9vw,130px) clamp(24px,6vw,90px);max-width:1600px;margin:auto}.featured h2,.all-games h2{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.065em;margin:0 0 50px;font-style:italic}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.feature{position:relative;display:grid;grid-template-columns:minmax(170px,.8fr) 1fr;min-height:250px;text-decoration:none;background:#fff;color:#050505;overflow:hidden}.feature-big{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:1fr auto}.feature img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08)}.feature div{padding:clamp(22px,3vw,42px)}.feature h3{margin:0;font-size:clamp(1.8rem,3.5vw,4rem);line-height:.92;letter-spacing:-.05em}.feature p{font-size:1.05rem;line-height:1.5;margin:18px 0 0}.feature:hover,.feature:focus-visible{outline:8px solid var(--red);outline-offset:-8px}.feature:hover img{filter:saturate(1.2) contrast(1.1)}.all-games{border-top:1px solid rgba(255,255,255,.25)}.game-list{border-top:6px solid var(--red)}.game-list a{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:40px;align-items:center;padding:24px 10px;border-bottom:1px solid rgba(255,255,255,.25);text-decoration:none;transition:padding .15s ease,background .15s ease,color .15s ease}.game-list b{font-size:clamp(1.35rem,2.4vw,2.5rem);line-height:1}.game-list span{font-size:1.05rem;line-height:1.4}.game-list a:hover,.game-list a:focus-visible{background:var(--red);padding-left:24px;padding-right:24px}footer{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:42px 24px 70px;border-top:14px solid var(--red)}footer a{font-weight:900;text-decoration:none}footer a:hover,footer a:focus-visible{color:var(--yellow)}@media(max-width:850px){.fun-hero{min-height:68vh}.feature-grid{grid-template-columns:1fr}.feature-big{grid-row:auto}.feature{grid-template-columns:1fr;grid-template-rows:auto auto}.feature img{aspect-ratio:1200/630}.game-list a{grid-template-columns:1fr;gap:8px}}@media(max-width:520px){.fun-hero{padding:90px 22px 48px}.back{left:22px}.hero-copy h1{font-size:22vw}.hero-copy p{margin-top:28px}.play-random{box-shadow:6px 6px 0 var(--white)}.featured,.all-games{padding-left:20px;padding-right:20px}.featured h2,.all-games h2{margin-bottom:32px}.feature div{padding:22px}.game-list a{padding:20px 4px}}
/* SHADOW.FUN: readable editorial game selection, not cropped promotional art. */
.feature-grid{grid-template-columns:1.2fr 1fr;gap:16px}
.feature{display:flex;align-items:flex-end;min-height:225px;background:#181010;color:var(--white);border-bottom:5px solid var(--red);transition:background .18s ease,transform .18s ease}
.feature-big{min-height:470px;background:linear-gradient(145deg,#4b0b14 0%,#130709 68%,#050505 100%)}
.feature:not(.feature-big):nth-child(3){background:#fff;color:var(--black)}
.feature div{width:100%;padding:clamp(24px,3.5vw,52px)}
.feature h3{font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.055em}
.feature-big h3{font-size:clamp(3.2rem,6vw,6.8rem)}
.feature p{max-width:36ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5}
.feature:hover,.feature:focus-visible{background:var(--red);color:var(--white);outline:3px solid var(--yellow);outline-offset:-3px;transform:translateY(-3px)}
.feature:not(.feature-big):nth-child(3):hover,.feature:not(.feature-big):nth-child(3):focus-visible{background:var(--red);color:var(--white)}
.featured,.all-games{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.featured h2,.all-games h2{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.055em}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr}.feature-big{min-height:320px}.feature{min-height:210px}}
@media(max-width:520px){.feature-big{min-height:280px}.feature{min-height:185px}.feature div{padding:24px}.feature h3,.feature-big h3{font-size:clamp(2rem,10vw,3.8rem)}}
.recent-games{padding:clamp(48px,6vw,90px) clamp(24px,6vw,90px);max-width:1600px;margin:auto}
.recent-games h2{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.055em;margin:0 0 16px}
.recent-intro{font-size:1.1rem;line-height:1.6;margin:0 0 30px;max-width:60ch;color:rgba(255,255,255,.78)}
.recent-list{border-top:5px solid var(--red)}
.recent-list a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 10px;border-bottom:1px solid rgba(255,255,255,.28);text-decoration:none;transition:background .18s ease,padding .18s ease}
.recent-list a:hover,.recent-list a:focus-visible{background:#5c0b16;padding-left:22px;padding-right:22px;outline:2px solid var(--yellow);outline-offset:-2px}
.recent-list strong{display:block;font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1.15}
.recent-list small{display:block;margin-top:8px;font-size:1rem;line-height:1.45;color:rgba(255,255,255,.82)}
.recent-list time{font-size:1rem;white-space:nowrap;color:var(--yellow)}
@media(max-width:600px){.recent-games{padding-left:20px;padding-right:20px}.recent-list a{display:block}.recent-list time{display:block;margin-top:12px}}

/* Give Design the Next Shadow a softer charcoal feature tile. */
.feature:not(.feature-big):nth-child(3){background:#353535;color:#fff}
.feature:not(.feature-big):nth-child(3):hover,.feature:not(.feature-big):nth-child(3):focus-visible{background:#5c0b16;color:#fff}