:root{--ink:#0a0a10;--paper:#f6f3ec;--green:#c1ef8b;--purple:#b9a4dd;--muted:#afa8ba;--line:#ffffff24;--head:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:5px}a{color:inherit;text-decoration:none}button[hidden]{display:none}input{accent-color:var(--green)}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px;border-bottom:1px solid var(--line);background:#0b0a10}.brand{font:800 28px var(--head);letter-spacing:.025em;white-space:nowrap}.brand>span{font:500 12px var(--body);letter-spacing:.15em;margin-left:18px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:24px}.sound-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px;background:none;font-size:14px;white-space:nowrap}.sound-symbol{color:var(--green);font-size:20px}.muted .sound-symbol{opacity:.4}.small-button{background:none;border:1px solid #ffffff40;border-radius:4px;padding:11px 18px;min-height:44px;font-size:14px}.small-button:hover{border-color:var(--green);background:#c1ef8b09}
.premiere{height:calc(100svh - 72px);min-height:660px;max-height:980px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.premiere-art{position:absolute;inset:0;background:url('assets/mod-hero.webp') 65% center/cover;z-index:-3;animation:hero-in 1.4s ease-out both}.premiere-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0915ee 0%,#0a0915ae 32%,#0a091525 65%),linear-gradient(0deg,#0a0a10,transparent 26%)}.premiere-content{width:100%;max-width:1500px;margin:auto;padding:38px 7% 70px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;color:var(--purple);margin:0}.premiere h1{font:800 clamp(110px,12vw,180px)/.8 var(--head);letter-spacing:-.015em;margin:34px 0 24px}.premiere h1>span{color:var(--green)}.arc-label{font:500 24px var(--head);letter-spacing:.23em;margin:27px 0 0}.hero-copy{font-size:17px;line-height:1.75;color:#ccc5d5;margin:24px 0}.launch-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 23px;background:var(--green);color:#18220e;border-radius:4px;font-size:17px;font-weight:700;min-height:62px;transition:background .2s,transform .2s}.launch-button:hover{background:#d6ffa7;transform:translateY(-2px)}.launch-play{font-size:19px}.launch-button small{display:block;margin-top:5px;font-size:11px;letter-spacing:.065em;font-weight:500}.hero-meta{margin:23px 0 0;font-size:12px;color:#c5bdce;letter-spacing:.075em}.hero-meta>span{margin-left:19px;color:#aaa1b8}.hero-edition{position:absolute;bottom:30px;right:5%;font-size:12px;color:#b4a7c9;letter-spacing:.14em}
.storyboard{padding:65px 5% 60px;max-width:1550px;margin:auto}.storyboard-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.storyboard-heading h2{font:600 42px/1.1 var(--head);margin:12px 0 0}.storyboard-heading h2 span{color:#c7bcda}.storyboard-heading>p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.chapter-card{background:none;text-align:left;padding:0;min-width:0}.chapter-image{display:block;width:100%;aspect-ratio:1.75;background-color:#27212f;border-radius:3px;filter:saturate(.75);transition:filter .2s;margin-bottom:16px}.chapter-card:hover .chapter-image{filter:saturate(1.1)}.action-thumb{background:url('assets/mod-hero.webp') 76% center/cover}.ocean-thumb{background:url('assets/crew-ocean.webp') 85% center/cover}.reaction-thumb{background-image:url('assets/reactions.webp');background-size:200% 200%}.zoro{background-position:100% 0}.joy{background-position:0 100%}.serious{background-position:100% 100%}.chapter-id{display:flex;justify-content:space-between;color:var(--green);font-size:12px;margin-bottom:10px}.chapter-id small{font-size:12px;color:var(--muted)}.chapter-card strong{display:block;font:600 25px var(--head);margin-bottom:7px}.chapter-card>span:last-child{font-size:14px;line-height:1.6;color:var(--muted);display:block}footer{padding:22px 5% 26px;border-top:1px solid var(--line);color:var(--muted)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.075em}.footer-row b{font-weight:400;margin-left:22px;color:#93899f}#motion-toggle{font-size:13px;min-height:44px;background:none;text-decoration:underline;text-underline-offset:4px}.music-credit{font-size:12px;line-height:1.8;max-width:1000px;margin:8px 0 0;color:#91889c}.music-credit a,.end-credits a{text-decoration:underline;text-underline-offset:3px}
/* One frame, one idea. */
dialog{border:0;padding:0;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#08060def}body:has(dialog[open]){overflow:hidden}#film-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden}.cinema-player{height:100%;display:flex;flex-direction:column}.cinema-top{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3%;border-bottom:1px solid var(--line)}.cinema-top .brand{font-size:24px}.cinema-top .brand>span{font:800 24px var(--head);margin-left:2px;color:var(--green);letter-spacing:0}.cinema-top .small-button{border:0}#shot-label{font-size:12px;letter-spacing:.12em;color:var(--muted)}#stage{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#281e38,#0c0b14 75%)}#shot{position:absolute;inset:0;overflow:hidden;isolation:isolate;--p:0}.film-badge{position:absolute;bottom:17px;left:3%;font-size:11px;letter-spacing:.16em;color:#ffffff50;pointer-events:none}.cinema-controls{flex-shrink:0;background:#0e0d15;padding:7px 3% 10px;border-top:1px solid var(--line)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.control-row>div{display:flex;align-items:center;gap:9px}.control-button{background:none;font-size:24px;min-width:38px;min-height:44px;padding:0 4px}.control-button:hover{color:var(--green)}#time-display{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:8px}#chapter-display{font-size:12px;letter-spacing:.12em;color:var(--green)}#volume{width:72px;height:20px;cursor:pointer}#film-progress{display:block;width:100%;height:12px;cursor:pointer;margin:5px 0 9px}.control-hints{min-height:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9f92ac}#audio-status{color:#d4c2e9}.control-hints>span:last-child{margin-left:auto;white-space:nowrap}
.scene{position:absolute;inset:0;max-width:1500px;margin:auto;padding:45px 7%;display:flex;align-items:center}.split-scene{display:grid;grid-template-columns:1.05fr 1fr;gap:7%}.scene-copy{min-width:0}.shot-kicker{font-size:12px;letter-spacing:.14em;line-height:1.6;color:var(--purple);font-weight:500;margin:0 0 18px}.movie-title{font:700 clamp(46px,5.8vw,90px)/.97 var(--head);letter-spacing:-.008em;margin:0;text-wrap:balance}.movie-title>span,.name-reveal>span{color:var(--green)}.movie-note{font-size:clamp(16px,1.5vw,22px);line-height:1.65;color:#d0c8d9;margin:24px 0 0}.punchline{display:inline-block;border-left:2px solid var(--green);padding-left:13px;margin-top:25px;font-size:14px;color:var(--green)}.reaction-frame{width:100%;aspect-ratio:1.74;overflow:hidden;position:relative;border:1px solid #d5c5e445;border-radius:4px;box-shadow:0 25px 80px #0004}.reaction-art{position:absolute;inset:0;background-image:url('assets/reactions.webp');background-size:200% 200%;transform:scale(calc(1.012 + var(--p)*.035));will-change:transform}.shot-art{position:absolute;inset:0;z-index:-2;background-size:cover;transform:scale(calc(1.035 - var(--p)*.035));will-change:transform}.shot-art.action{background-image:url('assets/mod-hero.webp');background-position:65% center}.shot-art.ocean{background-image:url('assets/crew-ocean.webp');background-position:65% center}.shot-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0915ee,#0a09159e 42%,#0a091535 85%),linear-gradient(0deg,#0a0a1066,transparent 60%)}.portrait-scene .scene-copy{max-width:780px}.name-reveal{font:800 clamp(150px,19vw,280px)/.87 var(--head);letter-spacing:-.02em;margin:0 0 28px}.reveal-id{font-size:16px;color:#d0c5df;margin:0}.reveal-id b{font:600 36px var(--head);color:var(--green);margin-right:10px}.centered-scene{justify-content:center;text-align:center}.centered-scene .scene-copy{max-width:1000px}.centered-scene .movie-title{font-size:clamp(60px,7vw,106px)}.countdown-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.countdown-content>span{font:600 clamp(160px,23vw,260px)/1 var(--head);color:var(--green)}.countdown-content>p:last-child{font-size:12px;letter-spacing:.2em;color:var(--muted)}.countdown-content .shot-kicker{margin-bottom:8px}
.tool-list{border-top:1px solid var(--line)}.tool-list>div{display:grid;grid-template-columns:30px 1fr 24px;gap:15px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.tool-list>div>span{font-size:13px;color:#aa99ba}.tool-list strong{font:500 clamp(26px,3vw,38px) var(--head)}.tool-list b{color:var(--green);font-weight:400;font-size:20px}.tool-list>p{font-size:14px;color:var(--muted);margin-top:22px}.chat-example{border:1px solid #ae85a440;border-radius:4px;background:#221524b8;padding:24px}.panel-label{font-size:12px;letter-spacing:.13em;color:#c8adc8;margin:0 0 6px}.chat-example>div{font-size:16px;padding:17px 0;border-bottom:1px solid #ffffff13;line-height:1.5}.chat-example small,.welcome-chat small{display:block;font-size:12px;color:#c2a5dc;margin-bottom:7px}.chat-reaction{display:block;font-size:13px;color:#cbb7c4;margin-top:17px}.haki-button{font-size:16px;color:#14220e;background:var(--green);border-radius:4px;padding:13px 20px;min-height:46px;margin-top:24px}.haki-button:disabled{opacity:.8}.haki-result{font-size:15px;color:var(--green);margin:19px 0 0}.haki-targets{position:absolute;right:8%;top:32%;display:flex;flex-direction:column;gap:16px;width:25%;transition:opacity .6s,transform .6s}.haki-targets>span{background:#130c21d9;border:1px solid #bc9ddb55;padding:16px 20px;font:600 26px var(--head);color:#dcc8ee;border-radius:3px}.haki-fired .haki-targets{opacity:0;transform:translateX(45px);pointer-events:none}.haki-wave{position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(110deg,transparent 25%,#c1ef8b30 49%,transparent 65%);opacity:0}.haki-fired .haki-wave{animation:haki-sweep .7s ease-out both}.welcome-chat{display:flex;flex-direction:column;gap:20px}.welcome-chat>div{padding:24px;background:#110f19dd;border:1px solid var(--line);border-radius:4px;font-size:17px;line-height:1.65}.welcome-chat .mod{border-color:#c1ef8b55}.welcome-chat .mod small{color:var(--green)}.signature{font:500 37px var(--head);margin:26px 0 0}.signature span{font-size:25px;margin-left:7px}.ending-actions{display:flex;justify-content:center;gap:16px;margin-top:29px;flex-wrap:wrap}.ending-actions .launch-button{font-size:16px;min-height:48px;padding:13px 21px}.end-credits{font-size:12px;line-height:2;letter-spacing:.1em;color:#c3b7cf;margin:28px 0 0}.end-credits>span{font-size:12px;letter-spacing:0;color:#a89caf}[data-after]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(7px)}[data-after].visible{opacity:1;transform:translateY(0)}.paused *{animation-play-state:paused!important}.paused [data-after]{transition:none}
/* The complete application remains a calm reading view. */
#application-dialog{width:min(940px,94vw);max-height:90dvh;border:1px solid #ffffff2a;border-radius:6px}.reading-sheet{padding:30px 45px 40px}.reading-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.reading-header .eyebrow{font-size:12px}.icon-button{background:none;font-size:14px;min-height:44px;white-space:nowrap}.reading-sheet h2{font:700 64px/.96 var(--head);margin:30px 0}.reading-sheet h2 span{color:var(--green)}.reading-lead{font-size:18px;line-height:1.7;color:#d6cddd}.reading-body{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px}.reading-body h3{font:600 29px var(--head);margin:24px 0 10px;color:var(--green)}.reading-body p{font-size:16px;line-height:1.8;color:#c7bdcf;margin:0}.reading-sheet .signature{font:400 17px/1.8 var(--body);margin:30px 0}.reading-sheet .signature strong{font-weight:600}.primary-button{background:var(--green);color:#15200f;min-height:48px;font-size:16px;padding:14px 22px;border-radius:4px}
@keyframes hero-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes haki-sweep{0%{opacity:0;transform:translateX(-60%)}35%{opacity:1}100%{opacity:0;transform:translateX(65%)}}
@media(max-width:1000px){.chapter-grid{gap:16px}.chapter-card strong{font-size:23px}.chapter-card>span:last-child{font-size:13px}.hero-meta>span{display:block;margin:9px 0 0}.hero-edition{font-size:11px}.split-scene{gap:5%;padding-left:5%;padding-right:5%}.movie-title{font-size:clamp(44px,5.8vw,64px)}.portrait-scene .movie-title{font-size:clamp(55px,7vw,80px)}.shot-kicker{font-size:11px}.haki-targets{right:5%;width:25%}}
@media(max-width:700px){
 .topbar{height:64px;padding:0 5%;gap:12px}.brand{font-size:25px}.topbar .brand>span{display:none}.top-actions{gap:12px}.top-actions .sound-button{font-size:12px;gap:5px}.top-actions .small-button{font-size:12px;padding:10px 12px}.premiere{height:auto;min-height:700px;max-height:none;align-items:center}.premiere-art{background-position:71% center}.premiere-shade{background:linear-gradient(90deg,#0a0915dc,#0a091560 62%),linear-gradient(0deg,#0a0a10 0%,transparent 45%)}.premiere-content{padding:48px 7% 85px}.eyebrow{font-size:11px;letter-spacing:.12em}.premiere h1{font-size:125px;margin:30px 0 24px}.arc-label{font-size:22px;margin-top:25px}.hero-copy{font-size:16px;line-height:1.75;max-width:300px;margin:24px 0}.hero-meta{font-size:11px;line-height:1.7}.hero-meta>span{font-size:10px;letter-spacing:.08em}.hero-edition{display:none}.launch-button{padding:15px 20px;font-size:17px;gap:15px}.launch-button small{font-size:10px}.storyboard{padding:40px 6%}.storyboard-heading{display:block;margin-bottom:25px}.storyboard-heading h2{font-size:35px;line-height:1.15}.storyboard-heading h2>span{display:block}.storyboard-heading>p{margin-top:15px;font-size:14px}.storyboard-heading>p br{display:none}.chapter-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.chapter-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px)}.chapter-card strong{font-size:25px}.chapter-card>span:last-child{font-size:14px}.chapter-image{margin-bottom:12px}.chapter-id{margin-bottom:8px}footer{padding:20px 6%}.footer-row{display:block;font-size:12px}.footer-row b{display:block;margin:10px 0 0;font-size:11px}#motion-toggle{padding:0;margin-top:9px}.music-credit{font-size:12px;margin-top:3px}
 .cinema-top{height:54px;padding:0 5%;gap:10px}.cinema-top .brand,.cinema-top .brand>span{font-size:22px}#shot-label{display:none}.cinema-top .small-button{font-size:13px;padding:10px 0}.cinema-controls{padding:5px 4% 8px}.control-row{gap:4px;flex-wrap:nowrap}.control-row>div{gap:3px}.control-button{min-width:30px;min-height:44px;font-size:21px}#time-display{font-size:11px;margin-left:3px}#chapter-display{display:none}.audio-controls .sound-label{display:none}.audio-controls .sound-button{min-width:32px;justify-content:center;padding:4px}#volume{width:52px;margin:0 5px}.control-hints{font-size:10px;min-height:15px;gap:12px}#film-progress{margin:2px 0 7px}.film-badge{left:6%;bottom:12px;font-size:10px;letter-spacing:.1em}
 .scene{padding:28px 7% 34px}.split-scene{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:26px}.scene-copy{width:100%}.shot-kicker{font-size:11px;line-height:1.55;letter-spacing:.1em;margin-bottom:14px}.movie-title,.portrait-scene .movie-title{font-size:clamp(40px,11.8vw,58px);line-height:.99}.movie-note{font-size:16px;line-height:1.65;margin-top:18px}.movie-note br{display:none}.movie-note br:after{content:' '}.punchline{font-size:13px;margin-top:18px}.reaction-frame{max-width:440px;align-self:center;flex-shrink:0}.reaction-art{transform:scale(calc(1.012 + var(--p)*.025))}.shot-art.action{background-position:76% center}.shot-art.ocean{background-position:78% center}.shot-vignette{background:linear-gradient(90deg,#0a0915e9,#0a091589 65%),linear-gradient(0deg,#0a0a1066,transparent)}.portrait-scene{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:28px}.name-reveal{font-size:42vw;margin:0 0 23px}.reveal-id{font-size:14px}.reveal-id b{font-size:34px}.centered-scene{text-align:left;justify-content:center}.centered-scene .movie-title{font-size:clamp(42px,12vw,58px)}.countdown-content>span{font-size:190px}.countdown-content .shot-kicker{font-size:12px}.tool-list>div{padding:16px 0;grid-template-columns:25px 1fr 21px;gap:10px}.tool-list strong{font-size:29px}.tool-list>p{font-size:13px;margin:18px 0 0}.chat-example{padding:19px}.panel-label{font-size:11px}.chat-example>div{font-size:14px;padding:13px 0}.chat-example small{font-size:12px}.chat-reaction{font-size:12px;margin-top:15px}.haki-targets{position:static;width:100%;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.haki-targets>span{padding:9px 11px;font-size:17px}.haki-result{font-size:14px;line-height:1.6;margin-top:18px}.haki-button{margin-top:23px;font-size:15px}.haki-fired .haki-targets{transform:translateX(15px)}.welcome-chat{gap:15px}.welcome-chat>div{padding:19px;font-size:16px}.welcome-chat small{font-size:12px}.signature{font-size:34px;margin-top:23px}.ending-actions{justify-content:flex-start;margin-top:24px;gap:12px}.ending-actions .launch-button{font-size:15px;padding:13px 17px}.ending-actions .small-button{font-size:14px}.end-credits{font-size:12px;line-height:1.8;margin-top:24px;letter-spacing:.075em}.end-credits>span{font-size:11px}
 .reading-sheet{padding:20px 23px 30px}.reading-header{gap:10px}.reading-header .eyebrow{font-size:10px;max-width:150px}.icon-button{font-size:12px}.reading-sheet h2{font-size:48px;line-height:1;margin:28px 0}.reading-lead{font-size:17px}.reading-body{grid-template-columns:1fr;gap:0}.reading-body h3{font-size:28px}.reading-body p{font-size:16px}.reading-sheet .signature{font-size:16px}
}
@media(max-height:730px) and (max-width:700px){.scene{padding:24px 7% 31px}.split-scene{gap:20px}.movie-title,.portrait-scene .movie-title{font-size:39px}.centered-scene .movie-title{font-size:44px}.movie-note{font-size:16px;line-height:1.5;margin-top:15px}.shot-kicker{font-size:10px;margin-bottom:10px}.punchline{margin-top:14px;font-size:12px}.reaction-frame{max-width:310px}.tool-list>div{padding:11px 0}.tool-list strong{font-size:26px}.tool-list>p{margin-top:13px}.chat-example{padding:15px}.chat-example>div{padding:10px 0;font-size:14px}.chat-reaction{margin-top:12px;font-size:12px}.welcome-chat>div{padding:16px}.ending-actions{margin-top:20px}.end-credits{margin-top:20px}.haki-result{margin-top:15px}.portrait-scene{gap:22px}}
@media(max-height:650px) and (min-width:701px){.cinema-top{height:50px}.control-hints{display:none}.scene{padding:25px 7%}.movie-title,.portrait-scene .movie-title{font-size:58px}.centered-scene .movie-title{font-size:66px}.movie-note{font-size:16px;margin-top:17px}.shot-kicker{font-size:11px;margin-bottom:13px}.name-reveal{font-size:170px;margin-bottom:22px}.reveal-id b{font-size:28px}.tool-list>div{padding:15px 0}.tool-list strong{font-size:30px}.chat-example{padding:18px}.chat-example>div{padding:11px 0;font-size:15px}.haki-button{margin-top:17px}.haki-result{margin-top:13px}.haki-targets>span{padding:13px 18px}.welcome-chat>div{padding:18px}.signature{font-size:31px;margin-top:20px}.ending-actions{margin-top:21px}.end-credits{margin-top:19px}}
.reaction-art.zoro,.reaction-thumb.zoro{background-size:200% 211%}.reaction-art.joy,.reaction-art.serious,.reaction-thumb.joy{background-size:200% 193%}
.low-motion *,.low-motion *:before,.low-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.low-motion .shot-art,.low-motion .reaction-art{transform:none}.low-motion .haki-wave{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}