/* Relics are displayed as painted objects, with the landscape left visible. */
.relic-art{display:block;object-fit:contain;filter:drop-shadow(0 9px 12px #03020866);pointer-events:none}
.hud-relic .relic-art{width:36px;height:40px;max-width:none;filter:drop-shadow(0 0 5px #c4b1d337)}
.flow-shop-objects .shop-relic-art{width:76px;height:82px;flex:none}
.relic-choice-scene{background-image:linear-gradient(#100d1b35,#100d1b20 40%,#0d0b16c9),url('../assets/battle/sanctuary-background.png');background-size:cover;background-position:center;min-height:100dvh}
.relic-heading{text-align:center;margin:38px auto 10px}.relic-heading>small,.event-overline{font:10px Georgia;letter-spacing:4px;color:#baa9cb}.relic-heading h1{font:32px SimSun,serif;letter-spacing:6px;color:#f2eafa;margin:15px 0}.relic-heading p{font-size:13px;color:#c3b4d2;letter-spacing:2px}
.relic-pedestals{display:flex;align-items:stretch;justify-content:center;gap:clamp(22px,5vw,72px);max-width:1100px;margin:30px auto 24px;padding:0 20px}
.relic-display{position:relative;flex:0 1 280px;min-width:0;background:transparent;border:0;color:#e6dbea;padding:0;cursor:pointer;text-align:center;transition:transform .22s;isolation:isolate}
.relic-display:focus-visible,.relic-tile:focus-visible,.relic-filters button:focus-visible,.event-decision:focus-visible{outline:2px solid #e5c8ff;outline-offset:6px}
.relic-arch{display:block;position:relative;height:245px;border:1px solid #b5a3c172;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#100d1840,#19132000 85%);margin:0 12px;border-bottom:0;box-shadow:inset 0 0 28px #9d76bd08}
.relic-arch:before{content:'';position:absolute;inset:8px 7px -1px;border:1px solid #a18aac40;border-radius:50% 50% 0 0;border-bottom:0;pointer-events:none}
.relic-arch>i{position:absolute;top:-25px;left:calc(50% - 14px);font-size:30px;color:#cbb4d2;font-style:normal;text-shadow:0 0 9px var(--relic-color)}
.relic-arch .relic-art{width:100%;height:225px;position:absolute;bottom:7px;padding:12px;transition:transform .22s,filter .22s}
.relic-plinth{position:absolute;left:-12px;right:-12px;bottom:-5px;height:22px;z-index:-1;border:1px solid #af9bb770;border-radius:50%;background:radial-gradient(ellipse,#4a3b5355,#15121ae6 72%);box-shadow:0 7px 12px #05040aa3}
.relic-inscription{display:flex;flex-direction:column;min-height:189px;position:relative;padding:23px 19px 13px;border:1px solid #ad9ab371;background:linear-gradient(180deg,#16111ee8,#100d19c9);box-shadow:0 12px 25px #08061088}
.relic-inscription:before,.relic-inscription:after{content:'✧';position:absolute;color:#c6adc9;font-size:15px;left:calc(50% - 7px)}.relic-inscription:before{top:-11px}.relic-inscription:after{bottom:-11px}
.relic-inscription>small{font:9px Georgia,serif;letter-spacing:2px;color:#ac96bb}.relic-inscription h2{font:22px SimSun,serif;letter-spacing:3px;margin:12px 0;color:#f1e7f5}.relic-inscription p{font-size:13px;line-height:1.85;color:#ccbcd8;margin:0 0 14px;flex:1}.relic-select-label{font-size:10px;letter-spacing:2px;border-top:1px solid #af95bd32;padding-top:10px;color:#b3a0c4}
.relic-display.selected .relic-arch,.relic-display:hover .relic-arch{border-color:var(--relic-color);box-shadow:inset 0 0 55px #c49cff17,0 0 24px #c49cff24}.relic-display.selected .relic-inscription{border-color:var(--relic-color);box-shadow:0 0 0 3px #c6a6e21a,0 0 24px #c9a5e425}.relic-display.selected .relic-select-label{color:#f4dafa}.relic-display:hover .relic-art,.relic-display.selected .relic-art{transform:translateY(-6px);filter:drop-shadow(0 0 13px var(--relic-color))}
.relic-choice-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.relic-choice-actions .primary{min-width:260px}.relic-choice-scene>.flow-caption{margin-top:24px;text-align:center}
/* Gallery: compact painted tiles and a legible selected-item description. */
.relic-collection.relic-atlas{display:block}
#modal[data-view=relics]{max-width:min(1160px,95vw)}
.narrative-event .event-composition{z-index:9}
#modal[data-view=relics]{width:min(1160px,95vw)}.relic-atlas-intro{display:flex;justify-content:space-between;gap:20px;color:#bfaecb;font-size:13px}.relic-atlas-intro span{white-space:nowrap;color:#e4c9ed}.relic-filters{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.relic-filters button{padding:9px 20px;border:1px solid transparent;background:transparent;color:#bfaecb;font:13px SimSun;cursor:pointer}.relic-filters button[aria-pressed=true]{border-color:#a78ab9;background:linear-gradient(90deg,#6a477d6b,#38263f45);color:#f3defa;box-shadow:inset 0 0 15px #caa6e217}
.relic-atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:28px;align-items:start}.relic-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}.relic-tile{position:relative;min-width:0;padding:8px 5px 12px;border:1px solid #a28caf42;background:linear-gradient(150deg,#1f182755,#0d0d1699);color:#d8cce2;cursor:pointer}.relic-tile .relic-art{width:100%;height:105px;margin-bottom:7px}.relic-tile>span{font:12px SimSun;letter-spacing:1px}.relic-tile>i{position:absolute;right:3px;top:3px;font-size:8px;font-style:normal;background:#17131fe0;padding:3px;color:#d7c3e8}.relic-tile:hover,.relic-tile.selected{border-color:var(--relic-color);box-shadow:inset 0 0 28px #a980c217}.relic-detail{position:sticky;top:0;border-left:1px solid #b79aca55;padding-left:25px}.relic-detail>.relic-art{width:100%;height:205px;filter:drop-shadow(0 0 18px #9d70be26)}.relic-detail>small{font-size:10px;letter-spacing:2px;color:var(--relic-color)}.relic-detail h3{font:24px SimSun;margin:13px 0;color:#eedcf5;letter-spacing:2px}.relic-category{display:inline-block;padding:3px 13px;border:1px solid #aa8bbc55;font-size:11px;color:#cbb6d6}.relic-lore{font:13px/1.9 SimSun;color:#a995b9;padding:15px 0;border-bottom:1px solid #a88fb12e}.relic-effect{font-size:14px;line-height:1.95;color:#e0d0eb}.relic-empty{grid-column:1/-1;min-height:190px;padding:40px 20px;text-align:center;color:#ac99ba;font-size:14px;line-height:2}
/* Story choices sit alongside a distinct illustration rather than over its details. */
.narrative-event.flow-event{background:#100d18 url('../assets/battle/sanctuary-background.png') center/cover fixed}.narrative-event:before{background:#09071280;inset:85px 0 0;border:0;pointer-events:none}.event-composition{position:relative;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:clamp(25px,5vw,76px);max-width:1350px;margin:55px auto 35px;align-items:center;min-height:570px}.event-painting{margin:0;position:relative;min-width:0}.event-painting>img{width:100%;height:500px;object-fit:cover;object-position:center;border:1px solid #c4abca66;box-shadow:0 18px 45px #07050dbb;mask-image:linear-gradient(#000 83%,#0008)}.event-painting:before{content:'✧';position:absolute;top:-26px;left:calc(50% - 13px);font:28px Georgia;color:#d0afd9;z-index:2}.event-painting figcaption{font:12px SimSun;letter-spacing:3px;line-height:1.8;color:#c8b4d6;margin:17px 0;text-align:center}.event-painting figcaption span{margin-right:13px;color:#d7b7ee}.event-copy{padding:20px 0;background:linear-gradient(90deg,#100b1600,#100b1655);min-width:0}.event-copy h1{font:34px SimSun;letter-spacing:5px;color:#f2e6f7;margin:20px 0}.event-story{font:15px/2.15 SimSun;color:#d0bfdc;max-width:520px}.event-decisions{display:grid;gap:12px;margin:30px 0}.event-decision{display:flex;align-items:center;gap:17px;padding:17px 20px;background:linear-gradient(100deg,#41304955,#15101dbf);border:1px solid #a88cb85e;color:#d9c6e5;text-align:left;cursor:pointer;min-height:88px;transition:background .2s,border-color .2s}.decision-number{font:11px Georgia;color:#aa8fbb;letter-spacing:2px}.event-decision>span:nth-child(2){flex:1}.event-decision b{display:block;font:16px SimSun;letter-spacing:2px;font-weight:400;color:#e9d9ef}.event-decision small{display:block;margin-top:8px;font-size:12px;line-height:1.7;color:#bda9ca}.event-decision em{display:block;font:11px SimSun;color:#df9aa9;margin-top:5px}.event-decision>i{font:23px Georgia;font-style:normal;color:#c6abd8}.event-decision:hover:not(:disabled){border-color:#d3b1e5;background:linear-gradient(100deg,#6b447c66,#24192cdd);box-shadow:0 0 18px #b77fe91a}.event-decision:disabled{cursor:not-allowed;opacity:.55}.event-whisper{font:12px/1.9 SimSun;color:#a28baa;margin-top:27px;letter-spacing:2px}.event-picker-heading{font-size:12px;color:#c6afd2;margin:24px 0 13px}.event-card-picker{max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#786080 #14101b}.event-card-row{display:flex;width:100%;gap:14px;align-items:center;text-align:left;color:#ddcfe7;background:#17111ccb;border:1px solid #a087ad55;margin-bottom:10px;padding:9px;cursor:pointer}.event-card-row>img{width:58px;height:67px;object-fit:cover}.event-card-row>span{flex:1;min-width:0}.event-card-row b{font-size:14px;font-weight:400}.event-card-row small{display:block;font-size:11px;line-height:1.6;color:#bba6c7;margin-top:5px}.event-card-row>i{font-size:11px;white-space:nowrap;color:#ceb0de}
.narrative-outcome{background-image:radial-gradient(ellipse at 50% 45%,#25183266,#0b0913db 72%),url('../assets/battle/sanctuary-background.png');background-size:cover;background-position:center}.outcome-composition{position:relative;max-width:630px;margin:34px auto;text-align:center}.outcome-relic{height:285px;position:relative;background:radial-gradient(ellipse,#ad7dd018,transparent 65%);margin:8px auto}.outcome-relic:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #b295b745;border-radius:50%;top:20px;left:calc(50% - 120px)}.outcome-relic>.relic-art{width:100%;height:100%;padding:10px;filter:drop-shadow(0 0 17px #a47bcc30)}.outcome-vignette{width:100%;height:215px;margin:24px 0;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.outcome-vignette img{width:100%;height:100%;object-fit:cover}.outcome-composition h1{font:30px SimSun;letter-spacing:5px;color:#f4e6fa;margin:22px 0 14px}.outcome-lore{color:#af9dbf;font:13px/1.9 SimSun;letter-spacing:1px}.outcome-effect{font-size:16px;line-height:1.9;color:#ddc7eb;border-top:1px solid #a085b43d;border-bottom:1px solid #a085b43d;padding:20px 10px;margin:22px 0}.outcome-changes{margin:22px auto;max-width:420px;display:grid;gap:8px}.outcome-changes>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ad8cb624;padding:9px 0;font-size:13px}.outcome-changes span{color:#bba7c9}.outcome-changes b{font-weight:400;color:#d8c3ee}.outcome-changes .gain b{color:#b6d4cd}.outcome-changes .cost b{color:#e1a3af}.outcome-saved{display:block;color:#92849f;font-size:10px;letter-spacing:2px;margin-top:17px}
@media(min-width:1000px) and (max-height:800px){.relic-heading{margin-top:23px}.relic-heading h1{font-size:27px}.relic-pedestals{margin-top:24px;margin-bottom:18px}.relic-arch{height:185px}.relic-arch .relic-art{height:180px}.relic-inscription{min-height:165px;padding-top:17px}.relic-inscription h2{font-size:20px;margin:9px 0}.relic-inscription p{font-size:12px}.relic-choice-scene>.flow-caption{margin-top:14px}.event-composition{margin-top:30px;min-height:480px}.event-painting>img{height:420px}.outcome-relic{height:210px}.outcome-relic:before{width:190px;height:190px;left:calc(50% - 95px);top:10px}.outcome-composition{margin-top:22px}.outcome-vignette{height:165px}.outcome-effect{padding:15px}}
@media(max-width:1000px){.relic-atlas-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.relic-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.relic-detail{padding-left:18px}.event-composition{gap:28px}.event-painting>img{height:470px}.event-copy h1{font-size:29px}.event-story{font-size:14px}.event-decision{padding:14px 12px;gap:10px}}
@media(max-width:700px){.relic-heading{margin-top:28px}.relic-heading h1{font-size:25px;letter-spacing:3px}.relic-heading p{font-size:11px;line-height:1.9}.relic-heading>small{font-size:8px;letter-spacing:2px}.relic-pedestals{gap:16px;padding:0;margin:30px auto 22px;align-items:stretch}.relic-display{flex:1}.relic-arch{height:160px;margin:0 5px}.relic-arch .relic-art{height:152px;padding:4px}.relic-arch>i{font-size:23px;top:-19px;left:calc(50% - 10px)}.relic-inscription{padding:15px 9px 11px;min-height:205px}.relic-inscription>small{font-size:7px;letter-spacing:0}.relic-inscription h2{font-size:17px;letter-spacing:1px;margin:12px 0}.relic-inscription p{font-size:11px;line-height:1.85}.relic-select-label{font-size:8px;letter-spacing:0}.relic-choice-actions{gap:13px;flex-direction:column}.relic-choice-actions .button{width:100%;font-size:12px}.relic-choice-scene>.flow-caption{font-size:10px;text-align:center}.relic-atlas-intro{font-size:11px;line-height:1.8;flex-direction:column;gap:8px}.relic-filters{gap:4px;margin:15px 0}.relic-filters button{padding:8px 10px;font-size:11px}.relic-atlas-layout{display:flex;flex-direction:column-reverse;gap:15px}.relic-detail{position:static;width:100%;padding:10px 0 13px;border-left:0;border-bottom:1px solid #a48aaf55;min-height:130px}.relic-detail>.relic-art{width:110px;height:125px;float:left;margin-right:14px}.relic-detail h3{font-size:21px;margin:9px 0}.relic-detail .relic-lore{font-size:11px;padding:5px 0;margin:9px 0;border:0}.relic-effect{clear:both;font-size:12px;line-height:1.8;margin:10px 0 0}.relic-detail>small{font-size:9px}.relic-category{font-size:10px}.relic-tiles{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.relic-tile .relic-art{height:78px}.relic-tile>span{font-size:10px;letter-spacing:0}.relic-tile>i{font-size:7px}.narrative-event.flow-event{background-attachment:scroll;background-size:cover;background-position:center}.narrative-event:before{inset:96px 0 0}.event-composition{display:block;margin:27px 0 15px;min-height:0}.event-painting>img{height:240px}.event-painting figcaption{font-size:10px;margin:10px 0}.event-copy{padding:18px 0 0}.event-overline{font-size:8px;letter-spacing:2px}.event-copy h1{font-size:28px;letter-spacing:3px;margin:16px 0}.event-story{font-size:13px;line-height:2}.event-decisions{margin:23px 0;gap:11px}.event-decision{padding:15px 12px;min-height:86px}.event-decision b{font-size:15px}.event-decision small{font-size:11px}.event-whisper{font-size:10px}.event-card-picker{max-height:370px}.event-card-row{gap:9px}.event-card-row>img{width:45px;height:59px}.event-card-row b{font-size:12px}.event-card-row small{font-size:10px}.event-card-row>i{font-size:10px}.outcome-composition{margin:30px auto 12px}.outcome-relic{height:245px}.outcome-relic:before{width:210px;height:210px;left:calc(50% - 105px)}.outcome-composition h1{font-size:27px;letter-spacing:3px}.outcome-effect{font-size:14px;padding:18px 5px}.outcome-vignette{height:195px}.outcome-changes>div{font-size:12px}.outcome-composition>.button{width:100%;font-size:13px}.flow-shop-objects .shop-relic-art{width:65px;height:70px}.flow-resources{gap:10px}}
@media(prefers-reduced-motion:reduce){.relic-display,.relic-art,.event-decision{transition:none!important}.relic-display:hover .relic-art,.relic-display.selected .relic-art{transform:none}}
@media(max-width:700px){.flow-hud .flow-location{flex:1 0 calc(100% - 120px)}}

.narrative-event:before{background:linear-gradient(90deg,#09071255,#090712ba 65%,#090712e0)}
.narrative-outcome{background-image:radial-gradient(ellipse at 50% 40%,#16101dc2,#0b0913eb 78%),url('../assets/battle/sanctuary-background.png')}
@media(min-width:1200px){.relic-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.relic-tile .relic-art{height:98px}}