/* Illustrated expedition screens. The UI overlays real run state and actions. */
.in-flow{background:#121018;color:#e5dfe9;font-family:Georgia,'Noto Serif SC','Microsoft YaHei',serif}.in-flow::before,.in-flow .page-footer{display:none}.in-flow #app{min-height:100dvh}.flow-scene{--flow-art:url('../assets/battle/sanctuary-background.png');position:relative;isolation:isolate;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 4.2vw 64px;background:linear-gradient(180deg,#10101830 30%,#0b0913ba),var(--flow-art) center/cover fixed;overflow:hidden}.flow-scene:before{content:'';position:absolute;inset:82px 14px 18px;border:1px solid #b7a5b26e;box-shadow:inset 0 0 0 4px #17131b70,inset 0 0 0 5px #b4a2af20;pointer-events:none;z-index:8}.flow-scene:after{content:'✧';position:absolute;right:6px;top:72px;font-size:25px;color:#c2aebf;pointer-events:none}.flow-hud{height:82px;margin:0 -4.2vw;padding:0 3vw;display:flex;align-items:center;gap:26px;border-bottom:1px solid #b8a4b75e;background:linear-gradient(90deg,#131119fa,#14121bd9,#131119ed);position:relative;z-index:10}.flow-hud button{font:inherit;border:0;color:#e0d4e6;cursor:pointer;background:none;padding:0}.flow-brand{min-width:150px;text-align:center}.flow-brand b{font-size:26px;letter-spacing:7px;font-weight:400}.flow-brand small{display:block;font-size:9px;margin-top:6px}.flow-location{border-left:1px solid #9f8ca155;padding-left:26px;margin-right:auto}.flow-location span{font-size:17px;letter-spacing:4px}.flow-location small{display:block;color:#b7a6c0;font-size:9px;letter-spacing:3px;margin-top:6px}.flow-hero{display:flex;align-items:center;gap:11px;text-align:left}.flow-hero img{width:46px;height:46px;border:1px solid #bda8bf;outline:1px solid #bda8bf66;outline-offset:4px;border-radius:50%;object-fit:cover;object-position:72% 8%}.flow-hero span{font-size:14px;letter-spacing:2px}.flow-hero small{display:block;font:12px Georgia;color:#e7a8be;margin-top:5px;letter-spacing:0}.flow-resources{display:flex;align-items:center;gap:23px;font-size:15px;color:#d6bbee}.flow-resources>span,.flow-resources>button{display:flex;gap:6px;align-items:center;min-height:40px}.flow-hud .ui-icon{width:21px;height:23px}.flow-hud button:hover{color:#f4dfff;filter:drop-shadow(0 0 7px #d6adff)}.flow-caption{position:relative;display:flex;flex-direction:column;gap:6px;color:#d3c5d9;font-size:12px;letter-spacing:2px;margin-top:36px;text-shadow:0 2px 8px #000}.flow-caption small{font-size:9px;color:#a99bb5;letter-spacing:1px}.flow-caption i{position:absolute;right:0;top:0;font-size:32px;font-style:normal;font-weight:300;color:#ad98b5}.flow-title .eyebrow{color:#c3abc9;letter-spacing:4px;font-size:10px}.flow-title h1{font-weight:400;font-size:clamp(26px,2.7vw,40px);letter-spacing:5px;line-height:1.5;margin:12px 0 18px;text-shadow:0 3px 14px #06040c}.flow-title p{color:#d0c6d8;line-height:2;font-size:14px;max-width:620px;margin:0;text-shadow:0 2px 6px #090610}.flow-scene .button{border-radius:0;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background:linear-gradient(130deg,#3b2b46e6,#19141fe6);border:1px solid #c1a6ccaa;min-height:46px;letter-spacing:2px;box-shadow:inset 0 0 0 4px #14101955;padding:12px 27px}.flow-scene .button.primary{background:linear-gradient(110deg,#513c63ed,#251e31e8);color:#f0e4f5;border-color:#d7b7ec}.flow-scene .button:hover:enabled{background:#5b406bbf;box-shadow:inset 0 0 0 3px #17111e88,0 0 20px #c491f34d}.flow-actions{display:flex;gap:14px;justify-content:center;margin-top:25px}.flow-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid #bba2c343;margin-bottom:21px}.flow-section-title h2{font-size:18px;letter-spacing:3px;font-weight:400;margin:0}.flow-section-title small{color:#baa7c4;font-size:10px}.flow-link{width:100%;display:flex;gap:17px;align-items:center;text-align:left;padding:15px 22px;background:linear-gradient(100deg,#221b2be8,#17131edb);border:1px solid #b5a0bf80;box-shadow:inset 0 0 0 3px #0c091340;color:#eadfee;font:inherit;cursor:pointer;min-height:66px;transition:background .15s,border-color .15s}.flow-link .ui-icon{width:25px;height:28px;flex-shrink:0;color:#d3b9e0}.flow-link span:not(.object-glyph){flex:1;line-height:1.5;letter-spacing:2px}.flow-link small{display:block;font-size:11px;color:#bfb1ca;line-height:1.7;margin-top:5px;letter-spacing:0}.flow-link>i{font:23px Georgia;color:#d5bedf}.flow-link> b{font:20px Georgia;color:#d2b38c}.flow-link:hover:enabled{border-color:#eccaff;background:linear-gradient(100deg,#553b64eb,#22182ce6);box-shadow:inset 0 0 0 3px #17111d77,0 0 16px #ad79d728}.flow-link:disabled{opacity:.45;cursor:default}.flow-options{display:grid;gap:13px;margin-top:30px}.flow-options .flow-link{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.flow-hint{font-size:12px;line-height:1.9;color:#bba9c6}.flow-picker{max-height:470px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8e739f #16111e;background:#15111dea;padding:18px;border:1px solid #b198bc66;margin-top:20px}.flow-picker .flow-link{margin:8px 0}.flow-picker .deck-row{padding:12px 0}.flow-picker .deck-row img{width:50px;height:67px}.flow-picker .deck-row small{line-height:1.8}.flow-picker .mini-button{flex-shrink:0}.flow-picker .flow-section-title h2{font-size:15px}.in-flow button:focus-visible{outline:2px solid #f1d1ff;outline-offset:4px}
/* Map: seven real layers run left to right through an illustrated sanctuary. */
.flow-map{background-image:linear-gradient(90deg,#15101b8c,#15101b20 65%,#15101bba),var(--flow-art)}.flow-map-heading{padding-top:40px}.flow-map-heading .flow-title h1{font-size:29px;margin:8px 0}.flow-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:35px;margin-top:-18px}.flow-route{position:relative;min-height:570px;height:calc(100dvh - 260px);max-height:760px}.flow-route>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-route>svg path{fill:none;stroke:#bfaac9;stroke-width:1.2;stroke-dasharray:3 5;opacity:.65}.flow-route>svg path.travelled{stroke:#c7b5b3;stroke-dasharray:none}.flow-route>svg path.active{stroke:#e3b7ff;opacity:1;stroke-width:2;filter:drop-shadow(0 0 5px #d391ff)}.flow-route .flow-node{left:var(--flow-x)!important;margin:0;position:absolute;width:56px;height:60px;transform:translate(-50%,-50%);z-index:2}.flow-route .flow-node>span{width:34px;height:34px}.flow-route .flow-node>span:before{inset:0;border:1px solid #c7adb7;transform:rotate(45deg);background:#17121eed}.flow-route .flow-node .ui-icon{width:22px;height:23px}.flow-route .flow-node b{font-size:10px;white-space:nowrap}.flow-route .flow-node small{font-size:8px}.flow-route .flow-node.current>span:before{border-color:#ec9ab4;box-shadow:0 0 16px #d486b0}.flow-route .flow-node:disabled{opacity:.8}.flow-route-note{position:absolute;bottom:8px;left:0;color:#cbb9d3;font-size:12px;line-height:1.8;text-shadow:0 2px 5px #000}.flow-route-note small{font-size:9px;color:#a996b6}.flow-map-aside{padding-top:34px;display:grid;align-content:start;gap:20px}.flow-legend{border:1px solid #b3a1b578;background:#131019c9;display:grid;grid-template-columns:1fr 1fr;padding:20px 18px;gap:13px 10px}.flow-legend>b{grid-column:1/-1;font-size:13px;letter-spacing:3px;margin-bottom:6px;font-weight:400}.flow-legend span{display:flex;gap:8px;align-items:center;font-size:11px;color:#c6b8cf}.flow-legend .ui-icon{width:18px;height:19px}.flow-legend span:last-child{color:#e4aec5}.flow-next{display:grid;gap:9px}.flow-next>.eyebrow{font-size:9px;margin:0 0 5px}.flow-next .flow-link{padding:12px;gap:10px;font-size:13px;min-height:66px}.flow-next .flow-link small{font-size:10px}.flow-map .flow-caption{margin-top:0}.flow-link.compact{min-height:54px;font-size:12px;padding:10px 14px}
/* Event and rest choices are set into the quiet side of their paintings. */
.flow-event{--flow-art:url('../assets/scenes/event-mirror.png');background-image:linear-gradient(90deg,#11101800 28%,#0f0c1638 52%,#0f0c1688),var(--flow-art)}.flow-camp{--flow-art:url('../assets/scenes/moon-camp.png');background-image:linear-gradient(90deg,#11101800 25%,#0f0c1620 50%,#0f0c169c),var(--flow-art)}.flow-story-panel{width:44%;margin:clamp(65px,11vh,145px) 0 75px auto;min-height:490px;padding:27px 30px;background:linear-gradient(90deg,#17121c10,#17121c9c);border-top:1px solid #bba6c04f;border-bottom:1px solid #bba6c04f;position:relative}.flow-story-panel .flow-title p{font-size:15px;line-height:2.05}.flow-story-panel .flow-title h1{font-size:33px}.flow-story-panel .flow-actions{justify-content:flex-start}.flow-camp .flow-story-panel{margin-top:100px}.flow-event>.flow-caption,.flow-camp>.flow-caption{max-width:44%;margin-top:10px}.flow-camp-select .flow-story-panel{margin-top:35px;min-height:600px;width:49%}
/* Choice cards and actual victory rewards. */
.flow-choice,.flow-reward{background-image:linear-gradient(180deg,#12101977,#12101999 65%,#121019e8),var(--flow-art)}.flow-choice>.flow-title,.flow-reward>.flow-title{text-align:center;padding:46px 0 28px}.flow-choice>.flow-title p,.flow-reward>.flow-title p{margin:auto}.flow-choice-grid{display:flex;justify-content:center;gap:34px;margin:25px auto;max-width:1000px}.flow-tarot.relic-option{width:285px;min-height:405px;flex:0 1 285px;text-align:center;border:1px solid #c0a6bd;background:linear-gradient(140deg,#24202bef,#100e16f5);box-shadow:inset 0 0 0 5px #131016,inset 0 0 0 6px #b09ca044,0 15px 45px #08060d88;border-radius:2px;padding:27px 25px 23px;position:relative;color:#dfd3e6;cursor:pointer}.flow-tarot:before,.flow-tarot:after{content:'✧';position:absolute;left:50%;transform:translateX(-50%);top:-13px;color:#b5a0b9;font-size:20px}.flow-tarot:after{top:auto;bottom:-13px}.flow-tarot>small{font-size:9px;letter-spacing:3px;color:#a18cab}.flow-tarot h2{font-size:21px;line-height:1.6;font-weight:400;margin:17px 0}.flow-tarot p{font-size:13px;line-height:1.9;color:#bcb0c6;min-height:65px}.flow-tarot>span{display:block;font-size:11px;letter-spacing:2px;border-top:1px solid #ad91b347;padding-top:16px;margin-top:22px;color:#d1b8dd}.flow-tarot>span i{font-style:normal;margin-left:10px}.flow-tarot-icon{height:150px;position:relative;display:grid;place-items:center}.flow-tarot-icon:before{content:'';position:absolute;left:50%;top:50%;width:128px;height:128px;border:1px solid #b29ab575;transform:translate(-50%,-50%) rotate(45deg);border-radius:50%;box-shadow:0 0 0 5px #18131d,0 0 0 6px #b29ab52e}.flow-tarot-icon>.ui-icon{width:76px;height:80px;color:#c7a7df;filter:drop-shadow(0 0 9px #b878e777)}.flow-tarot-icon>span{font-size:55px;position:absolute;z-index:1;color:#decaed}.flow-tarot-icon>span+.ui-icon{width:120px;height:120px;opacity:.28}.flow-tarot:hover:enabled,.flow-tarot:focus-visible{border-color:#e3c3fa;box-shadow:inset 0 0 0 4px #30203a,inset 0 0 0 5px #e0b7ed88,0 0 18px #c991ff65;transform:translateY(-5px)}.flow-choice>.flow-caption,.flow-reward>.flow-caption{text-align:center;margin-top:40px}.flow-reward-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;max-width:1120px;margin:8px auto}.flow-loot-card{padding:24px 28px;background:#17121dcc;border:1px solid #b7a0bb77}.flow-loot-card .reward-cards{margin:30px 0 12px;gap:24px;justify-content:center}.flow-loot-summary{display:grid;gap:18px}.flow-loot{background:#141119e6;border:1px solid #b7a0bb77;text-align:center;padding:20px}.flow-loot h2{font-size:17px;font-weight:400;letter-spacing:3px;margin:12px 0}.flow-loot strong{display:block;font:32px Georgia;color:#d9b0a4;margin:16px 0}.flow-loot small{display:block;color:#b3a2be;font-size:11px}.flow-loot p{color:#cab9d6;font-size:12px;line-height:1.9}.flow-loot-icon .ui-icon{width:43px;height:45px;color:#c9acde}
/* Shop inventory is readable on the painted counter, with services to the side. */
.flow-shop{--flow-art:url('../assets/scenes/raven-shop.png');background-position:center top;background-image:linear-gradient(180deg,#12101700 25%,#12101755 48%,#121017f2),var(--flow-art)}.flow-shop-intro{padding:32px 0 0;min-height:255px}.flow-shop-intro .flow-title{padding:18px 25px;max-width:450px;background:#161019a8;border:1px solid #b49dac55}.flow-shop-intro .flow-title h1{font-size:24px;letter-spacing:3px;margin:10px 0}.flow-shop-intro .flow-title p{font-size:12px}.flow-shop-counter{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;background:linear-gradient(135deg,#17121bde,#131017ef);border:1px solid #b8a0b37f;box-shadow:inset 0 0 0 5px #08070d50;padding:24px 28px;max-width:1400px;margin:auto}.flow-stock{min-width:0}.flow-shop .shop-cards{margin:0;gap:17px!important}.flow-shop .shop-item{border:0;background:none;box-shadow:none;padding:7px 0}.flow-shop .shop-item.sold{opacity:.5}.flow-shop .shop-cards .hand-card{max-width:205px;min-width:0}.flow-shop-objects{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.flow-shop-objects .flow-link{padding:12px;gap:12px;font-size:13px}.flow-shop-objects .flow-link small{font-size:10px}.object-glyph{font-size:34px;color:#c5a9d2}.flow-shop-services{display:flex;flex-direction:column;gap:12px}.flow-shop-services .flow-section-title{margin-bottom:6px}.flow-shop-services .flow-link{padding:14px;font-size:13px}.flow-shop-services .button{margin-top:6px}.flow-shop-services .flow-picker{position:absolute;z-index:20;right:4.2vw;bottom:90px;width:min(650px,90vw);box-shadow:0 20px 100px #05040aed}.flow-shop>.flow-caption{margin-top:23px}
/* Arrival and chapter scenes are persisted UI gates over existing engine phases. */
.flow-encounter,.flow-chapter{min-height:100dvh;background-image:linear-gradient(0deg,#111019d9,#11101900 65%),var(--flow-art)}.flow-hero-cutout{position:absolute;left:-9%;bottom:-8%;width:65%;height:94%;object-fit:contain;object-position:left bottom;pointer-events:none;filter:drop-shadow(0 8px 28px #07050b55)}.flow-enemy-silhouettes{display:flex;justify-content:center;gap:0;position:relative;width:54%;margin:75px 0 0 auto;min-height:290px;align-items:center}.flow-enemy-silhouettes figure{width:220px;max-width:50%;margin:0;text-align:center}.flow-enemy-silhouettes img{height:270px;width:100%;object-fit:contain;filter:brightness(.6) drop-shadow(0 0 13px #aa8bd544)}.flow-enemy-silhouettes figcaption{font-size:13px;color:#d1bbdf;letter-spacing:3px}.flow-enemy-silhouettes small{display:block;font:12px Georgia;color:#dba9b4;margin-top:7px}.flow-encounter-copy{position:relative;margin:35px 0 0 auto;width:49%;padding:25px;background:linear-gradient(90deg,#16111b11,#16111b9c);border-top:1px solid #b19abc55}.flow-encounter-copy .flow-title h1{font-size:28px}.flow-encounter-copy .flow-title p{font-size:13px}.flow-encounter-stats{display:flex;gap:18px;font-size:12px;color:#c7b4d4;margin:23px 0}.flow-encounter-copy .button{display:flex;align-items:center;gap:15px;margin-left:auto}.flow-encounter-copy .button .ui-icon{width:22px;height:25px}.flow-encounter>.flow-caption{margin-top:55px}.flow-boss .flow-enemy-silhouettes img{filter:brightness(.65) drop-shadow(0 0 30px #ce7cb16b);height:290px}.flow-chapter{--flow-art:url('../assets/battle/moon-courtyard.png')}.flow-chapter.scene-2{--flow-art:url('../assets/battle/sanctuary-background.png')}.flow-chapter-copy{position:relative;width:44%;margin:19vh 0 15vh auto;padding:28px;background:linear-gradient(90deg,#17121c99,#17121c44);border-left:1px solid #b69eb55e}.flow-chapter-copy .flow-title h1{font-size:38px;line-height:1.7}.flow-chapter-copy>p{font-size:13px;color:#c2b4cc;line-height:2;margin:25px 0 35px}.flow-upgrade{padding:12px 15px 8px;text-align:center;background:radial-gradient(ellipse,#58366335,transparent 65%)}.flow-upgrade>p{font-size:13px;color:#c1afcc}.flow-upgrade-pair{display:flex;align-items:center;justify-content:center;gap:38px;margin:33px 0}.flow-upgrade-pair .hand-card{cursor:default;pointer-events:none;width:210px}.flow-upgrade-pair .upgraded{box-shadow:0 0 24px #b587dc5a!important;border-color:#e4bef8!important}.upgrade-arrow{font:55px Georgia;color:#e2cde9;text-shadow:0 0 14px #d4adf2}.flow-upgrade-detail b{font-size:14px;color:#d6bfdc}.flow-upgrade-detail p{font-size:12px;color:#b8a5c5}
@media(min-width:1000px) and (max-height:800px){.flow-story-panel{margin-top:50px;min-height:450px;margin-bottom:20px}.flow-camp .flow-story-panel{margin-top:45px}.flow-choice>.flow-title,.flow-reward>.flow-title{padding-top:26px;padding-bottom:15px}.flow-tarot.relic-option{min-height:340px;padding:18px 24px}.flow-tarot-icon{height:115px}.flow-tarot-icon:before{width:105px;height:105px}.flow-shop-intro{min-height:200px}.flow-map-heading{padding-top:26px}.flow-route{min-height:510px}.flow-enemy-silhouettes{margin-top:28px;min-height:240px}.flow-enemy-silhouettes img{height:230px}.flow-encounter-copy{margin-top:15px}}
@media(max-width:1050px){.flow-hud{gap:16px}.flow-location{padding-left:16px}.flow-brand{min-width:115px}.flow-brand b{font-size:22px;letter-spacing:4px}.flow-resources{gap:15px}.flow-story-panel{width:51%;padding:23px}.flow-shop-counter{grid-template-columns:minmax(0,1fr) 205px;padding:21px;gap:20px}.flow-shop .shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-shop .shop-cards .hand-card{max-width:210px}.flow-map-layout{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.flow-reward-layout{grid-template-columns:1fr}.flow-loot-summary{grid-template-columns:1fr 1fr}.flow-loot{padding:15px}.flow-loot-icon{float:left}.flow-loot-icon .ui-icon{width:32px;height:34px}.flow-loot strong{margin:10px 0}.flow-choice-grid{gap:20px}.flow-tarot.relic-option{padding:20px;min-width:0}.flow-tarot h2{font-size:18px}.flow-enemy-silhouettes{width:55%}.flow-encounter-copy{width:53%}}
@media(max-width:700px){.flow-scene{padding:0 20px 46px;background-attachment:scroll;min-height:100dvh;background-position:35% top}.flow-scene:before{inset:105px 7px 10px}.flow-scene:after{top:94px;right:0}.flow-hud{height:96px;margin:0 -20px;padding:12px 16px;gap:10px;flex-wrap:wrap}.flow-brand{min-width:100px;text-align:left}.flow-brand b{font-size:19px}.flow-brand small{font-size:7px;letter-spacing:2px;margin-top:3px}.flow-location{margin-right:0;border:0;padding:0;flex:1;text-align:right}.flow-location span{font-size:13px;letter-spacing:2px}.flow-location small{font-size:7px;letter-spacing:1px}.flow-hero{order:3;margin-right:auto;gap:8px}.flow-hero img{width:25px;height:25px;outline-offset:2px}.flow-hero span{font-size:10px;display:flex;gap:8px;align-items:center;letter-spacing:0}.flow-hero small{font-size:10px;margin:0}.flow-resources{order:4;gap:14px;font-size:11px}.flow-resources>span,.flow-resources>button{min-height:25px;gap:3px}.flow-hud .ui-icon{width:16px;height:18px}.flow-resources button[data-action=neutral-catalog]{display:none}.flow-caption{font-size:10px;letter-spacing:1px;line-height:1.7;margin-top:28px}.flow-caption small{font-size:8px;max-width:85%;letter-spacing:0}.flow-caption i{font-size:23px}.flow-title h1{font-size:26px;letter-spacing:3px}.flow-title p{font-size:12px;line-height:1.9}.flow-title .eyebrow{font-size:8px;letter-spacing:2px}.flow-section-title h2{font-size:15px;letter-spacing:2px}.flow-section-title small{font-size:8px}.flow-link{padding:13px 17px;gap:12px;font-size:14px;min-height:63px}.flow-link small{font-size:10px}.flow-options{margin-top:20px;gap:10px}.flow-map-heading{padding-top:27px}.flow-map-heading .flow-title h1{font-size:23px}.flow-map-layout{display:flex;flex-direction:column;margin-top:10px;gap:0}.flow-route{height:400px;min-height:400px;margin:0 -3px}.flow-route .flow-node{width:32px;height:46px}.flow-route .flow-node>span{width:23px;height:23px}.flow-route .flow-node .ui-icon{width:15px;height:16px}.flow-route .flow-node b{font-size:8px;letter-spacing:0}.flow-route .flow-node small{font-size:7px}.flow-route-note{font-size:10px;bottom:0}.flow-route-note small{font-size:8px}.flow-map-aside{padding-top:20px;gap:16px}.flow-legend{grid-template-columns:repeat(4,1fr);padding:13px;gap:12px 5px}.flow-legend>b{display:none}.flow-legend span{font-size:9px;gap:5px}.flow-legend .ui-icon{width:14px;height:16px}.flow-next{grid-template-columns:1fr}.flow-next .flow-link{min-height:57px}.flow-map>.flow-caption{margin-top:25px}.flow-event,.flow-camp{background-size:auto 780px;background-repeat:no-repeat;background-color:#121018;background-position:28% 75px}.flow-story-panel,.flow-camp .flow-story-panel,.flow-camp-select .flow-story-panel{width:100%;margin:285px 0 0;min-height:0;padding:24px 18px;background:linear-gradient(180deg,#17111bed,#17111bed);border:1px solid #b4a0bf66;box-shadow:0 20px 50px #08060bc9}.flow-story-panel .flow-title h1{font-size:25px}.flow-story-panel .flow-title p{font-size:12px;line-height:2}.flow-event>.flow-caption,.flow-camp>.flow-caption{max-width:none;margin-top:28px}.flow-picker{padding:12px;max-height:480px}.flow-picker .deck-row{gap:10px;flex-wrap:wrap}.flow-picker .deck-row>div{min-width:150px;flex:1}.flow-picker .deck-row img{width:42px;height:57px}.flow-picker .deck-row small{font-size:10px}.flow-picker .deck-row b{font-size:13px}.flow-camp-select .flow-story-panel{margin-top:140px}.flow-choice>.flow-title,.flow-reward>.flow-title{padding-top:34px;padding-bottom:12px}.flow-choice-grid{gap:17px;margin:17px auto;flex-direction:column}.flow-tarot.relic-option{width:100%;min-height:0;flex:auto;padding:20px 18px;text-align:left;display:grid;grid-template-columns:75px 1fr;column-gap:18px}.flow-tarot>small{grid-column:2;font-size:8px}.flow-tarot h2{grid-column:2;font-size:18px;margin:10px 0}.flow-tarot-icon{grid-column:1;grid-row:1/5;height:100%;min-height:120px}.flow-tarot-icon:before{width:65px;height:65px}.flow-tarot-icon>.ui-icon{width:43px;height:46px}.flow-tarot-icon>span{font-size:34px}.flow-tarot-icon>span+.ui-icon{width:70px;height:70px}.flow-tarot p{grid-column:2;font-size:11px;min-height:0;margin:0}.flow-tarot>span{grid-column:2;margin-top:12px;padding-top:10px;font-size:9px}.flow-choice>.flow-caption,.flow-reward>.flow-caption{text-align:left;margin-top:30px}.flow-reward-layout{gap:16px;margin-top:12px}.flow-loot-card{padding:18px 12px;min-width:0}.flow-loot-card .reward-cards{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:15px;overflow-x:auto;padding:10px 8px 22px;margin:15px -5px 0;scroll-snap-type:x mandatory}.flow-loot-card .hand-card{min-width:180px;flex-basis:180px!important;scroll-snap-align:center}.flow-loot-summary{gap:12px}.flow-loot{padding:15px 10px}.flow-loot h2{font-size:14px;letter-spacing:1px}.flow-loot strong{font-size:27px}.flow-loot small,.flow-loot p{font-size:10px}.flow-loot-icon{float:none}.flow-loot-icon .ui-icon{width:28px;height:30px}.flow-shop{background-size:auto 750px;background-repeat:no-repeat;background-color:#131019;background-position:center 65px}.flow-shop-intro{min-height:310px;padding-top:23px}.flow-shop-intro .flow-title{padding:14px 16px;max-width:265px}.flow-shop-intro .flow-title h1{font-size:19px;letter-spacing:2px}.flow-shop-intro .flow-title p{font-size:10px}.flow-shop-counter{display:block;padding:20px 12px;margin:0 -4px}.flow-shop .shop-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.flow-shop .shop-cards .hand-card{width:100%;height:282px!important;max-width:none}.flow-shop-objects{grid-template-columns:1fr;margin-top:17px;gap:10px}.flow-shop-services{margin-top:23px;padding-top:20px;border-top:1px solid #a48db54d;gap:10px}.flow-shop-services .flow-picker{position:static;width:auto;margin-top:8px}.flow-shop .shop-item{padding:4px 0}.flow-hero-cutout{width:90%;height:65%;left:-29%;bottom:10%;opacity:.9}.flow-enemy-silhouettes{width:65%;margin:50px -8px 0 auto;min-height:230px}.flow-enemy-silhouettes figure{max-width:56%;width:150px}.flow-enemy-silhouettes img,.flow-boss .flow-enemy-silhouettes img{height:220px}.flow-enemy-silhouettes figcaption{font-size:10px;letter-spacing:1px}.flow-enemy-silhouettes small{font-size:10px}.flow-encounter-copy{width:100%;padding:20px 16px;margin:35px 0 0;background:#15101bd9;border:1px solid #ad93ba66}.flow-encounter-copy .flow-title h1{font-size:24px}.flow-encounter-copy .flow-title p{font-size:12px}.flow-encounter-stats{font-size:10px;gap:13px}.flow-encounter>.flow-caption{margin-top:26px}.flow-chapter-copy{width:100%;margin:350px 0 0;padding:22px;background:#15101bd6}.flow-chapter-copy .flow-title h1{font-size:30px}.flow-chapter .flow-hero-cutout{bottom:17%;height:70%;width:115%;left:-30%}.flow-upgrade{padding:0}.flow-upgrade-pair{gap:8px;margin:25px 0}.flow-upgrade-pair .hand-card{width:135px!important;min-width:0!important;flex-basis:135px!important;height:279px!important}.upgrade-arrow{font-size:26px;flex-shrink:0}.flow-upgrade-pair .card-copy p{font-size:10px!important}.flow-upgrade-detail p{font-size:11px}.flow-upgrade .center-actions{gap:10px}.flow-upgrade .button{font-size:12px;padding:12px 18px}}
.flow-hero .flow-avatar{display:block;flex:none;width:46px;height:46px;border:1px solid #bda8bf;outline:1px solid #bda8bf66;outline-offset:4px;border-radius:50%;background:#21192c url('../assets/battle/luneth-portrait.png') 75% 10%/245% auto no-repeat}
@media(max-width:700px){.flow-hero .flow-avatar{width:25px;height:25px;outline-offset:2px}}
@media(prefers-reduced-motion:reduce){.flow-scene *{transition:none!important;animation:none!important}}
.flow-hud .flow-preparation-back{display:block;margin-top:5px;min-height:24px;font-size:12px;letter-spacing:1px;color:#dacbe5;text-align:inherit}