*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#10272e;color:#f3e9d3;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:#e7c37d;text-underline-offset:4px}a:hover{color:#fff1cf}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #7ae1ec;outline-offset:5px}img,video{max-width:100%;display:block}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;color:#fff0cd;overflow-wrap:break-word}h1{font-size:clamp(2.5rem,4.6vw,4.5rem);letter-spacing:-.035em;margin:14px 0 26px}h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.02em;margin:12px 0 24px}h3{font-size:1.55rem;margin:14px 0}p{color:#c8d6d1;margin:0 0 20px}main,.site-header,.site-footer{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #bda16955}.brand{font-family:Georgia,serif;color:#ffeac0;font-size:17px;letter-spacing:.11em;text-decoration:none;font-weight:700}.brand span{color:#cba85e}.site-header nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.site-header nav a{font-size:14px;text-decoration:none;color:#dfdfcf}.site-header .nav-start{border:1px solid #9f885c;padding:7px 16px;border-radius:4px}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:#fff0cd;color:#10272e;padding:10px}.skip:focus{top:10px}.home-hero,.story-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;padding:68px 0}.home-hero em{font-style:italic;color:#dfbc78}.home-hero .lead{font-size:18px;max-width:52ch}figure{margin:0;min-width:0}figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #b69a64;border-radius:10px;box-shadow:0 18px 40px #0005}figcaption{font:11px/1.6 'Courier New',monospace;color:#bda57b;letter-spacing:.06em;margin-top:12px}.eyebrow{font:700 11px/1.65 'Courier New',monospace;letter-spacing:.13em;color:#d0ad6c;margin:0 0 14px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid #d7bc7b;background:linear-gradient(135deg,#e3c58b,#b99a58);color:#142b31;border-radius:5px;text-decoration:none;font:700 14px/1.5 Inter,Arial,sans-serif;text-align:center}.button:hover{background:#f1d8a0;color:#10272e}.button.secondary{background:transparent;color:#f2d69b;border-color:#967c4f}.button.secondary:hover{background:#dfbc7817}.fine{font-size:13px;color:#aebfb9;line-height:1.7}.content-section{padding:56px 0;border-top:1px solid #a68c5955}.content-section>p:not(.eyebrow):not(.fine){max-width:78ch}.story-grid,.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.story-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card{min-width:0;display:flex;flex-direction:column;border:1px solid #917c565e;background:linear-gradient(140deg,#294147,#132c33);border-radius:9px;overflow:hidden}.card-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid #917c5680}.card-copy{padding:24px;flex:1;display:flex;flex-direction:column}.card-copy h3 a{text-decoration:none;color:inherit}.card-copy>p{font-size:15px}.card-copy .eyebrow{font-size:10px}.card-copy .fine{margin-top:auto;font-size:12px}.text-link{font-size:14px;font-weight:700;display:inline-flex;justify-content:space-between;gap:12px}.task-grid article{padding:26px 24px;background:#263e423d;border-top:2px solid #ae9054;min-width:0}.task-grid article p{font-size:15px;margin-bottom:0}.step{font:26px Georgia,serif;color:#b69862}.room-entry{padding:38px;border:1px solid #bfa36c;border-radius:10px;background:linear-gradient(135deg,#294246,#13282f)}.room-entry label{display:block;font-size:14px;font-weight:700;margin:16px 0 8px}.room-entry input,.room-entry select{display:block;width:100%;min-width:0;background:#112830;color:#f4e8cd;border:1px solid #9c895f;border-radius:5px;padding:12px;font-size:16px;min-height:48px}.room-entry>input{max-width:450px}.mp-lobby-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:26px 0}.mp-lobby-columns section{min-width:0;display:flex;flex-direction:column;padding-top:20px;border-top:1px solid #bfa36c55}.mp-lobby-columns h2{font-size:1.5rem;margin:0 0 6px}.mp-lobby-columns p{font-size:14px;margin:16px 0 20px}.room-entry button{width:100%;min-height:48px;margin-top:auto;padding:12px;background:#d9ba7c;color:#10272e;border:1px solid #f4dc9e;border-radius:5px;font-weight:700;cursor:pointer}.room-entry button:disabled{opacity:.55;cursor:wait}#lobby-status{margin:0;font-size:14px}.mp-resume{display:block;padding:12px;border:1px solid #ad9568;border-radius:5px;margin:10px 0}.faq-list{max-width:850px}details{border-bottom:1px solid #ad956855;padding:18px 0}summary{cursor:pointer;color:#f1e2c7;font-weight:600;min-height:28px}details p{padding:18px 0 0;margin:0}.closing-cta{padding:45px 32px;text-align:center;background:radial-gradient(ellipse at top,#bd9b5430,transparent 75%),#183239;border:1px solid #ab8d5555;border-radius:8px}.closing-cta h2{max-width:22ch;margin:12px auto 22px}.closing-cta .fine{margin:18px 0 0}.site-footer{border-top:1px solid #b89b5855;padding:40px 0;margin-top:60px}.site-footer p{margin:14px 0;font-size:14px}.site-footer nav{gap:14px 28px;font-size:14px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;padding-top:25px;color:#c3c9b9}.breadcrumbs a{color:#c5cabb}.story-hero{padding:44px 0 42px}.story-hero h1{font-size:clamp(2.4rem,4.5vw,4.1rem)}.hero-subtitle{font:italic 22px/1.5 Georgia,serif;color:#e2c58a}.story-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #bda16966;padding:24px 0;gap:22px;margin:0 0 16px}.story-facts dt{font:11px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;color:#c6ad7e}.story-facts dd{font-size:16px;font-weight:600;margin:8px 0 0;line-height:1.5}.story-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:start}.story-layout .content-section{border:0}.paper{margin-top:48px;padding:28px;background:linear-gradient(145deg,#efdfb7,#dbca9b);border:1px solid #c0a875;border-radius:4px;color:#3d3527;box-shadow:0 8px 22px #0002}.paper h2{font:27px/1.2 Georgia,serif;color:#403528;margin:12px 0 20px}.paper p{font-size:14px;color:#514836}.paper .eyebrow{color:#785820}.paper p:last-child{margin:0}.film-section{max-width:900px;margin:auto}.film-section video{width:100%;height:auto;background:#172c31;border:1px solid #9e8557;border-radius:8px;aspect-ratio:16/9;margin:25px 0 14px}.film-section .fine{margin:0}.edition-note{padding:22px;border:1px solid #bfa471;border-left:4px solid #c8a65e;background:#d0b27810;margin:24px 0}.edition-note p{font-size:14px;margin:8px 0 0}.transcript p{font-size:15px}.story-page>.content-section.story-layout{gap:48px}
@media(max-width:950px){.home-hero,.story-hero{gap:28px}.story-grid{gap:15px}.card-copy{padding:18px}.card-copy h3{font-size:1.4rem}.story-layout{gap:28px}.site-header nav{gap:16px}}
@media(max-width:760px){main,.site-header,.site-footer{width:calc(100% - 36px)}.site-header{padding:20px 0;align-items:flex-start}.brand{font-size:13px;line-height:1.6;max-width:125px}.site-header nav{gap:8px 12px;justify-content:flex-end;max-width:220px}.site-header nav a{font-size:12px}.site-header .nav-start{padding:3px 10px}.home-hero,.story-hero{grid-template-columns:minmax(0,1fr);padding:35px 0;gap:26px}.home-hero h1{font-size:clamp(2.1rem,8vw,3.4rem)}figure img{aspect-ratio:16/10}.story-grid,.story-grid.two,.task-grid,.story-layout,.mp-lobby-columns{grid-template-columns:minmax(0,1fr)}.story-grid,.task-grid{gap:20px}.card-copy{padding:22px}.card-copy h3{font-size:1.7rem}.content-section{padding:35px 0}.story-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.paper{margin:0 0 30px;padding:24px}.story-layout{gap:0}.room-entry{padding:24px 18px}.mp-lobby-columns{gap:30px}.actions{gap:12px}.button{padding:12px 17px}.closing-cta{padding:32px 20px}.site-footer{margin-top:40px}.story-page>.content-section.story-layout{gap:22px}.hero-subtitle{font-size:20px}.story-hero h1{font-size:2.6rem}.room-entry .mp-lobby-columns button{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Game-hub homepage: interactive story selection, no autoplay or flashing. */
.landing{background:radial-gradient(ellipse at 15% 0,#31494c 0,transparent 38%),#0c222a}.landing .site-header{width:min(1280px,calc(100% - 64px));border:0;padding:25px 0}.landing main{width:min(1280px,calc(100% - 48px))}.landing .brand{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.09em}.landing .content-section,.landing .room-entry,.landing .closing-cta{margin-left:28px;margin-right:28px}.game-hero{position:relative;display:block;isolation:isolate;overflow:hidden;padding:70px 48px 110px;min-height:650px;border:1px solid #b2986477;border-radius:14px;background:#142a31}.hero-scene{position:absolute;inset:0;z-index:-2}.hero-scene img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none}.game-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07191fee 0,#091e24d6 34%,#091e243d 75%),linear-gradient(0deg,#071a24 0,transparent 45%)}.hero-content{max-width:720px;position:relative;z-index:1}.game-hero h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em;max-width:16ch;margin:21px 0 24px;color:#fff2d7;text-shadow:0 3px 22px #0008}.game-hero h1 em{font-style:normal;color:#e3c384}.game-hero .lead{font-size:18px;line-height:1.8;max-width:42ch;color:#d4dfd9}.game-hero .eyebrow{color:#efd396;letter-spacing:.12em}.live-dot{display:inline-block;width:7px;height:7px;background:#d8bd7c;border-radius:50%;box-shadow:0 0 12px #e6bc6655;margin-right:8px}.game-hero .button{min-height:52px;padding:14px 24px;border-radius:4px;font-weight:800}.game-hero .button.secondary{background:#10252ad9}.hero-benefits{font:700 10px/2 'Courier New',monospace;letter-spacing:.06em;color:#d2d3be}.hero-benefits span{padding:0 9px;color:#9d8a68}.hero-case{position:absolute;right:34px;bottom:129px;width:260px;background:#10272dda;backdrop-filter:blur(7px);padding:24px;border:1px solid #b59860aa;border-left:3px solid #d5b478;border-radius:5px;box-shadow:0 16px 32px #0003}.hero-case h2{font:700 23px/1.2 Georgia,serif;margin:12px 0}.hero-case p{font-size:13px;line-height:1.6;margin-bottom:12px}.hero-case .eyebrow{font:11px 'Courier New',monospace}.hero-case a{font-size:13px;font-weight:700}.mission-switcher{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#10242bf2;border-top:1px solid #b4976355}.mission-switcher button{display:flex;align-items:center;gap:16px;min-width:0;min-height:93px;text-align:left;padding:20px 28px;background:transparent;border:0;border-right:1px solid #a58b5744;border-top:3px solid transparent;color:#dddece;cursor:pointer}.mission-switcher button:last-child{border-right:0}.mission-switcher button[aria-pressed=true]{border-top-color:#dfbd75;background:linear-gradient(120deg,#96794532,#8e714113);color:#ffe9b8}.mission-switcher button:hover{background:#dac08017}.mission-number{font:26px/1 Georgia,serif;color:#c5a971}.mission-switcher strong{font:700 14px/1.5 Arial,sans-serif;display:block}.mission-switcher small{font:9px/1.5 'Courier New',monospace;color:#a9b6ae;letter-spacing:.05em;display:block;margin-top:4px}.landing h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.025em}.landing .story-grid{gap:24px}.landing .story-card{box-shadow:0 10px 24px #0002;border:1px solid #b092584d;background:linear-gradient(150deg,#27434b,#142c34)}.landing .story-card:hover{border-color:#c3a265}.landing .card-image{position:relative}.landing .card-image:after{content:"FREE BETA";position:absolute;left:14px;top:14px;padding:4px 10px;background:#0a222ded;border:1px solid #c2a06399;color:#f0d8a5;font:700 10px/1.7 'Courier New',monospace;letter-spacing:.07em}.landing .card-image img{aspect-ratio:16/11}.landing .card-copy h3{font-family:Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.035em;margin:7px 0 14px}.landing .card-copy>p{font-size:14px}.landing .card-copy .fine{font-size:12px;margin-bottom:22px}.card-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.card-actions .button{padding:10px 16px;min-height:44px;font-size:13px}.card-actions .text-link{font-size:12px}.landing .task-grid article{border-radius:4px;background:#1c353d}.landing .task-grid h3{font-family:Arial,sans-serif;font-size:20px;font-weight:700}.landing .room-entry{scroll-margin-top:25px}.landing #join-room-title{scroll-margin-top:25px}
@media(max-width:1060px){.hero-case{width:230px;right:25px}.game-hero{padding-left:36px}.hero-content{max-width:600px}.game-hero .lead{max-width:37ch}.mission-switcher button{padding:19px 20px;gap:12px}.mission-switcher strong{font-size:13px}}
@media(max-width:880px){.hero-case{display:none}.game-hero{min-height:610px}.game-hero:before{background:linear-gradient(90deg,#07191fe8,#091e2477),linear-gradient(0deg,#071a24,transparent 70%)}.landing .content-section,.landing .room-entry,.landing .closing-cta{margin-left:12px;margin-right:12px}}
@media(max-width:760px){.landing main{width:calc(100% - 24px)}.landing .site-header{width:calc(100% - 36px);padding:18px 0}.game-hero{padding:37px 24px 0;min-height:0;overflow:hidden}.hero-scene{bottom:196px}.hero-scene img{object-position:64% center}.game-hero:before{background:linear-gradient(90deg,#07191fed,#091e2485),linear-gradient(0deg,#071a24 15%,transparent 75%)}.game-hero h1{font-size:clamp(2.3rem,8.5vw,3.4rem);letter-spacing:-.045em;margin-top:18px}.game-hero .lead{font-size:16px;max-width:38ch}.game-hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:370px}.game-hero .button{padding:12px 17px;font-size:13px;min-height:49px}.hero-benefits{font-size:9px;line-height:2;max-width:310px;margin-bottom:30px}.hero-benefits span{padding:0 5px}.mission-switcher{position:relative;margin:0 -24px;grid-template-columns:minmax(0,1fr)}.mission-switcher button{min-height:66px;padding:12px 24px;border-right:0;border-top:1px solid #a58b5733;border-left:3px solid transparent;gap:18px}.mission-switcher button[aria-pressed=true]{border-top-color:#a58b5733;border-left-color:#dfbd75}.mission-switcher .mission-number{font-size:24px}.mission-switcher strong{font-size:14px}.mission-switcher small{margin-top:0}.mission-switcher button>span:last-child{display:flex;flex-direction:column}.landing .content-section,.landing .room-entry,.landing .closing-cta{margin-left:6px;margin-right:6px}.landing .story-grid{gap:22px}.landing .card-copy h3{font-size:24px}.landing .card-actions{justify-content:space-between}.landing .hero-content{padding-bottom:0}.landing .room-entry{padding:26px 18px}.landing .content-section h2{font-size:1.9rem}}

/* Real gameplay previews: scoped to public story pages. */
.play-preview{scroll-margin-top:24px}.preview-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start;margin:30px 0}.gameplay-shot{padding:12px;background:#0e232a;border:1px solid #bda16977;border-radius:8px}.gameplay-shot>a{display:block;border-radius:4px}.gameplay-shot img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:4px;box-shadow:none}.gameplay-shot figcaption{font:13px/1.65 Inter,Arial,sans-serif;letter-spacing:0;color:#c8d6d1;margin:12px 2px 2px}.gameplay-shot figcaption a{display:inline-block;padding:8px 0;min-height:44px}.preview-copy h3{margin-top:0}.preview-copy .fine{margin-bottom:24px}.preview-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0}.preview-modes article{padding:26px;border-top:2px solid #bda169;background:#263e423d;min-width:0}.preview-modes article>a{display:inline-block;padding:10px 0;min-height:44px;font-weight:600}.preview-modes .eyebrow{margin-bottom:8px}.practice-puzzle{scroll-margin-top:24px;max-width:900px;padding:28px 32px;border:1px solid #bda169;border-radius:5px;background:linear-gradient(145deg,#efdfb7,#dbca9b);color:#403528;box-shadow:0 8px 22px #0002}.practice-puzzle h3{color:#403528;margin:0 0 20px;font-size:1.75rem}.practice-puzzle p,.practice-puzzle li{color:#403528}.practice-puzzle .eyebrow{color:#694b1c}.practice-puzzle details{border-top:1px solid #92784688;border-bottom:0;padding:8px 0 0}.practice-puzzle summary{color:#403528;min-height:48px;display:list-item;padding:12px 0;font-weight:700}.practice-puzzle ol{padding-left:24px;margin:16px 0}.practice-puzzle li+li{margin-top:12px}.practice-puzzle details p{padding:0;margin-top:18px}.practice-puzzle :focus-visible{outline-color:#163d48}.preview-modes p:last-of-type{margin-bottom:8px}
@media(max-width:760px){.preview-layout,.preview-modes{grid-template-columns:minmax(0,1fr);gap:24px}.preview-layout{margin:24px 0}.preview-modes{margin:28px 0}.preview-modes article{padding:22px 18px}.practice-puzzle{padding:24px 20px}.practice-puzzle h3{font-size:1.55rem}.gameplay-shot{padding:8px}.preview-copy .button{width:100%}}