/* Clock Out Alive — cinematic site v0.3. Core game styles remain in styles.css. */
:root{--night:#10120f;--night-deep:#090b09;--ivory:#eee8d8;--flame:#df472a;--acid:#d8e485;--gold:#d2aa62;--muted-light:#a5a999;--cut:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px))}
html{scroll-padding-top:110px}.cinematic-site{background:var(--night);color:var(--ivory);overflow-x:clip;font-size:15px}.cinematic-site::after{opacity:.055;z-index:12}.cinematic-site h1,.cinematic-site h2,.cinematic-site h3{font-family:-apple-system,'SF Pro Display','PingFang SC','Heiti SC',sans-serif}.cinematic-site h2{font-weight:950}.cinematic-header{position:fixed;top:18px;left:25px;right:25px;width:auto;height:76px;border:1px solid #e8dec427;background:#10120fa6;backdrop-filter:blur(14px);padding:0 25px;z-index:40;transition:top .3s,background .3s,border-color .3s}.cinematic-header.scrolled{top:0;left:0;right:0;border-color:#575e463d;background:#11150fed}.cinematic-header .brand{color:var(--ivory)}.cinematic-header .brand-stamp{color:var(--flame);border-color:var(--flame);box-shadow:inset 0 0 0 2px var(--night),inset 0 0 0 3px var(--flame);background:var(--night)}.cinematic-header nav{gap:38px;font-size:12px;letter-spacing:2px}.cinematic-header nav a{color:#c3c8b4;transition:color .2s}.cinematic-header nav a:hover{color:var(--acid)}.header-tools{display:flex;gap:25px;align-items:center}.header-tools>button{font-size:10px;color:#a8ad99;min-height:40px}.cinematic-header .nav-cta{color:var(--ivory);border:0;background:var(--flame);padding:12px 20px;min-height:44px;font-weight:650;clip-path:var(--cut);gap:35px}.cinematic-header .nav-cta>span{color:var(--ivory);font-size:19px}.chapter-rail{position:fixed;left:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:35;mix-blend-mode:difference}.chapter-rail a{display:flex;gap:8px;align-items:center;min-height:34px;width:40px;font-family:var(--mono);font-size:9px;opacity:.3;transition:opacity .2s}.chapter-rail a.active{opacity:1}.chapter-rail a i{width:3px;height:20px;background:var(--ivory)}.chapter-rail a.active i{background:var(--flame);height:29px}.opening{position:relative;height:100svh;min-height:780px;isolation:isolate;overflow:hidden;background:var(--night-deep)}.opening-backdrop{position:absolute;inset:-4%;z-index:-5;transform:translate(calc(var(--pointer-x,0px) * -.2),calc(var(--pointer-y,0px) * -.15)) scale(1.025);will-change:transform}.opening-backdrop img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(.9) brightness(.85)}.opening-shadow{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(7,10,7,.82),rgba(11,14,9,.26) 53%,rgba(8,10,7,.06) 73%),linear-gradient(0deg,#0b0e0b 0,transparent 25%,transparent 70%,rgba(7,10,7,.18))}.opening-clock{position:absolute;z-index:-2;right:8%;top:13%;font-family:var(--mono);font-size:clamp(130px,19vw,380px);font-weight:800;letter-spacing:-20px;line-height:1;color:#f2d797;opacity:.09;transform:rotate(-8deg);user-select:none}.opening-actor{position:absolute;right:-3%;bottom:-7%;width:51%;height:102%;z-index:-1;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));will-change:transform;pointer-events:none;filter:drop-shadow(-20px 5px 25px #090b0980)}.opening-actor img{height:100%;width:100%;object-fit:contain;object-position:50% 100%;animation:actor-breathe 7s ease-in-out infinite}.opening-copy{position:absolute;left:8.6%;top:49%;transform:translateY(-45%);z-index:4;width:80%;pointer-events:none}.opening-copy a,.opening-copy button{pointer-events:auto}.opening-label{display:flex;align-items:center;gap:10px;color:#c7caac;font-size:11px;letter-spacing:3px;text-shadow:0 1px 5px #000;margin-bottom:28px}.opening-label>span{width:6px;height:6px;display:block;background:var(--flame);box-shadow:0 0 15px var(--flame)}.main-title{font-weight:950!important;line-height:1.1!important;letter-spacing:-7px!important;white-space:normal!important;transform:rotate(-3deg) skewX(-3deg);transform-origin:left bottom;text-shadow:4px 6px 0 #11170e,7px 9px 0 #0008;position:relative;max-width:1300px}.main-title>span{display:block;width:max-content}.main-title .title-first{font-size:clamp(80px,7.2vw,150px);color:var(--ivory);line-height:1.05;margin-left:8px}.main-title .title-last{font-size:clamp(91px,8.5vw,174px);line-height:1.18;color:var(--ivory)}.main-title b{color:var(--flame);font-weight:950;-webkit-text-stroke:1px var(--flame);position:relative}.main-title b::after{content:'';position:absolute;left:1%;right:-1%;height:7px;background:var(--flame);bottom:-3px;clip-path:polygon(0 10%,100% 0,98% 55%,6% 100%)}.main-title i{font-style:normal;color:var(--flame);margin-left:-12px;font-size:.7em}.opening-tagline{font-family:var(--serif);font-size:clamp(24px,2.2vw,42px);font-weight:750;letter-spacing:7px;margin:32px 0 15px;text-shadow:1px 2px 8px #000}.opening-note{color:#b7bda7;font-size:13px;letter-spacing:2px;text-shadow:0 1px 6px #000}.opening-actions{display:flex;align-items:center;gap:32px;margin-top:32px}.slash-button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:19px 28px;min-height:62px;background:var(--acid);color:#1a2111;font-size:14px;font-weight:800;clip-path:var(--cut);position:relative;transition:transform .2s,filter .2s;letter-spacing:1px}.slash-button:hover{transform:translateY(-4px);filter:brightness(1.12)}.slash-button b{font-size:24px;line-height:1}.red-button{background:var(--flame);color:var(--ivory)}.film-trigger{display:flex;align-items:center;gap:14px;color:var(--ivory);text-align:left;padding:0;min-height:55px}.film-trigger>span:last-child{font-size:12px;font-weight:600;letter-spacing:1px}.film-trigger small{display:block;font-size:9px;font-weight:400;letter-spacing:1.5px;margin-top:3px;color:#9da48d}.film-play{height:43px;width:43px;border:1px solid #c2c5af;position:relative;border-radius:50%;transition:transform .2s,border-color .2s}.film-play::after{content:'';position:absolute;top:14px;left:17px;border-left:11px solid var(--ivory);border-top:6px solid transparent;border-bottom:6px solid transparent}.film-trigger:hover .film-play{transform:scale(1.13);border-color:var(--flame)}.opening-meta{display:flex;align-items:center;gap:15px;color:#9ba38b;font-size:9px;letter-spacing:2px;margin-top:27px}.opening-meta span+span:before{content:'/';margin-right:15px;color:#5f6650}.opening-stamp{position:absolute;right:4%;bottom:12%;z-index:6;color:var(--acid);border:2px solid var(--acid);padding:12px 18px;transform:rotate(9deg);font-family:var(--serif);font-size:12px;font-weight:600;line-height:1.8;box-shadow:4px 4px 0 #0c110bdd;pointer-events:none;background:#11180ed4}.opening-stamp b{font-size:17px}.opening-bottom{position:absolute;z-index:8;bottom:23px;left:8.6%;right:5.4%;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#a6ab92;gap:20px}.opening-bottom a{display:flex;align-items:center;gap:23px;color:var(--ivory);font-family:var(--font);font-size:11px}.opening-bottom a>b{font-family:var(--mono);font-size:23px;font-weight:400;animation:scroll-nudge 2.5s ease-in-out infinite}#paper-atmosphere{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:.75}.warning-ribbon{height:76px;background:var(--flame);color:#171a10;transform:rotate(-1.3deg) scale(1.02);position:relative;z-index:10;margin-top:-5px;overflow:hidden;border-block:2px solid #1b1f12}.warning-ribbon>div{display:flex;align-items:center;gap:35px;white-space:nowrap;height:100%;width:max-content;animation:ribbon-drift 28s linear infinite}.warning-ribbon span{font-size:25px;font-weight:900;letter-spacing:-.7px;opacity:.5;text-decoration:line-through;text-decoration-thickness:2px}.warning-ribbon b{font-size:30px;font-weight:950;letter-spacing:1px;transform:skewX(-8deg)}.warning-ribbon span:first-child{margin-left:30px}.world-journey{height:245vh;position:relative;margin-top:-10px;background:#12170f}.journey-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;--journey-progress:0}.journey-bg{position:absolute;inset:-8%;z-index:-4;transform:translateY(calc(var(--journey-progress) * -40px)) scale(calc(1.04 + var(--journey-progress) * .04));transition:filter .8s}.journey-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 48%;filter:brightness(.45) saturate(.65)}.journey-stage[data-chapter="1"] .journey-bg{filter:sepia(.4) saturate(1.5)}.journey-stage[data-chapter="2"] .journey-bg{filter:hue-rotate(30deg)}.journey-dark{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a100bf5,#0a100b91 52%,#0a100b15),linear-gradient(0deg,#11170e,transparent 35%)}.journey-index{position:absolute;right:6%;top:15%;font-family:var(--mono);font-size:clamp(200px,32vw,640px);font-weight:800;color:#c7d48a;opacity:.07;line-height:1;letter-spacing:-25px;pointer-events:none}.journey-content{position:absolute;left:9%;top:44%;transform:translateY(-40%);width:75%;z-index:3}.scene-eyebrow{font-size:10px;letter-spacing:3px;color:var(--acid);font-weight:600}.journey-content h2{font-size:clamp(44px,6vw,112px);font-weight:900;letter-spacing:-3px;line-height:1.25;margin:30px 0;color:var(--ivory)}.journey-content h2 span{color:var(--acid)}.journey-stage[data-chapter="1"] h2 span{color:var(--flame)}.journey-content>p:not(.scene-eyebrow){color:#b2bba2;font-size:14px;line-height:2;letter-spacing:1px}.scene-link{font-size:11px;letter-spacing:1px;color:var(--acid);border-bottom:1px solid #aebd6b77;padding:6px 0;margin-top:24px;min-height:40px}.journey-progress{position:absolute;left:9%;right:9%;bottom:115px;display:flex;gap:30px}.journey-progress>button{flex:1;display:flex;gap:16px;text-align:left;position:relative;padding:16px 0;color:#768268;border-bottom:2px solid #66744d5c;min-height:70px}.journey-progress>button b{font-family:var(--mono);font-size:22px;line-height:1.7;font-weight:400}.journey-progress>button>span{font-size:12px;align-self:center;letter-spacing:1px}.journey-progress>button i{position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--acid);transition:width .45s}.journey-progress>button.active{color:var(--ivory)}.journey-progress>button.active i{width:100%}.journey-floor{position:absolute;bottom:48px;left:9%;color:#758367;font-size:11px;letter-spacing:2px}.versus-section{position:relative;isolation:isolate;padding-top:80px;background:#e1ddca;color:#161b12;overflow:hidden}.versus-heading{padding:0 9% 48px;position:relative;z-index:5}.versus-heading .scene-eyebrow{color:#766c50}.versus-heading h2{font-size:clamp(41px,5.5vw,95px);margin-top:24px;line-height:1.12;letter-spacing:-3px}.versus-heading h2>span{color:var(--flame)}.versus-grid{display:flex;height:660px;position:relative;border-block:1px solid #181e1530}.role-panel{flex:1;position:relative;isolation:isolate;overflow:hidden;transition:flex .6s cubic-bezier(.2,.7,.2,1)}.role-panel:hover{flex:1.15}.employee-panel{background:#d7d5b7}.boss-panel{background:#a63321;color:var(--ivory)}.role-panel:after{position:absolute;content:'';inset:0;z-index:0;background:linear-gradient(0deg,#10170f 0,#10170f7a 38%,transparent 66%);pointer-events:none}.role-background-word{position:absolute;left:5%;top:0;font-size:clamp(120px,17vw,350px);font-weight:950;line-height:1;white-space:nowrap;opacity:.12;letter-spacing:-20px;user-select:none}.boss-panel .role-background-word{color:#090c08;opacity:.27;left:auto;right:6%}.role-cutout{position:absolute;bottom:0;width:80%;height:112%;object-fit:contain;object-position:bottom;filter:drop-shadow(10px 10px 10px #0004);z-index:-1;transition:transform .7s}.employee-cutout{right:-10%;transform:rotate(2deg)}.boss-cutout{right:-9%;height:116%;transform:rotate(-4deg)}.role-panel:hover .role-cutout{transform:scale(1.05) rotate(0)}.role-intro{position:absolute;z-index:4;bottom:55px;left:13%;right:8%;color:var(--ivory)}.role-label{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--acid)}.boss-panel .role-label{color:#edd2a0}.role-intro h3{font-size:clamp(37px,3.5vw,62px);line-height:1.2;letter-spacing:-1px;margin:18px 0 17px;font-weight:950}.role-intro>p{font-size:12px;color:#a5ad95;line-height:1.9;margin-bottom:20px}.boss-panel .role-intro>p{color:#d9bba3}.role-intro .slash-button{padding:14px 20px;font-size:12px;min-height:49px;gap:20px}.boss-panel .role-intro .slash-button{background:#f0d0a0;color:#34150e}.role-file{position:absolute;top:22px;right:28px;font-size:10px;z-index:6;color:#121b11;border-bottom:1px solid #121b1150;min-height:35px}.boss-panel .role-file{color:#ecd1b0;border-color:#e3b79170}.colleague-note{display:flex;align-items:center;justify-content:center;gap:35px;padding:25px 30px;font-size:10px;letter-spacing:1px}.colleague-note>span{color:#737455}.colleague-note button{min-height:36px;border-bottom:1px solid #4f593a44;color:#39432c;font-size:11px}.arsenal-section{position:relative;background:#11180f;overflow:hidden;padding:100px 0 70px;isolation:isolate}.arsenal-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 20px,#88996404 20px,#88996404 21px);pointer-events:none;z-index:-1}.arsenal-heading{padding:0 9%;position:relative;z-index:4}.arsenal-heading h2{font-size:clamp(40px,4.8vw,83px);line-height:1.15;letter-spacing:-2px;margin:25px 0 30px}.arsenal-heading h2>span{color:var(--acid)}.arsenal-camp{width:max-content;border:1px solid #91a1685e;background:#11180f}.arsenal-camp button{color:#8b9976;font-size:12px;padding:12px 20px}.arsenal-camp button.active{background:var(--acid);color:#1b2412}.arsenal-camp button small{font-size:9px}.arsenal-stage{position:relative;display:grid;grid-template-columns:47% 53%;min-height:510px;margin-top:-60px;z-index:2;padding:0 9%}.arsenal-figure{position:relative;pointer-events:none;min-height:540px;align-self:stretch}.arsenal-figure>img{position:absolute;height:132%;width:112%;max-height:820px;object-fit:contain;object-position:bottom;bottom:-35px;left:-16%;transition:opacity .4s,transform .6s;filter:drop-shadow(0 15px 15px #050a04)}.arsenal-figure .arsenal-boss{opacity:0;transform:translateX(-40px) rotate(-6deg)}[data-arsenal="boss"] .arsenal-figure .arsenal-employee{opacity:0;transform:translateX(40px) rotate(6deg)}[data-arsenal="boss"] .arsenal-figure .arsenal-boss{opacity:1;transform:translateX(0) rotate(0)}.arsenal-versus{position:absolute;right:-4%;top:40%;font-family:var(--mono);font-size:100px;line-height:1;font-weight:900;letter-spacing:-12px;color:var(--flame);transform:rotate(-12deg);opacity:.7}.arsenal-preview{padding:85px 0 25px 10%;align-self:center;position:relative;z-index:3}.arsenal-preview .overline{font-size:10px;letter-spacing:2px;color:var(--acid)}.arsenal-preview h3{font-size:clamp(44px,5.5vw,94px);line-height:1.2;letter-spacing:-4px;font-weight:950;color:var(--ivory);text-shadow:4px 4px #060c06;transform:rotate(-2deg);margin-top:12px}.arsenal-preview .arsenal-effect{margin:22px 0 17px;font-size:13px;color:var(--acid);line-height:1.8}.arsenal-preview .arsenal-desc{font-size:13px;color:#9da98c;line-height:2;max-width:480px}.arsenal-counter{border-top:1px solid #778b4b57;margin-top:23px;padding-top:17px;max-width:500px;display:grid;grid-template-columns:55px 1fr;gap:20px}.arsenal-counter>span{color:var(--flame);font-size:11px;font-weight:650;padding-top:2px;letter-spacing:3px}.arsenal-counter>p{font-size:11px;color:#9aa587;line-height:2}.arsenal-details{margin-top:23px;display:flex;align-items:center;gap:25px}.arsenal-details>button{color:var(--ivory);font-size:11px;border-bottom:1px solid #c9d1ab55;padding:7px 0;min-height:40px}.arsenal-details>button:first-child{color:var(--acid);border-color:var(--acid)}.arsenal-selector-wrap{margin:0 9%;position:relative;z-index:5;border-top:1px solid #77904957;padding-top:23px;background:#11180f}.arsenal-selector-wrap>p{font-size:10px;color:#879573;letter-spacing:2px;margin-bottom:14px}.arsenal-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-color:#647441 transparent;scrollbar-width:thin}.arsenal-selector>button{font-size:11px;color:#87966d;padding:11px 17px;min-height:44px;white-space:nowrap;border:1px solid #6f81423b;flex-shrink:0;transition:background .2s,border-color .2s;position:relative}.arsenal-selector>button.active{background:#26351a;border-color:var(--acid);color:var(--acid)}.arsenal-selector>button:hover{border-color:#a6bc70}.arsenal-selector>button small{font-family:var(--mono);font-size:8px;opacity:.6;margin-right:8px}[data-arsenal="boss"] .arsenal-heading h2>span,[data-arsenal="boss"] .arsenal-effect,[data-arsenal="boss"] .arsenal-preview .overline{color:#e68e5f}[data-arsenal="boss"] .arsenal-camp button.active{background:var(--flame);color:var(--ivory)}[data-arsenal="boss"] .arsenal-selector>button.active{background:#3c2115;border-color:var(--flame);color:#ed9b67}.legacy-skill-data{display:none!important}.cinematic-play{padding-top:100px;background:#0b100c;position:relative;border-top:1px solid #58683b4d}.cinematic-play:before{content:'WORK. REST. RESIST.';position:absolute;top:45px;left:6%;font-family:var(--mono);font-size:clamp(80px,13vw,230px);font-weight:900;white-space:nowrap;color:#d5e8a904;letter-spacing:-8px;pointer-events:none}.cinematic-play .section-shell{max-width:1500px;padding-inline:75px;position:relative}.play-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}.play-heading h2{font-size:clamp(40px,4.8vw,85px);line-height:1.2;letter-spacing:-2px;margin-top:22px}.play-heading h2>span{color:var(--acid)}.play-utility{color:#8f9f80;font-size:11px;line-height:1.9;display:flex;flex-direction:column;gap:18px;align-items:flex-end}.play-utility .sound-toggle{border-color:#687d454d;color:#c9d8b0;min-height:40px}.cinematic-play .game-shell{box-shadow:0 20px 90px #0007;border-color:#85915d;position:relative}.cinematic-play .game-shell:before{content:'饼图无限责任公司 / 在岗生存系统';font-size:8px;font-family:var(--mono);letter-spacing:2px;color:#7e9261;position:absolute;top:-24px;left:0}.cinematic-play .button{color:var(--ink)}.cinematic-play .button.primary{color:var(--paper-light)}.cinematic-play .game-bottom{margin-top:20px}.outro-section{height:690px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.outro-art{position:absolute;inset:0;z-index:-4;transform:scale(1.03)}.outro-art>img{width:100%;height:100%;object-fit:cover;object-position:70% 54%;filter:brightness(.2) saturate(.5)}.outro-section:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#11180ff0,#11180f77,transparent)}.outro-content{margin-left:9%;z-index:3}.outro-content .scene-eyebrow{font-size:9px;letter-spacing:2px}.outro-content h2{font-size:clamp(45px,7vw,125px);font-weight:950;letter-spacing:-4px;line-height:1.2;margin:28px 0 35px;transform:rotate(-2deg)}.outro-content h2 span{color:var(--flame)}.outro-clock{position:absolute;right:1%;bottom:9%;font-family:var(--mono);font-size:clamp(160px,25vw,510px);color:#d8e8ac;opacity:.09;font-weight:900;letter-spacing:-35px;transform:rotate(-10deg);z-index:-1}.sources-strip{display:flex;align-items:center;justify-content:center;gap:45px;padding:30px 40px;border-block:1px solid #5369383d;background:#12190f;font-size:10px;color:#7f8c6e}.sources-strip>button{font-size:11px;color:#adbd94;min-height:40px}.cinematic-footer{background:#0b100c;padding:35px 6%;max-width:none;border-top:0}.cinematic-footer .brand{color:var(--ivory)}.cinematic-footer .brand-stamp{box-shadow:none;border-color:var(--flame);color:var(--flame)}.cinematic-footer>p{color:#6f7c60}.cinematic-footer>button{color:#a8b88e;border-color:#52633766}.cinematic-site dialog{background:#eae5d5;color:var(--ink);border:1px solid #d8e48566;box-shadow:0 10px 100px #0009;max-width:min(740px,calc(100vw - 28px))}.cinematic-site dialog::backdrop{background:#050b06d9;backdrop-filter:blur(8px)}.cinematic-site .toast{background:#18220f;color:var(--ivory);border-color:#7a8e4b;z-index:80}.cinematic-site #film-dialog{width:min(1500px,95vw);max-width:95vw;padding:0;border-color:#4c5e35;background:#050a06;overflow:hidden}.film-screen{aspect-ratio:16/9;position:relative;min-height:450px;overflow:hidden;color:var(--ivory);background:#070b08;isolation:isolate}.film-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6);z-index:-4;animation:film-camera 6s linear infinite}.film-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07100ae6,transparent 85%),linear-gradient(0deg,#050a08,transparent 35%,transparent 75%,#050a08)}.film-character{position:absolute;right:-3%;bottom:-10%;height:100%;width:55%;object-fit:contain;object-position:bottom;opacity:0;transform:translateX(35px);transition:opacity .7s,transform .7s;z-index:-1}.film-screen[data-film-scene="2"] .film-character{opacity:1;transform:translateX(0)}.film-screen[data-film-scene="1"] .film-backdrop{filter:brightness(.35) sepia(.5)}.film-label{position:absolute;top:22px;left:32px;font-size:8px;font-family:var(--mono);letter-spacing:2px;color:#aab893}.film-screen>#film-close{position:absolute;right:22px;top:14px;font-size:11px;color:var(--ivory);padding:10px;min-height:44px}.film-copy{position:absolute;left:8%;top:43%;transform:translateY(-40%);z-index:4}.film-copy>span{font-family:var(--mono);font-size:10px;color:var(--acid);letter-spacing:2px}.film-copy h2{font-size:clamp(35px,5vw,90px);line-height:1.2;letter-spacing:-2px;margin:20px 0 25px;text-shadow:3px 3px #041007}.film-copy h2 span{color:var(--flame)}.film-copy>p{font-size:13px;letter-spacing:1px;color:#b7c1a7;max-width:500px;line-height:1.9}.film-controls{position:absolute;bottom:20px;left:30px;right:30px;display:flex;align-items:center;gap:15px;z-index:6}.film-controls button{color:var(--ivory);font-size:10px;min-height:44px;flex-shrink:0}.film-controls #film-pause{color:var(--acid);border:1px solid #768d4f77;padding:4px 12px}.film-track{height:3px;background:#53613b55;flex:1;min-width:50px}.film-track>i{display:block;height:100%;background:var(--flame);width:0}.film-controls>span{font-family:var(--mono);font-size:9px;color:#9fac8b;white-space:nowrap}.film-controls #film-to-play{color:var(--acid);margin-left:15px}.film-screen.film-paused .film-backdrop{animation-play-state:paused}.journey-stage.scene-change .journey-content{animation:copy-cut .45s cubic-bezier(.2,.7,.2,1)}.arsenal-preview.skill-change{animation:copy-cut .4s ease-out}.cinematic-site .game-shell h3,.cinematic-site .game-shell h2{color:var(--ink)}.cinematic-site .game-shell .role-label{color:var(--red)}[data-motion="off"] *,[data-motion="off"] *::before,[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion="off"] .opening-actor,[data-motion="off"] .opening-backdrop{transform:none!important}[data-motion="off"] #paper-atmosphere{display:none}.cinematic-site .revealed{opacity:1;transform:none}.motion-ready [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.motion-ready [data-reveal].revealed{opacity:1;transform:none}@keyframes actor-breathe{0%,100%{transform:translateY(0) rotate(.3deg)}50%{transform:translateY(9px) rotate(-.3deg)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes ribbon-drift{from{transform:translateX(0)}to{transform:translateX(-36%)}}@keyframes copy-cut{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}@keyframes film-camera{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.1) translateX(-1%)}}
@media(min-width:1900px){.opening-actor{right:0;width:49%;height:106%}.opening-copy{top:49%}.opening-actions{margin-top:40px}.opening-tagline{margin-top:42px}.opening-meta{margin-top:32px}.versus-grid{height:800px}.arsenal-stage{min-height:650px}.arsenal-figure{min-height:650px}.arsenal-figure>img{height:125%;max-height:950px}.role-intro{left:17%}.cinematic-play .section-shell{max-width:1650px;padding-inline:90px}}
@media(max-width:1100px){.cinematic-header{left:15px;right:15px;padding-inline:20px;height:70px}.cinematic-header nav{gap:24px}.header-tools{gap:15px}.header-tools>button{font-size:9px}.cinematic-header .nav-cta{padding:11px 15px;gap:22px}.chapter-rail{left:12px}.opening{min-height:750px}.opening-copy{left:7%;top:47%;width:90%}.opening-label{font-size:9px;letter-spacing:2px}.main-title{letter-spacing:-5px!important}.main-title .title-first{font-size:9vw}.main-title .title-last{font-size:10vw}.opening-actor{width:56%;right:-8%;bottom:-5%;height:100%;opacity:.85}.opening-tagline{font-size:27px;letter-spacing:5px}.opening-note{font-size:11px}.opening-stamp{font-size:10px;right:4%;bottom:13%;padding:9px 12px}.opening-stamp b{font-size:14px}.opening-bottom{left:7%;right:5%;font-size:8px}.opening-bottom>span:last-child{display:none}.opening-meta{font-size:8px;gap:10px}.opening-meta span+span:before{margin-right:10px}.opening-actions{gap:22px}.slash-button{font-size:12px;padding:16px 21px;min-height:55px}.film-trigger>span:last-child{font-size:10px}.film-trigger small{font-size:8px}.journey-content{left:8%}.journey-progress{left:8%;right:8%;gap:20px}.journey-floor{left:8%;font-size:10px}.versus-grid{height:620px}.role-cutout{width:100%;right:-20%;height:107%}.role-intro{left:12%;right:8%}.role-intro h3{font-size:40px}.role-intro>p{font-size:11px}.role-intro .slash-button{font-size:10px;gap:15px;padding:12px 15px}.colleague-note{gap:20px;font-size:9px}.arsenal-section{padding-block:80px 50px}.arsenal-stage{padding-inline:8%;grid-template-columns:45% 55%}.arsenal-heading{padding-inline:8%}.arsenal-heading h2{font-size:55px}.arsenal-figure>img{height:120%;width:130%;left:-26%}.arsenal-versus{right:-12%;font-size:85px}.arsenal-preview{padding-left:7%}.arsenal-preview h3{font-size:62px;letter-spacing:-3px}.arsenal-preview .arsenal-effect{font-size:11px}.arsenal-preview .arsenal-desc{font-size:11px}.arsenal-counter{gap:15px}.arsenal-counter>p{font-size:10px}.arsenal-selector-wrap{margin-inline:8%}.cinematic-play .section-shell{padding-inline:50px}.play-heading h2{font-size:55px}.sources-strip{gap:25px}.outro-content{margin-left:8%}.outro-clock{font-size:32vw;right:3%;bottom:10%}}
@media(max-width:760px){html{scroll-padding-top:83px}.cinematic-header{top:10px;left:10px;right:10px;height:60px;padding-inline:12px;gap:12px}.cinematic-header .brand{font-size:8px}.cinematic-header .brand b{font-size:13px;letter-spacing:2px}.cinematic-header .brand-stamp{width:30px;height:30px;font-size:13px}.cinematic-header nav{display:none}.header-tools{gap:11px}.header-tools>button{font-size:8px;min-height:40px}.cinematic-header .nav-cta{min-height:38px;padding:9px 12px;gap:16px;font-size:10px}.cinematic-header .nav-cta>span{font-size:16px}.chapter-rail{display:none}.opening{height:100svh;min-height:790px;max-height:1050px}.opening-backdrop{inset:0 -40% 0 -25%;transform:none!important}.opening-backdrop img{object-position:66% center;filter:brightness(.65)}.opening-shadow{background:linear-gradient(90deg,#0b110ca8,transparent 70%),linear-gradient(0deg,#09110a 0,#0b100b36 45%,#0b100b4d)}.opening-actor{right:-24%;bottom:-4%;width:112%;height:69%;opacity:1;filter:drop-shadow(-8px 0 10px #0005);z-index:-1}.opening-actor img{object-position:right bottom}.opening-clock{right:8%;top:20%;font-size:145px;opacity:.1;letter-spacing:-10px}.opening-copy{left:7%;top:133px;transform:none;width:89%;pointer-events:none}.opening-label{font-size:8px;letter-spacing:1px;margin-bottom:22px;gap:7px}.opening-label>span{height:4px;width:4px}.main-title{letter-spacing:-4px!important;transform:rotate(-4deg) skewX(-4deg);text-shadow:3px 4px 0 #07110a,5px 6px 0 #0008}.main-title .title-first{font-size:16.5vw;line-height:1.05;margin-left:3px}.main-title .title-last{font-size:17.8vw;line-height:1.2}.main-title b{-webkit-text-stroke:0}.main-title b::after{height:4px;bottom:-2px}.main-title i{margin-left:-7px;font-size:.6em}.opening-tagline{font-size:20px;letter-spacing:3px;margin-top:25px;margin-bottom:12px;font-weight:800}.opening-note{font-size:9px;letter-spacing:1px;max-width:180px;line-height:1.9}.opening-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px}.opening-actions .slash-button{min-height:49px;font-size:11px;padding:13px 18px;gap:25px;box-shadow:0 0 20px #000}.opening-actions .slash-button b{font-size:20px}.film-trigger{min-height:43px;gap:10px}.film-play{height:34px;width:34px}.film-play::after{top:11px;left:13px;border-left-width:9px;border-top-width:5px;border-bottom-width:5px}.film-trigger>span:last-child{font-size:9px}.film-trigger small{font-size:7px;letter-spacing:1px}.opening-meta{margin-top:20px;font-size:7px;gap:7px;letter-spacing:1px;flex-wrap:wrap;max-width:200px}.opening-meta span+span:before{margin-right:7px}.opening-meta>span:last-child{display:none}.opening-stamp{right:7%;bottom:14%;font-size:9px;line-height:1.8;padding:8px 10px;transform:rotate(8deg)}.opening-stamp b{font-size:12px}.opening-bottom{left:7%;right:7%;bottom:20px;font-size:6px;letter-spacing:1px;align-items:flex-end}.opening-bottom>span:first-child{max-width:115px;line-height:1.8}.opening-bottom a{font-size:9px;gap:10px}.opening-bottom a>b{font-size:19px}.warning-ribbon{height:59px;transform:rotate(-2deg) scale(1.03);margin-top:-2px}.warning-ribbon>div{gap:22px;animation-duration:20s}.warning-ribbon span{font-size:18px}.warning-ribbon b{font-size:22px}.world-journey{height:auto;margin-top:-6px}.journey-stage{position:relative;height:850px;min-height:0}.journey-bg{inset:-2% -50%;transform:none!important}.journey-bg img{object-position:65% center;filter:brightness(.4)}.journey-dark{background:linear-gradient(90deg,#0a120be3,#0a120b4d),linear-gradient(0deg,#10170d,transparent 55%)}.journey-index{font-size:220px;letter-spacing:-14px;top:12%;right:4%;opacity:.12}.journey-content{left:8%;right:8%;width:auto;top:18%;transform:none}.scene-eyebrow{font-size:8px;letter-spacing:2px}.journey-content h2{font-size:44px;line-height:1.35;letter-spacing:-2px;margin:25px 0}.journey-content>p:not(.scene-eyebrow){font-size:11px;line-height:2.1;max-width:290px;letter-spacing:0}.scene-link{font-size:10px;margin-top:24px}.journey-progress{left:8%;right:8%;bottom:105px;gap:13px}.journey-progress>button{flex-direction:column;gap:6px;padding:14px 0;min-height:95px}.journey-progress>button b{font-size:23px;line-height:1}.journey-progress>button>span{font-size:8px;align-self:flex-start;letter-spacing:0;white-space:nowrap}.journey-floor{left:8%;right:8%;bottom:43px;font-size:9px;letter-spacing:1px;line-height:1.9;max-width:280px}.versus-section{padding-top:55px}.versus-heading{padding:0 8% 35px}.versus-heading h2{font-size:42px;line-height:1.2;letter-spacing:-2px;margin-top:20px}.versus-grid{height:auto;display:block}.role-panel{height:610px;flex:none}.role-cutout{height:105%;width:100%;right:-18%;bottom:0}.role-panel:after{background:linear-gradient(0deg,#10170f 0,#10170f4a 58%,transparent 90%)}.role-panel .role-background-word{font-size:145px;letter-spacing:-12px;top:25px;left:5%}.role-intro{left:9%;bottom:35px;right:8%}.role-intro h3{font-size:38px;line-height:1.2;margin-top:15px;margin-bottom:15px;letter-spacing:-1px}.role-label{font-size:8px;letter-spacing:1px}.role-intro>p{font-size:11px;max-width:250px;margin-bottom:18px}.role-intro .slash-button{font-size:11px;padding:13px 18px}.role-file{top:18px;right:20px;font-size:9px}.colleague-note{flex-wrap:wrap;gap:6px 20px;padding:23px 8%;justify-content:flex-start}.colleague-note>span{width:100%;font-size:9px}.colleague-note button{font-size:10px}.arsenal-section{padding:60px 0 35px}.arsenal-heading{padding-inline:8%}.arsenal-heading h2{font-size:40px;line-height:1.2;letter-spacing:-2px;margin-top:20px;margin-bottom:25px}.arsenal-camp{position:relative;z-index:8}.arsenal-camp button{font-size:10px;padding:10px 13px;min-height:43px}.arsenal-camp small{font-size:8px}.arsenal-stage{display:block;padding:0 8%;margin-top:20px;min-height:650px}.arsenal-figure{position:absolute;right:-28%;top:0;width:100%;height:370px;min-height:0;opacity:.55;z-index:-1}.arsenal-figure>img{left:0;bottom:0;height:130%;width:100%;max-height:none;object-position:right bottom}.arsenal-versus{top:40%;left:10%;font-size:80px;right:auto;opacity:.35}.arsenal-preview{padding:30px 0 30px;align-self:auto}.arsenal-preview h3{font-size:52px;letter-spacing:-3px;max-width:100%;margin-top:20px}.arsenal-preview .overline{font-size:8px;letter-spacing:1px}.arsenal-preview .arsenal-effect{font-size:11px;line-height:1.9;margin:25px 0 18px;max-width:250px}.arsenal-preview .arsenal-desc{font-size:12px;line-height:2;max-width:77%;min-height:100px}.arsenal-counter{margin-top:40px;grid-template-columns:40px 1fr;gap:15px}.arsenal-counter>span{font-size:10px}.arsenal-counter>p{font-size:11px;line-height:2}.arsenal-details{gap:25px;margin-top:20px}.arsenal-details>button{font-size:10px}.arsenal-selector-wrap{margin:0 8%;padding-top:20px}.arsenal-selector-wrap>p{font-size:9px;letter-spacing:1px}.arsenal-selector{gap:7px}.arsenal-selector>button{font-size:10px;padding:11px 13px;min-height:44px}.cinematic-play{padding-block:60px 35px}.cinematic-play .section-shell{padding-inline:15px}.cinematic-play:before{font-size:70px;letter-spacing:-4px;top:45px;left:5%}.play-heading{align-items:flex-start;gap:25px;padding-inline:8px;margin-bottom:50px}.play-heading .scene-eyebrow{font-size:7px;letter-spacing:1px;max-width:180px;line-height:1.8}.play-heading h2{font-size:35px;letter-spacing:-1px;line-height:1.25;margin-top:18px}.play-utility{font-size:8px;line-height:2;gap:15px;padding-top:15px;max-width:110px}.play-utility>span{font-size:8px;max-width:100px}.play-utility .sound-toggle{font-size:9px;padding:4px 9px;min-height:36px}.cinematic-play .game-shell:before{font-size:7px;letter-spacing:1px}.cinematic-play .game-bottom{padding-inline:8px}.outro-section{height:530px}.outro-content{margin-left:8%;margin-right:8%}.outro-content .scene-eyebrow{font-size:7px;letter-spacing:1px;line-height:1.8;max-width:220px}.outro-content h2{font-size:43px;line-height:1.25;letter-spacing:-2px;margin:25px 0 30px}.outro-content .slash-button{font-size:12px;min-height:52px;padding:14px 20px}.outro-art{inset:0 -40% 0 -10%}.outro-art>img{object-position:65% center}.outro-clock{font-size:140px;letter-spacing:-12px;right:-10px;bottom:12%;opacity:.15}.sources-strip{padding:25px 8%;gap:8px 20px;justify-content:flex-start;flex-wrap:wrap}.sources-strip>span{width:100%;font-size:9px}.sources-strip>button{font-size:9px;min-height:36px}.cinematic-footer{padding:30px 8%;gap:25px}.cinematic-footer>p{font-size:8px}.cinematic-footer>button{font-size:10px}.cinematic-site #film-dialog{width:95vw;max-width:95vw}.film-screen{aspect-ratio:9/14;min-height:550px;max-height:87vh}.film-backdrop{object-position:65% center;width:160%;max-width:none;left:-30%}.film-character{width:100%;height:66%;right:-25%;bottom:-3%;opacity:0}.film-copy{left:8%;top:34%;transform:translateY(-20%);right:6%}.film-copy>span{font-size:8px;letter-spacing:1px}.film-copy h2{font-size:37px;line-height:1.3;margin:20px 0;letter-spacing:-1px}.film-copy>p{font-size:10px;line-height:2;max-width:230px}.film-label{left:20px;top:20px;right:75px;font-size:6px;letter-spacing:1px}.film-screen>#film-close{right:12px;top:8px;font-size:9px}.film-controls{left:20px;right:20px;bottom:20px;gap:12px;flex-wrap:wrap}.film-controls button{font-size:9px;min-height:36px}.film-controls #film-pause{padding:3px 10px}.film-controls>span{font-size:8px}.film-track{order:6;flex-basis:100%;height:3px}.film-controls #film-to-play{margin-left:auto}.film-controls #film-prev,.film-controls #film-next{font-size:8px}.motion-ready [data-reveal]{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.cinematic-site *,.cinematic-site *:before,.cinematic-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening-actor,.opening-backdrop{transform:none!important}#paper-atmosphere{display:none}.motion-ready [data-reveal]{opacity:1;transform:none}.world-journey{height:auto}.journey-stage{position:relative;height:850px}.journey-progress>button.active i{width:100%}}
@media print{.opening,.world-journey,.versus-section,.arsenal-section,.outro-section,.chapter-rail,.warning-ribbon,.cinematic-header,#film-dialog{display:none}.cinematic-site{background:white;color:black}.cinematic-footer{background:white;color:black}}
/* Clip oversized typography at the scene boundary without making a scroll container. */
.cinematic-site main{overflow-x:clip}.cinematic-play{overflow:clip}
/* Short windows retain access to the controls below the minimum-height film. */
.cinematic-site #film-dialog{overflow:auto}