:root{--ink:#101d19;--deep:#081410;--cream:#f0e5ce;--muted:#9ba99a;--gold:#d5b675;--line:#435044;--green:#9fb993;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}
.masthead{height:94px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4d564237;background:#101d19}.brand{display:flex;align-items:center;gap:12px;font:10px/1.5 var(--mono);letter-spacing:1.5px}.seal{border:1px solid var(--gold);width:37px;height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:17px/15px var(--serif);letter-spacing:-1px;color:var(--gold)}.seal span{font-size:16px}nav{display:flex;align-items:center;gap:34px;font:11px var(--mono)}nav>a{color:#c3c9b6}nav>a:hover{color:var(--gold)}nav .nav-play{border-bottom:1px solid var(--gold);padding-bottom:7px;color:var(--gold)}.nav-play span{margin-left:17px}
.hero{min-height:680px;height:calc(100svh - 94px);max-height:890px;position:relative;isolation:isolate;overflow:hidden;background:#101d19}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art{background:url('assets/harlem-block.png') center 50%/cover no-repeat;filter:saturate(.72) brightness(.75)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,19,14,.99) 2%,rgba(8,24,18,.94) 29%,rgba(9,25,19,.4) 67%,rgba(11,24,17,.25)),linear-gradient(0deg,#0c1c15 0%,transparent 35%)}.hero-copy{position:relative;z-index:2;margin-left:7%;padding-top:68px;max-width:46%}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.6px;color:var(--gold);margin:0 0 26px}.eyebrow span{display:inline-block;width:23px;height:1px;background:var(--gold);margin-right:12px;vertical-align:middle}h1{margin:0;font:clamp(65px,7.4vw,112px)/.91 var(--serif);font-weight:600;letter-spacing:-5px;color:#f0d39a;text-shadow:1px 3px 0 #583e24,0 5px 30px #0008}h1>span{font-size:.9em}.subtitle{font:12px var(--mono);letter-spacing:5px;color:#a9bca0;margin:26px 0 30px}.premise{font-size:21px;line-height:1.5;margin-bottom:32px;color:#e0e2ca}.play-button{display:inline-flex;gap:20px;align-items:center;font:11px var(--mono);letter-spacing:1px;padding:23px 24px;background:var(--gold);color:#142117;box-shadow:4px 4px 0 #0c1712;transition:background .2s,transform .2s}.play-button:hover{background:#efd6a0;transform:translateY(-2px)}.play-icon{font-size:13px}.button-arrow{margin-left:28px;font-size:18px}.micro{font:8px var(--mono);letter-spacing:1.2px;color:#a0ad98;margin-top:23px}.micro i{margin:0 7px;font-style:normal}.hero-showcase{position:absolute;top:60px;right:3%;bottom:68px;width:48%;max-width:720px;z-index:1;pointer-events:none}.hero-box{position:absolute;left:0;top:50%;width:58%;max-width:350px;margin:0;transform:translateY(-50%) rotate(-5deg);z-index:1}.hero-box img{display:block;width:100%;height:auto;box-shadow:12px 20px 45px #000b,0 0 0 1px #d5b67555}#hero-art{position:absolute;right:-9%;bottom:-12px;width:84%;height:auto;z-index:2;filter:drop-shadow(6px 12px 12px #000a)}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.1px;color:#acb89f;z-index:3}.hero-bottom>a{color:#e2ca8a}.ticker{display:flex;justify-content:space-evenly;gap:25px;padding:24px 4%;background:var(--gold);color:#1a2a1f;font:9px var(--mono);letter-spacing:1.4px}.ticker i{font-style:normal}
.play-section{padding:105px 7% 80px;background:var(--deep)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}h2{font:clamp(35px,4vw,57px)/1.05 var(--serif);font-weight:400;letter-spacing:-1.5px;margin:0}.section-top .eyebrow{margin-bottom:15px}.section-note{font:9px/1.7 var(--mono);text-align:right;letter-spacing:1px;color:var(--gold)}.section-note span{color:var(--muted);letter-spacing:0;font-size:10px}.arcade{border:1px solid #7a785242;box-shadow:0 25px 80px #0007;background:#08110f}.arcade-top,.arcade-bottom{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;padding:17px 20px;color:#bdc4ab;background:#14231b}.arcade-top button,.arcade-bottom button{background:none;border:0;font:8px var(--mono);letter-spacing:1px}.arcade-top button{color:var(--gold)}#game-status{font-size:7px;color:#b9a374}.live-dot{width:5px;height:5px;background:#a5c48f;display:inline-block;margin-right:9px;border-radius:50%}.game-stage{aspect-ratio:16/9;width:100%;background:#0b0710;position:relative}.game-stage iframe{border:0;width:100%;height:100%;display:block}.game-stage:fullscreen{height:100%;width:100%;background:#000;aspect-ratio:auto}.arcade-bottom{font-size:7px;padding:16px 20px}.arcade-bottom b{font-weight:400;color:#82927f}.arcade-bottom i{margin:0 9px;font-style:normal}.arcade-bottom>div{display:flex;gap:19px}.preview-note{color:#899984;font:10px/1.9 var(--mono);margin:18px 0 0;letter-spacing:0}.preview-note a{color:#c8b98e;border-bottom:1px solid #c8b98e4d;margin-left:10px}
.story-section{padding:90px 7% 85px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 65% 40%,#45513745,transparent 65%)}.story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.story-heading .eyebrow{margin-bottom:15px}.story-heading h2{font-size:clamp(34px,4vw,54px);max-width:660px}.story-heading>p{font:14px/1.8 var(--serif);color:#b7c2ac;max-width:245px;margin:0}.story-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#030908;border:1px solid #a68c5555;box-shadow:0 25px 65px #0006}.story-player video{display:block;width:100%;height:100%;object-fit:contain}.story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:21px;border:0;background:linear-gradient(0deg,#03100bc9,transparent 60%);color:#f2e5c9;cursor:pointer;font:12px var(--mono);letter-spacing:1.8px;text-align:left;text-shadow:0 2px 10px #000}.story-play[hidden],.story-error[hidden]{display:none}.story-play-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid #dec38a;background:#0a1c14d9;border-radius:50%;color:var(--gold);font-size:22px;padding-left:4px;box-shadow:0 4px 30px #0006;transition:background .2s,transform .2s}.story-play:hover .story-play-icon{background:#28402be8;transform:scale(1.07)}.story-play:focus-visible{outline:2px solid var(--gold);outline-offset:-7px}.story-play small{display:block;margin-top:10px;font:8px var(--mono);letter-spacing:1.4px;color:#c8cfbb}.story-error{font:11px/1.8 var(--mono);color:#c8cfbb}.story-error a{color:var(--gold);border-bottom:1px solid #d5b67566}.controls-section{padding:92px 9%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#ded9bf;color:#19271e}.controls-section .eyebrow{color:#53644b}.controls-section h2{font-size:49px}.controls-section p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:400px;color:#4c5846}.controls-section .controller-note{font:9px/1.8 var(--mono)!important;margin-top:30px;letter-spacing:1px}.controller-note span{font-size:11px;letter-spacing:0}.control-list{margin:5px 0 0}.control-list>div{border-bottom:1px solid #7e89704d;display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:15px}.control-list dt{font:10px var(--mono);letter-spacing:1px}.control-list dd{display:flex;gap:9px;align-items:center;margin:0}.control-list dd>span{font:10px var(--mono);color:#5a6751;margin-left:8px}kbd{display:flex;align-items:center;justify-content:center;min-width:35px;height:32px;padding:0 7px;font:13px var(--mono);border:1px solid #738166;background:#e8e4cf;box-shadow:0 3px 0 #aab297}
.author-section{padding:76px 9%;background:#0c1812}.author-section>div{max-width:850px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;column-gap:9%;align-items:start}.author-section .eyebrow{grid-column:1/-1;margin-bottom:18px}.author-section h2{grid-column:1;grid-row:2/4;font-size:40px}.author-section p:not(.eyebrow){font-size:16px;line-height:1.8;color:#abb8a4;max-width:430px;margin:0}.author-section .text-link{grid-column:2;justify-self:start;margin-top:20px}.text-link{display:inline-block;font:9px var(--mono);letter-spacing:1px;color:var(--gold);margin-top:15px;padding-bottom:8px;border-bottom:1px solid #b39e64}footer{padding:34px 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354535;color:#c4c9b0}footer p{font:8px/1.9 var(--mono);letter-spacing:.6px}footer p span{color:#81927e}footer>a:last-child{font:8px var(--mono);letter-spacing:1px}
@media(min-width:1600px){.hero-copy{padding-top:95px}}
@media(max-width:1000px){nav{gap:20px}.hero-copy{margin-left:6%;padding-top:70px;max-width:45%}.hero{min-height:650px}h1{font-size:80px}.premise{font-size:19px}.hero-shade{background:linear-gradient(90deg,#081910 5%,#081910e3 39%,#08191048 90%),linear-gradient(0deg,#0c1c15,transparent 30%)}.controls-section{padding-left:7%;padding-right:7%;gap:8%}.arcade-bottom{flex-wrap:wrap;gap:16px}.author-section{padding-left:10%;padding-right:10%;gap:9%}}
@media(max-width:900px){.hero{height:auto;min-height:0;max-height:none;padding-bottom:54px}.hero-copy{margin-left:0;padding:52px 7% 0;max-width:none}.hero-showcase{position:relative;inset:auto;width:min(86%,620px);max-width:none;aspect-ratio:1.35;margin:30px auto 26px}.hero-box{width:52%;max-width:300px}#hero-art{width:78%;right:-4%;bottom:-12px}.hero-shade{background:linear-gradient(180deg,#081910f2 5%,#081910c9 45%,#08191033 76%,#0c1c15 100%),linear-gradient(90deg,#081910a8,transparent)}}
@media(max-width:650px){.masthead{height:76px;padding:0 6%}.brand{font-size:8px}.seal{width:32px;height:38px}nav{gap:0}nav>a:not(.nav-play){display:none}.nav-play{font-size:9px}.hero{min-height:0;height:auto;max-height:none}.hero-copy{padding:44px 7% 0;margin-left:0;max-width:none}.eyebrow{font-size:8px;letter-spacing:1px}.hero-copy .eyebrow{margin-bottom:25px}h1{font-size:clamp(60px,13.8vw,82px);letter-spacing:-3px}.subtitle{font-size:9px;letter-spacing:3px;margin:20px 0}.premise{font-size:17px;margin-bottom:24px}.play-button{padding:19px 18px;font-size:9px;gap:15px}.button-arrow{margin-left:17px}.micro{font-size:7px;letter-spacing:.4px}.hero-art{background-position:58% 50%}.hero-shade{background:linear-gradient(180deg,#081910eb 5%,#081910bd 47%,#08191022 72%,#0c1c15 100%),linear-gradient(90deg,#081910a8,transparent)}.hero-bottom{bottom:19px;left:7%;right:7%;font-size:6px;letter-spacing:0}.hero-bottom>a{font-size:7px}.ticker{gap:14px;padding:19px 5%;font-size:7px;letter-spacing:.5px}.ticker span:last-child,.ticker i:last-of-type{display:none}.play-section{padding:59px 5% 48px}.section-top{align-items:start;margin-bottom:24px}.section-top h2{font-size:32px}.section-note{font-size:6px;max-width:86px;margin-top:1px}.section-note span{font-size:8px}.section-top .eyebrow{font-size:7px}.arcade-top{padding:13px 11px;font-size:6px;letter-spacing:.3px}.arcade-top button{font-size:17px}.arcade-top button span{display:none}#game-status{font-size:6px}.arcade-bottom{padding:13px 11px;font-size:6px;letter-spacing:0;gap:13px}.arcade-bottom i{margin:0 4px}.arcade-bottom>div{width:100%;justify-content:space-between}.arcade-bottom button{font-size:7px}.preview-note{font-size:8px}.preview-note a{display:inline-block;margin-left:0}.story-section{padding:50px 5%}.story-heading{display:block;margin-bottom:24px}.story-heading h2{font-size:37px;max-width:340px}.story-heading>p{font-size:14px;max-width:320px;margin-top:19px}.story-play{gap:14px;font-size:9px;letter-spacing:1px}.story-play-icon{width:51px;height:51px;font-size:16px}.story-play small{font-size:7px;letter-spacing:.7px;margin-top:8px}.controls-section{grid-template-columns:1fr;padding:52px 8%;gap:22px}.controls-section h2{font-size:40px}.control-list>div{min-height:60px}.author-section{padding:55px 8%}.author-section>div{display:block}.author-section h2{font-size:33px;margin-bottom:20px}footer{padding:27px 7%;gap:25px;flex-wrap:wrap}footer p{font-size:7px}footer>a:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Full-bleed story treatment overrides the previous two-column player layout. */
.story-section{position:relative;isolation:isolate;height:clamp(600px,78svh,900px);min-height:0;padding:0;overflow:hidden;border:0;background:var(--deep)}
.story-section::after{position:absolute;z-index:1;inset:20% 0 0;content:"";pointer-events:none;background:linear-gradient(0deg,rgba(5,15,11,.96) 0%,rgba(5,15,11,.78) 24%,rgba(5,15,11,.32) 58%,transparent 100%)}
.story-player{position:absolute;z-index:0;inset:0;aspect-ratio:auto;margin:0;border:0;box-shadow:none;background:#030908}
.story-player video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story-overlay{position:absolute;z-index:2;left:clamp(28px,8vw,128px);right:clamp(28px,8vw,128px);bottom:clamp(48px,8vh,96px);max-width:900px;transition:opacity .3s ease,visibility .3s ease}
.story-section.is-playing .story-overlay{opacity:0;visibility:hidden;pointer-events:none}
.story-heading{display:block;margin:0 0 28px;max-width:780px}
.story-heading .eyebrow{margin:0 0 18px;color:var(--gold)}
.story-heading h2{max-width:780px;font-size:clamp(42px,6vw,78px);line-height:1.03;letter-spacing:-2px;color:var(--cream);text-wrap:balance}
.story-heading>p{max-width:540px;margin:20px 0 0;color:#e0e2d5;font:clamp(15px,1.55vw,19px)/1.65 var(--serif)}
.story-play{position:static;inset:auto;width:max-content;min-height:66px;display:inline-flex;align-items:center;justify-content:flex-start;gap:17px;padding:10px 26px 10px 10px;border:1px solid rgba(213,182,117,.68);background:rgba(8,20,16,.86);color:var(--cream);font:12px var(--mono);letter-spacing:1.2px;text-align:left;text-shadow:none;transition:background .2s,border-color .2s}
.story-play:hover{background:rgba(25,47,34,.96);border-color:var(--gold)}
.story-play[hidden],.story-error[hidden]{display:none}
.story-play-icon{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--gold);background:rgba(10,28,20,.85);color:var(--gold);font-size:15px;padding-left:3px}
.story-play small{display:block;margin-top:6px;color:#c8cfbb;font:8px var(--mono);letter-spacing:1.2px}
.story-play:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.story-error{margin:14px 0 0;color:var(--cream);font:11px/1.8 var(--mono)}
.story-error a{color:var(--gold);border-bottom:1px solid rgba(213,182,117,.5)}
@media(max-width:650px){
  .story-section{height:clamp(500px,78svh,720px)}
  .story-section::after{inset:12% 0 0;background:linear-gradient(0deg,rgba(5,15,11,.97) 0%,rgba(5,15,11,.82) 34%,rgba(5,15,11,.34) 68%,rgba(5,15,11,.06) 100%)}
  .story-player video{object-position:center}
  .story-overlay{left:24px;right:24px;bottom:34px}
  .story-heading{margin-bottom:22px}
  .story-heading .eyebrow{margin-bottom:14px}
  .story-heading h2{max-width:500px;font-size:clamp(38px,10vw,54px);letter-spacing:-1.4px}
  .story-heading>p{max-width:440px;margin-top:14px;font-size:15px;line-height:1.5}
  .story-play{min-height:60px;gap:13px;padding:8px 17px 8px 8px;font-size:11px}
  .story-play-icon{flex-basis:42px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.story-overlay{transition:none}}

/* Native Next.js homepage and existing subscription action. */
.lytesken-site{font-family:Georgia,'Times New Roman',serif;background:#101d19;color:#f0e5ce;min-height:100dvh}
.signup-section{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:65px 9%;background:#13271c;border-top:1px solid #435044}
.signup-section .eyebrow{margin-bottom:15px}.signup-section h2{font-size:43px}
.signup-section>div:last-child{max-width:480px;width:100%}.signup-section input{min-width:0;background:#0b1c13;color:#f0e5ce;border:1px solid #6a795e;padding:13px 14px;border-radius:0;font-family:monospace}.signup-section button{background:#d5b675;color:#142117;border-radius:0;white-space:nowrap;padding:13px 19px}.signup-section form{gap:10px}.signup-section p{color:#d6dfc9}.signup-section p[role=alert]{color:#ffbcb0}
@media(max-width:650px){.signup-section{flex-direction:column;align-items:stretch;padding:45px 8%;gap:25px}.signup-section h2{font-size:35px}}