.cm-story{--story-paper:#efe6ce;--story-gold:#d7b772;--story-jade:#c6ff63;--story-ink:#10140f;width:min(1440px,calc(100vw - 44px));max-width:none;height:min(950px,calc(100svh - 36px));max-height:none;padding:0;border:1px solid #897852;background:#111810;color:var(--story-paper);overflow:hidden;box-shadow:0 30px 120px #000c;color-scheme:dark}
.cm-story::backdrop{background:#020704ed;backdrop-filter:blur(8px)}
.cm-story button{touch-action:manipulation}.cm-story button:focus-visible{outline:2px solid var(--story-jade);outline-offset:3px}.cm-story button:disabled{cursor:default;opacity:.35}.cm-story [hidden]{display:none!important}
.cm-story-shell{height:100%;display:flex;flex-direction:column;position:relative;background:repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 5px),#0e140f}
.cm-story-topbar{flex:none;min-height:76px;display:flex;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid #d7b7724f;background:#101810;z-index:2}
.cm-story-logo{font:italic 30px Impact,'Arial Narrow',sans-serif;letter-spacing:.4px;color:var(--story-paper);line-height:.95}.cm-story-logo span{color:var(--story-jade)}
.cm-story-series{border-left:1px solid #d7b77259;padding-left:20px;font:10px Consolas,monospace;letter-spacing:2px;line-height:1.7;color:var(--story-gold)}.cm-story-series strong{display:block;font-weight:400;color:#dfdccd;font-size:10px;letter-spacing:1.4px}
.cm-story-close{margin-left:auto;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #d7b7725c;padding:10px 14px;font:9px Consolas,monospace;letter-spacing:1.3px;color:var(--story-paper);min-height:40px}.cm-story-close span:last-child{font:24px 'Segoe UI',sans-serif;line-height:1}.cm-story-close:hover{background:#d7b77218;border-color:var(--story-gold)}
.cm-story-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#756747 #101810;scrollbar-width:thin}
.cm-story-page{min-height:100%;padding:26px 28px 30px;animation:cm-story-arrive .3s ease-out}.cm-story-heading{display:flex;align-items:flex-end;gap:30px;justify-content:space-between;margin-bottom:20px}.cm-story-chapter{font:9px Consolas,monospace;letter-spacing:2.1px;color:var(--story-gold);margin:0 0 9px}.cm-story-heading h2{font:italic 43px/.98 Impact,'Arial Narrow',sans-serif;letter-spacing:.3px;margin:0;color:var(--story-paper)}.cm-story-page-number{font:10px Consolas,monospace;color:#9da491;letter-spacing:2px;white-space:nowrap;padding-bottom:4px}
.cm-story-cover{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:28px;min-height:620px;height:100%}
.cm-story-cover-art{position:relative;min-height:620px;overflow:hidden;border:1px solid #d7b77280;background:#09110d;isolation:isolate}.cm-story-cover-art:after{content:'';position:absolute;inset:8px;border:1px solid #d7b77252;pointer-events:none;z-index:2}.cm-story-cover-art canvas{position:absolute;inset:0;width:100%;height:100%}
.cm-story-cover-title{position:absolute;left:6%;top:6%;margin:0;font:italic clamp(74px,7.9vw,128px)/.83 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;color:#f7f1df;text-shadow:0 4px 26px #0009;transform:skew(-3deg)}.cm-story-cover-title span{display:block;color:var(--story-jade)}
.cm-story-cover-strap{position:absolute;bottom:7%;left:6%;right:6%;font:11px Consolas,monospace;letter-spacing:3.4px;line-height:1.7;color:#f2e6c4;max-width:240px}.cm-story-cover-seal{position:absolute;right:6%;top:6%;font:10px Consolas,monospace;letter-spacing:2px;text-align:right;color:var(--story-gold);line-height:1.8}
.cm-story-cover-copy{display:flex;flex-direction:column;justify-content:center;padding:24px 0 28px;border-bottom:1px solid #d7b77245}.cm-story-cover-copy .cm-story-chapter{letter-spacing:2.4px;margin-bottom:22px}.cm-story-cover-copy h2{font:italic clamp(36px,4.4vw,66px)/.98 Impact,'Arial Narrow',sans-serif;margin:0;color:var(--story-paper);letter-spacing:.2px}.cm-story-cover-copy h2 span{display:block;color:var(--story-jade)}.cm-story-cover-rule{width:46px;height:3px;background:var(--story-gold);margin:28px 0}.cm-story-cover-copy p{font:17px/1.8 Georgia,'Times New Roman',serif;color:#d9decd;margin:0 0 22px}.cm-story-cover-copy .cm-story-cover-quote{font:italic 28px/1.18 Georgia,serif;color:var(--story-paper);margin-top:8px;margin-bottom:30px}.cm-story-cover-note{margin-top:auto;border-top:1px solid #d7b77245;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font:9px Consolas,monospace;color:#a9b5a0;letter-spacing:1px}.cm-story-cover-note strong{font-weight:400;color:var(--story-gold)}
.cm-story-panels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;min-height:550px;grid-template-rows:270px 270px}
.cm-story-panel{position:relative;overflow:hidden;margin:0;border:1px solid #95835d;background:#0b120d;isolation:isolate;min-width:0}.cm-story-panel canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.cm-story-panel:after{content:'';position:absolute;inset:6px;border:1px solid #ffffff0c;pointer-events:none;z-index:1}
.cm-story-panel-count{position:absolute;top:12px;left:14px;font:10px Consolas,monospace;color:#f2e4c3;letter-spacing:2px;text-shadow:0 1px 5px #000;z-index:2}
.cm-story-caption{position:absolute;bottom:16px;left:16px;width:min(365px,calc(100% - 32px));padding:14px 17px;background:var(--story-paper);color:#182015;box-shadow:4px 5px 0 #060a06b3;z-index:2;border-left:3px solid #728742}
.cm-story-caption p{font:16px/1.48 Georgia,'Times New Roman',serif;margin:0}.cm-story-caption .cm-story-caption-kicker{font:8px Consolas,monospace;letter-spacing:1.8px;color:#485433;display:block;margin-bottom:6px}
.cm-story-speech{position:absolute;top:15%;right:7%;max-width:42%;background:#f7f0dc;color:#141c12;padding:17px 22px;border:1px solid #e9dab5;border-radius:45% 45% 45% 12%;box-shadow:0 3px 9px #0005;font:italic bold 17px/1.22 Georgia,serif;z-index:2;text-align:center}.cm-story-speech:after{content:'';position:absolute;right:24px;bottom:-13px;border-top:16px solid #f7f0dc;border-left:16px solid transparent;transform:rotate(-8deg)}.cm-story-speech-left{right:auto;left:7%}.cm-story-speech-left:after{right:auto;left:23px;border-left:0;border-right:16px solid transparent;transform:rotate(8deg)}
.cm-story-panel.wide{grid-column:span 8}.cm-story-panel.narrow{grid-column:span 4}.cm-story-panel.half{grid-column:span 6}.cm-story-panel.full{grid-column:span 12}.cm-story-panel.tall{grid-row:span 2}.cm-story-panel.lead{grid-column:span 7}.cm-story-panel.side{grid-column:span 5}.cm-story-panel.final-lead{grid-column:span 8}.cm-story-panel.final-side{grid-column:span 4}
.cm-story-page.layout-destruction .cm-story-panels,.cm-story-page.layout-showdown .cm-story-panels{grid-template-rows:325px 220px}.cm-story-page.layout-earth .cm-story-panels{grid-template-rows:245px 300px}.cm-story-page.layout-finale .cm-story-panels{grid-template-rows:260px 260px}.cm-story-page.layout-finale .cm-story-caption{width:min(490px,calc(100% - 32px));padding:19px 22px}.cm-story-page.layout-finale .cm-story-caption p{font-size:20px;line-height:1.45}.cm-story-finale-word{position:absolute;top:10%;left:8%;font:italic clamp(30px,4.9vw,76px)/.94 Impact,'Arial Narrow',sans-serif;color:#f1f0d8;text-shadow:0 2px 12px #0009;z-index:2}.cm-story-finale-word span{display:block;color:var(--story-jade)}
.cm-story-loading,.cm-story-error{min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:30px}.cm-story-loading-mark{font:italic 130px Impact,sans-serif;color:var(--story-jade);line-height:1}.cm-story-loading h2,.cm-story-error h2{font:italic 40px Impact,sans-serif;letter-spacing:1px;margin:0}.cm-story-loading p,.cm-story-error p{font:14px/1.7 Georgia,serif;color:#bcc5b1;max-width:420px}.cm-story-error button{background:var(--story-jade);color:#121b0f;border:0;padding:14px 25px;font-weight:700}
.cm-story-bottom{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:83px;padding:16px 28px;background:#101810;border-top:1px solid #d7b7724f;z-index:2}
.cm-story-turn{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid #a9956659;padding:12px 16px;font:10px Consolas,monospace;letter-spacing:1.3px;color:var(--story-paper);width:max-content;min-height:44px}.cm-story-turn span[aria-hidden]{font:18px 'Segoe UI',sans-serif;line-height:1}.cm-story-turn:hover:not(:disabled){border-color:var(--story-gold);background:#d7b77214}.cm-story-turn-next{justify-self:end;background:var(--story-jade);color:#13200d;border-color:var(--story-jade)}.cm-story-turn-next:hover:not(:disabled){background:#dcff9c;border-color:#dcff9c}
.cm-story-progress{display:flex;flex-direction:column;align-items:center;gap:9px}.cm-story-dots{display:flex;align-items:center;gap:6px}.cm-story-dot{padding:0;width:20px;height:7px;border:1px solid #74694b;background:transparent}.cm-story-dot:hover{background:#d7b7726b}.cm-story-dot[aria-current="page"]{background:var(--story-gold);border-color:var(--story-gold);width:30px}.cm-story-progress-label{font:8px Consolas,monospace;letter-spacing:1.5px;color:#b5bea7}.cm-story-audio{font:8px Consolas,monospace;letter-spacing:1px;color:#aebf9c;display:flex;align-items:center;gap:7px;margin-top:0}.cm-story-audio-bars{display:flex;gap:2px;height:8px;align-items:end}.cm-story-audio-bars i{display:block;width:2px;height:6px;background:var(--story-jade);animation:cm-story-equalizer 1.1s ease-in-out infinite alternate}.cm-story-audio-bars i:nth-child(2){height:8px;animation-delay:-.6s}.cm-story-audio-bars i:nth-child(3){height:4px;animation-delay:-.2s}.cm-story-audio.muted .cm-story-audio-bars i{animation:none;height:2px;background:#68785e}
@keyframes cm-story-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cm-story-equalizer{to{height:2px}}
@media(min-width:1400px){.cm-story-cover{min-height:670px}.cm-story-cover-art{min-height:670px}.cm-story-panels{grid-template-rows:300px 300px}.cm-story-page.layout-showdown .cm-story-panels,.cm-story-page.layout-destruction .cm-story-panels{grid-template-rows:350px 250px}.cm-story-page.layout-earth .cm-story-panels{grid-template-rows:270px 330px}.cm-story-page.layout-finale .cm-story-panels{grid-template-rows:290px 290px}}
@media(max-width:1000px){.cm-story{width:calc(100vw - 24px);height:calc(100svh - 24px)}.cm-story-cover{grid-template-columns:minmax(0,1.1fr) minmax(240px,.7fr);gap:20px}.cm-story-topbar{padding:13px 20px}.cm-story-page{padding:22px 20px}.cm-story-bottom{padding:15px 20px;gap:12px}.cm-story-cover-title{font-size:85px}.cm-story-cover-copy h2{font-size:46px}.cm-story-caption p{font-size:15px}.cm-story-speech{font-size:15px;padding:15px 18px;max-width:55%}.cm-story-panels{grid-template-rows:290px 290px}}
@media(max-width:650px){.cm-story{width:100vw;height:100svh;border:0;margin:0;inset:0}.cm-story-topbar{min-height:66px;gap:12px;padding:12px 14px}.cm-story-logo{font-size:22px;max-width:130px}.cm-story-series{font-size:7px;letter-spacing:1px;padding-left:12px;line-height:1.6}.cm-story-series strong{font-size:7px;letter-spacing:.9px}.cm-story-close{padding:7px 10px;min-height:39px;gap:6px}.cm-story-close span:first-child{display:none}.cm-story-page{padding:14px 12px 22px}.cm-story-cover{display:flex;flex-direction:column;gap:0;min-height:0}.cm-story-cover-art{min-height:480px;height:480px}.cm-story-cover-title{font-size:76px;left:7%;top:7%;line-height:.86}.cm-story-cover-seal{font-size:8px;right:7%;top:7%;letter-spacing:1px}.cm-story-cover-strap{font-size:9px;bottom:6%;max-width:180px;letter-spacing:2px}.cm-story-cover-copy{padding:25px 10px 8px;border-bottom:0}.cm-story-cover-copy .cm-story-chapter{font-size:9px;margin-bottom:12px}.cm-story-cover-copy h2{font-size:42px;max-width:340px}.cm-story-cover-rule{margin:20px 0;height:2px}.cm-story-cover-copy p{font-size:16px;line-height:1.6;max-width:410px;margin-bottom:16px}.cm-story-cover-copy .cm-story-cover-quote{font-size:24px;max-width:300px;margin-bottom:25px}.cm-story-cover-note{font-size:8px;margin-top:2px;padding-top:16px}.cm-story-heading{gap:12px;align-items:flex-end;margin-bottom:15px}.cm-story-chapter{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}.cm-story-heading h2{font-size:34px;line-height:1.03}.cm-story-page-number{font-size:8px;letter-spacing:1px;max-width:40px;text-align:right;line-height:1.6}.cm-story-panels{display:flex;flex-direction:column;gap:12px;min-height:0}.cm-story-panel{height:340px;flex:none}.cm-story-panel.tall{height:440px}.cm-story-panel.full{height:360px}.cm-story-page.layout-destruction .cm-story-panel:first-child,.cm-story-page.layout-showdown .cm-story-panel:first-child{height:410px}.cm-story-page.layout-finale .cm-story-panel:first-child{height:480px}.cm-story-page.layout-finale .cm-story-panel:last-child{height:410px}.cm-story-caption{bottom:14px;left:14px;width:calc(100% - 28px);padding:13px 15px}.cm-story-caption p{font-size:15px;line-height:1.5}.cm-story-speech{font-size:15px;padding:14px 18px;top:13%;right:5%;max-width:55%}.cm-story-speech-left{left:5%;right:auto}.cm-story-page.layout-finale .cm-story-caption p{font-size:18px}.cm-story-finale-word{font-size:46px}.cm-story-bottom{grid-template-columns:1fr 1fr;gap:10px;min-height:104px;padding:10px 12px 13px;box-shadow:0 -7px 22px #0004}.cm-story-turn{padding:10px 12px;font-size:8px;letter-spacing:.8px;gap:8px;min-height:42px;grid-row:1}.cm-story-turn-next{grid-column:2}.cm-story-progress{grid-column:1/3;grid-row:2;flex-direction:row;justify-content:center;gap:12px;flex-wrap:wrap}.cm-story-progress-label{font-size:7px;letter-spacing:.8px}.cm-story-dot{width:16px;height:6px}.cm-story-dot[aria-current="page"]{width:23px}.cm-story-audio{font-size:7px;letter-spacing:.6px}.cm-story-loading,.cm-story-error{min-height:480px}.cm-story-loading h2,.cm-story-error h2{font-size:32px}}
@media(max-width:650px) and (orientation:landscape){.cm-story-cover{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cm-story-cover-art{height:500px;min-height:500px}.cm-story-topbar{min-height:55px}.cm-story-bottom{min-height:92px}}
@media(prefers-reduced-motion:reduce){.cm-story-page,.cm-story-audio-bars i{animation:none}}body.reduce-motion .cm-story-page,body.reduce-motion .cm-story-audio-bars i{animation:none}
.cm-story-cover-copy p.cm-story-chapter{font:9px Consolas,monospace;color:var(--story-gold);line-height:1.5}
@media(min-width:651px){.cm-story-panels{height:clamp(430px,calc(100svh - 330px),625px);min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.cm-story-page.layout-destruction .cm-story-panels,.cm-story-page.layout-showdown .cm-story-panels{grid-template-rows:1.3fr 1fr}.cm-story-page.layout-earth .cm-story-panels{grid-template-rows:1fr 1.2fr}.cm-story-page.layout-finale .cm-story-panels{grid-template-rows:repeat(2,minmax(0,1fr))}}
.cm-story-dot{position:relative;height:28px;border:0;background:transparent}.cm-story-dot:before{content:'';position:absolute;left:0;right:0;top:11px;height:6px;border:1px solid #74694b;background:transparent;box-sizing:border-box}.cm-story-dot:hover{background:transparent}.cm-story-dot:hover:before{background:#d7b7726b}.cm-story-dot[aria-current="page"]{border:0;background:transparent}.cm-story-dot[aria-current="page"]:before{background:var(--story-gold);border-color:var(--story-gold)}
@media(max-width:650px){.cm-story-turn,.cm-story-close{min-height:44px}.cm-story-bottom{padding:8px 12px 10px;gap:6px}.cm-story-progress{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:0 9px}.cm-story-dots{grid-column:1/3;justify-content:center}.cm-story-dot{height:44px}.cm-story-dot:before{top:19px}.cm-story-progress-label{grid-row:2;grid-column:1}.cm-story-audio{grid-row:2;grid-column:2}}
@media(min-width:651px){.cm-story-cover,.cm-story-cover-art{min-height:clamp(600px,calc(100svh - 240px),670px)}}
.cm-story-panel canvas[data-scene="promise"]~.cm-story-speech{top:7%;max-width:74%}
.cm-story-panel canvas[data-scene="zeton"]~.cm-story-speech{left:7%;right:auto;top:7%;max-width:35%;border-radius:45% 45% 12% 45%}
.cm-story-panel canvas[data-scene="showdown"]~.cm-story-speech{left:12%;right:12%;top:2%;max-width:none;padding:10px 20px;border-radius:45% 45% 12% 45%}
.cm-story-panel canvas[data-scene="seed"]~.cm-story-speech,.cm-story-panel canvas[data-scene="protect"]~.cm-story-speech,.cm-story-panel canvas[data-scene="defiance"]~.cm-story-speech,.cm-story-panel canvas[data-scene="pursuit"]~.cm-story-speech{left:8%;right:8%;top:3%;max-width:none;padding:12px 17px;border-radius:45% 45% 12% 45%}
.cm-story-panel canvas[data-scene="seed"]~.cm-story-speech:after,.cm-story-panel canvas[data-scene="protect"]~.cm-story-speech:after,.cm-story-panel canvas[data-scene="defiance"]~.cm-story-speech:after,.cm-story-panel canvas[data-scene="pursuit"]~.cm-story-speech:after{left:45%;right:auto}