/* Large scene, continuous prose and a filmstrip; no tile-grid interface. */
.panel[data-page^="x"]{inset:var(--head) 0 var(--dock);height:calc(100dvh - var(--head) - var(--dock));width:auto;border:0;border-radius:0;max-width:none;background:#101e26}
.panel[data-page^="x"] .panel-head{position:absolute;inset:0 0 auto;z-index:12;padding:14px 18px;min-height:0;border:0;background:linear-gradient(#102027bb,transparent);pointer-events:none}
.panel[data-page^="x"] .panel-head>div{display:none}.panel[data-page^="x"] .close{margin-left:auto;pointer-events:auto;background:#122730aa}
.panel[data-page^="x"] .panel-content{padding:0;height:100%;max-height:none}
.x-screen{position:relative;min-height:100%;height:100%;isolation:isolate;overflow:hidden;background:#0c1c25}
.x-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.x-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07101a55 0%,transparent 27%,#07131d33 42%,#07131dde 76%,#07131dfa 100%);z-index:-2}
.x-links{display:flex;gap:18px;align-items:center;position:relative;z-index:8;padding:9px 72px 9px 20px;overflow:auto;white-space:nowrap;background:linear-gradient(#081924b3,transparent)}
.x-links button{padding:0;min-width:44px;min-height:44px;background:none;border:0;color:#c8d9df;font-size:14px;font-weight:600}.x-links button.active{color:#fff;border-bottom:2px solid #9bd6df;padding-bottom:5px}
.x-war-top{position:absolute;left:22px;right:22px;top:65px;text-shadow:0 2px 15px #0009}.x-war-top h3{font-size:clamp(25px,6.5vw,48px);line-height:1.2;margin:8px 0 10px;font-weight:750;letter-spacing:.02em}.x-war-top p{font-size:13px;color:#d0e0e6;line-height:1.7;margin:0}
.x-world-link{background:#18313ca6;border:1px solid #b8e6ed55;border-radius:24px;padding:9px 15px;color:#dbf6fa;margin-top:15px;font-size:12px}
.x-bottom{position:absolute;bottom:0;left:0;right:0;padding:24px 22px 19px;z-index:5}.x-bottom h3{font-size:clamp(29px,7.5vw,52px);margin:5px 0 7px;font-weight:750;letter-spacing:.04em}.x-bottom p{font-size:13px;line-height:1.65;color:#d4e3e6;margin:7px 0}.x-bottom .fine{font-size:11px;color:#a3bec8}
.x-bottom form{display:flex;gap:10px;align-items:end;margin:12px 0}.x-bottom form label{flex:1;font-size:11px;color:#bdd7df}.x-bottom select,.x-bottom input{margin:4px 0 0;min-width:0;width:100%;font-size:12px;background:#102b38dd;border-color:#b4d2df55;height:44px}.x-bottom form .primary{min-height:44px;white-space:nowrap;font-size:13px}
.x-inline{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 0 4px}.x-inline>button{font-size:12px;background:none;border:0;color:#d4e8ee;padding:5px 0}.x-inline>button.primary,.x-inline>button.secondary{padding:10px 14px;border-radius:5px;border:1px solid #8bb9c966}.x-inline>button.primary{background:#70b9c8;color:#071925}
.x-wallet{font-size:11px!important;line-height:1.8!important;color:#c3dbe5!important}.x-wallet button{background:none;border:0;color:#aee7ef;padding:0;white-space:nowrap;font-weight:600}
.x-comparison,.x-stats{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #aacbdc44;border-bottom:1px solid #aacbdc44}.x-comparison span,.x-stats span{font-size:11px;color:#b9d1da}.x-comparison strong,.x-stats strong{display:block;font-size:24px;color:#fff;line-height:1.4;font-weight:650}
.x-units{font-size:11px!important;max-height:45px;overflow:auto}.x-fronts{position:absolute;left:22px;right:22px;bottom:300px;display:flex;justify-content:space-between;color:#fff;font-size:12px;text-shadow:0 2px 8px #000}.x-fronts span{border-bottom:2px solid #aee5ef;padding-bottom:7px}.x-fronts span+span{border-color:#ef9885}
.x-character .x-backdrop{object-position:50% 18%}.x-character .x-shade{background:linear-gradient(180deg,#081b2866,transparent 25%,transparent 45%,#081723ee 76%,#081723 100%)}
.x-character-top{position:absolute;left:22px;right:22px;top:70px;display:flex;justify-content:space-between;font-size:12px;color:#dfedf0}.x-character-top button{background:#132b35a6;color:#d7ecf4;border:0;padding:8px 12px;border-radius:24px;font-size:11px}
.x-character-nav{position:absolute;left:15px;right:15px;top:42%;display:flex;justify-content:space-between;pointer-events:none;z-index:7}.x-character-nav button{pointer-events:auto;border-radius:50%;width:35px;height:35px;padding:0;font-size:28px;background:#0b283bbb;border:1px solid #a7d0df77;color:#fff}
.x-filmstrip{display:flex;gap:12px;overflow:auto;padding:8px 0 0;scrollbar-width:none}.x-filmstrip button{flex:0 0 43px;border:0;background:none;padding:0;color:#c8dce4}.x-filmstrip img{width:43px;height:51px;object-fit:cover;object-position:50% 17%;opacity:.65;border-bottom:2px solid transparent}.x-filmstrip .selected img{opacity:1;border-color:#b9f2ff}.x-filmstrip span{display:block;font-size:9px;white-space:nowrap;text-align:center;padding-top:3px}
.x-roster{position:absolute;inset:110px 0 0;z-index:10;background:#0c2231fa;padding:16px 20px;overflow:auto}.x-roster input{width:55%;min-width:0}.x-roster select{width:25%;min-width:0}.x-roster p{font-size:12px;color:#a5cbd7}.x-name-list{display:flex;flex-direction:column}.x-name-list button{display:block;text-align:left;border:0;border-bottom:1px solid #9bc6d22f;background:none;padding:13px 0;color:#e0f0f5;font-size:16px}.x-name-list small{display:block;font-size:11px;color:#a2c3cc;margin-top:3px}
.x-scroll-screen{min-height:100%;background:#0d2330}.x-scroll-screen .x-links{position:sticky;top:0;background:#0c2230f2}.x-scene-lead{position:relative;height:400px;min-height:48vh;isolation:isolate}.x-scene-lead .x-backdrop{object-position:50% 42%}.x-scene-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0d2330);z-index:-1}.x-scene-lead>div{position:absolute;left:22px;right:22px;bottom:20px}.x-scene-lead h3{font-size:30px;margin:8px 0}.x-scene-lead p{font-size:13px;color:#c3dce5;line-height:1.6}
.x-paper{padding:25px 22px 35px;background:#0d2330;min-height:100%;color:#d9ebf2}.x-paper h3{margin:24px 0 15px;font-size:24px}.x-paper p{font-size:12px;line-height:1.8;color:#accbd8}.x-unit-row{padding:19px 0;border-bottom:1px solid #92bacb30}.x-unit-row h4{font-size:18px;margin:0 0 6px}.x-unit-row small{font-size:10px;color:#a2c8d6;font-weight:400;margin-left:7px}.x-unit-row p{margin:4px 0}.x-unit-row form{display:flex;gap:10px;align-items:end;margin-top:11px}.x-unit-row input{width:70px;height:36px;margin:0;padding:6px}.x-unit-row .x-funds{flex:1;font-size:10px}.x-unit-row select{height:36px;margin:4px 0 0;font-size:11px}.x-unit-row button{font-size:12px;padding:9px 15px}.x-unit-row .secondary{margin:10px 0 0}
.x-form-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #92bacb20;padding:10px 0}.x-form-row span{font-size:13px}.x-form-row small{display:block;font-size:10px;color:#9cbfce;margin-top:3px}.x-form-row input{width:95px;margin:0;font-size:13px;height:44px;background:#102d3e}
.x-dialogue .x-bottom{background:linear-gradient(transparent,#081b26)}.x-speaker{font-weight:650;color:#c7edf2!important;letter-spacing:.06em}.x-dialogue-line{font-size:17px!important;line-height:1.85!important;color:#f4fafb!important;margin:13px 0 18px!important}.x-dialogue .x-bottom form{display:block;margin:10px 0}.x-choice{width:100%;text-align:left;padding:13px 14px;border:1px solid #b4d5e25c;border-radius:5px;background:#123144e0;color:#ebf5f8;font-size:13px}.x-choice small{display:block;color:#a5cbd8;font-size:10px;margin-top:5px}.x-effects{font-size:10px!important;word-spacing:5px}
.x-report{padding:14px 0;border-bottom:1px solid #92bacb30}.x-report h4{font-size:20px;margin:10px 0}.x-battle-log{list-style:none;padding:0}.x-battle-log li{padding:11px 0;border-top:1px solid #92bacb20}.x-battle-log strong{display:block;font-size:14px}.x-battle-log span{display:block;color:#a7c8d6;font-size:12px;line-height:1.8;margin-top:5px}
.x-gallery .x-backdrop{object-fit:contain}.x-gallery .x-shade{background:linear-gradient(#08121e88,transparent 22%,transparent 72%,#08121ef5)}.x-gallery-controls{position:absolute;top:70px;left:18px;right:55px;display:flex;gap:10px}.x-gallery-controls select{width:75px;height:44px;font-size:12px;margin:0}.x-gallery-controls input{flex:1;min-width:0;height:44px;font-size:12px;margin:0}.x-gallery-controls button{border:0;background:#173448cc;color:#dceef5;font-size:11px;padding:6px}
.x-battle-fx{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.x-battle-fx i{display:none;position:absolute;left:5%;top:55%;width:100px;height:2px;background:linear-gradient(90deg,transparent,#fff1ab);filter:drop-shadow(0 0 5px #ffc552);transform:rotate(-15deg)}.x-battle-fx i:nth-child(2){top:47%;animation-delay:.15s!important}.x-battle-fx i:nth-child(3){top:51%;animation-delay:.3s!important}.x-battle-fx i:nth-child(4){top:58%;animation-delay:.1s!important}.x-battle-fx i:nth-child(5){top:43%;animation-delay:.45s!important}.x-battle-fx b{display:none;position:absolute;left:65%;top:48%;width:80px;height:80px;border-radius:50%;background:radial-gradient(#fff6b8,#ffc36788 35%,#bc632455 60%,transparent 75%)}.x-battle-fx.playing i{display:block;animation:x-projectile .85s ease-in both}.x-battle-fx.playing b{display:block;animation:x-impact 1.1s .7s both}.x-battle-fx[data-ammo="missile"] i,.x-battle-fx[data-ammo="rocket"] i{height:5px;width:150px;background:linear-gradient(90deg,transparent,#88dcff,#fff)}
@keyframes x-projectile{from{opacity:0;transform:translate(-150px,80px) rotate(-15deg)}30%{opacity:1}to{opacity:0;transform:translate(100vw,-60px) rotate(-15deg)}}
@keyframes x-impact{from{opacity:0;transform:scale(.1)}20%{opacity:1}to{opacity:0;transform:scale(3)}}
@media(min-width:720px){.panel[data-page^="x"]{left:max(0px,calc((100vw - 760px)/2));right:max(0px,calc((100vw - 760px)/2))}.x-war-top{top:70px}.x-bottom{padding:25px 32px}.x-dialogue-line{font-size:20px!important}.x-roster{left:10%;right:10%}}
@media(max-height:680px){.x-bottom{padding:12px 18px}.x-bottom h3{font-size:25px}.x-bottom p{margin:4px 0}.x-filmstrip{display:none}.x-war-top h3{font-size:25px}.x-fronts{display:none}.x-dialogue-line{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.x-battle-fx.playing i,.x-battle-fx.playing b{animation:none!important;display:none}}

.welcome{background-image:linear-gradient(180deg,#08172444,#081724bb),url(assets/expanded/SC194.webp)}.welcome::before{background-image:url(assets/expanded/SC194.webp)}

.x-choice{border:0;border-bottom:1px solid #b4d5e258;border-radius:0;background:transparent;padding:14px 0}

.x-character-nav button{width:44px;height:44px;min-height:44px}

.x-art-pending{position:absolute;left:18px;top:85px;z-index:4;max-width:calc(100% - 36px);font-size:11px;color:#d5e5e9;background:#0b1c27b8;padding:6px 9px;border-radius:3px;pointer-events:none}