/* The game UI is composed from painted image assets. No CSS replacement panels. */
#transition{position:absolute;inset:0;background:#060a15;opacity:0;pointer-events:none;z-index:95}
.hot,.hot:hover,.hot:active{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:transparent!important}
.ui-image{position:absolute;z-index:2;pointer-events:none;user-select:none;object-fit:fill}
.scene-background{z-index:0}.character-illustration{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 14px #101a3355)}
.ui-chrome{z-index:6}.ui-content{position:absolute;z-index:7;color:#182139}.ui-text{line-height:1.55;pointer-events:none;font-family:Georgia,'Batang','Malgun Gothic',serif;word-break:keep-all}
.ui-text.light,.light{color:#fff0ce;text-shadow:0 2px 2px #15213b}.ui-text.gold-text{color:#e9ca86;text-shadow:0 2px 2px #15213b}
.activity-chest{position:absolute;z-index:7;border:0;background:none;padding:0;color:#ffedbb;font-family:inherit;font-size:25px}.activity-chest img{width:100%;height:72px;object-fit:contain;display:block}.activity-chest span{display:block;text-align:center;margin-top:8px}.activity-chest:disabled{filter:grayscale(.4);opacity:.65}
.hot:focus-visible{outline:2px solid #f5d58b!important;outline-offset:-4px}.badge{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp') center/100% 100%;border:0;box-shadow:none;border-radius:0;padding:8px 18px}
.ink{color:#19233b}.center{text-align:center}.ui-button-place>.button{height:100%;width:100%;min-height:0}
.currency{z-index:9;background-image:url('https://arcana-pony-media.pages.dev/shared/objects/c4cbb3e6862c7fce9d4001517fd6abb399381a271187c7959a82147456c6944e.webp');background-size:100% 100%;color:#fff1d5;font-size:28px;text-align:right;line-height:43px;padding:0 5px;pointer-events:none}
.button,.button.ivory,.button.gold,.button.active{background-color:transparent;background-image:url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp');background-size:100% 100%;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none;color:#fff3d7;text-shadow:0 2px 2px #142447;font-size:26px;font-weight:700;padding:16px 25px;min-height:62px;filter:none;transition:filter .12s,transform .12s}
.button.gold{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/e57d6ea36b190950c88b07611513d1917b9dfc3909b5b2ffc94df912be111276.webp');color:#38250f;text-shadow:0 1px 0 #fff0be}
.button.ivory{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/e5acd96b4bae28d0c71aea1c76a15cec577b1a5bbb8d12c0acca62afdaa0c7e6.webp');color:#18243c;text-shadow:none}
.button.small{font-size:22px;min-height:52px;padding:12px 22px;border-radius:0}
.button.active{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/e57d6ea36b190950c88b07611513d1917b9dfc3909b5b2ffc94df912be111276.webp');color:#38250f;text-shadow:none}
.button:hover{filter:brightness(1.07)}.button:active{transform:scale(.985)}.button:disabled{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/86605957d8f88b7f020bbedf86a6fe7095ad51fa1f56986ff20994bae27b181d.webp');filter:none;opacity:.7;color:#e2dfd4;text-shadow:none}
.button small{font-size:19px;font-weight:400;line-height:1.5}.tabs{height:100%;gap:3px}.tabs>.button{height:100%;font-size:25px;min-width:0;padding:10px 16px}
.panel{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/e34c71e749cb2a486e2110741b8ba9a73a3babb9c0734a27f9893a0acf2611da.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#18243d;padding:42px}
.panel.navy{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/f62a1d18579874f874f0aedb29a815a8d55dde17e38bc29460a3ba99730ba7e7.webp')!important;color:#fff2d6}.modal{padding:60px 62px;min-height:380px;width:910px;max-height:860px;animation:modal-arrive .25s ease-out}.modal h2{color:#1b2940}.modal p{font-size:25px}
.modal-shade{background:#070e21b8;backdrop-filter:blur(2px);animation:overlay-arrive .2s ease-out}.modal-close{width:60px;height:60px;font-size:32px!important;position:absolute;right:28px;top:28px;z-index:2}
.modal .actions{margin-top:22px}.modal .actions>.button{min-width:190px}.modal .results{gap:13px}.modal .results .charcard{height:200px}
.charcard{position:relative;display:block;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;overflow:visible;min-height:0;color:#fff1d3;isolation:isolate}
.charcard .face{position:absolute;inset:7% 6% 20%;width:88%;height:73%;object-fit:cover;object-position:50% 18%;border-radius:9px;z-index:0}
.card-frame{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;object-fit:fill}
.charcard.selected .card-frame{filter:brightness(1.2) drop-shadow(0 0 5px #f5d47c)}
.charcard footer{position:absolute;bottom:4.5%;height:15%;width:88%;left:6%;right:auto;background:none;padding:0;font-size:23px;line-height:1.08;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 2px #102244}
.charcard footer small{font-size:15px;line-height:1.25}.unowned{filter:brightness(.09) saturate(.4)}.card-lock{position:absolute;left:0;right:0;top:30%;font-size:43px;color:#e2d4b1;text-align:center;z-index:2}
.owned-check{position:absolute;right:0;top:0;width:47px;height:47px;z-index:4;object-fit:contain}.charcard .lock{background:#101b38cf;z-index:2;border-radius:12px;margin:8%}.charcard .check{z-index:4}
.card-lock-image{position:absolute;left:calc(50% - 16px);top:34%;width:32px;height:40px;object-fit:contain;z-index:3}.stage-node .node-symbol{position:relative;display:block;margin:0 auto;width:43px;height:51px;object-fit:contain;inset:auto}.stage-node .node-symbol.swords{width:66px;height:66px;margin-top:-10px}
.roster-cards{display:grid;gap:11px;height:100%;grid-auto-rows:minmax(0,1fr)}
.itemcard{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0;isolation:isolate;color:#ffdb8b}
.itemcard>img:first-child{position:absolute;inset:7% 8% 16%;width:84%;height:77%;object-fit:contain;border-radius:6px;z-index:0}
.item-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none}.itemcard span{z-index:3;bottom:6%;left:8%;right:8%;background:none;font-size:17px;text-shadow:0 2px 1px #101b35}.itemcard span b{float:right}.itemcard.selected .item-frame{filter:brightness(1.25) drop-shadow(0 0 5px #f2cd70)}
.inventory-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:155px;gap:12px;height:100%;padding:1px}
.data-line{display:flex;justify-content:space-between;align-items:center;font-size:26px;min-height:45px;gap:10px}.data-line b{font-weight:500}
.bar{height:16px;border:0;border-radius:10px;box-shadow:none;background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/7a016345f1a922d7ee0eca7843a99e02163a3d549aebacfa96452faab2c39452.webp') center/100% 100%;padding:3px 4px;overflow:hidden}
.bar i{height:100%;border-radius:7px;background:#e6c477 url('https://arcana-pony-media.pages.dev/shared/objects/1686cf08022c42a9192b5af19ae7080001d2c5ae7aaf87c7b696b64c91927935.webp') center/100% 100%}
.bar{position:relative}.bar:before{content:'';position:absolute;inset:3px 4px;background:#152443;border-radius:8px}.bar i{position:relative;z-index:1}
.modal-close{background-image:url('https://arcana-pony-media.pages.dev/shared/objects/bafc514e4172572c3bdeed5898fc9c8a6e4f19ab555504f4cd74e06aa28eeeee.webp')!important;color:transparent!important;text-shadow:none!important}
.skill-row{display:flex;height:100%;justify-content:space-between;gap:9px}.skill-entry{background:none;border:0;padding:0;width:111px;color:#18243b;text-align:center;font-family:inherit;font-size:18px}.skill-entry img{width:100%;height:104px;object-fit:contain;display:block;margin:auto}.skill-entry span{display:block;line-height:1.3;margin-top:4px;word-break:keep-all}
.party-unit{position:absolute;z-index:3;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#fff1d2}
.party-sprite{height:219px;width:220px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 3px #10224455)}
.party-name{background:url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp') center/100% 100%;padding:6px 29px;font-size:23px;line-height:1.2;min-width:150px}
.party-unit .empty-ring{width:130px;height:130px;position:absolute;bottom:46px;opacity:.6}.empty-plus{font-size:43px;color:#f5dc9c;position:absolute;bottom:88px}.party-unit.empty{opacity:.6}
.party-mini{position:absolute;z-index:8;background:none;border:0;padding:0;color:#fff0d3}.party-mini>img{width:131px;height:104px;object-fit:cover;object-position:50% 20%;clip-path:ellipse(49% 50% at 50% 50%);display:block;margin:0 auto 4px}.party-mini>span{display:block;text-align:center;font-size:23px}
.stage-node{position:absolute;z-index:4;background:none;border:0;padding:0;color:#fff0d4;isolation:isolate}.stage-node>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.stage-node>b{position:absolute;top:24px;left:0;width:100%;font-size:43px;text-shadow:0 2px 3px #142142}.stage-node>span{position:absolute;left:-15px;right:-15px;bottom:-15px;font-size:23px;text-shadow:0 2px 3px #142142}.stage-node small{display:block;font-size:18px;margin-top:5px}.stage-node.selected>img{filter:brightness(1.16) drop-shadow(0 0 10px #f3d18d)}
.stage-party{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:8px}.stage-party .charcard footer{font-size:17px}.stage-party .charcard footer small{display:none}.stage-party .charcard .face{bottom:19%;height:75%}
.monster-cards{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.monster-card{position:relative;background:none;border:0;padding:0;color:#fff0d1}.monster-portrait{position:absolute;inset:10% 8% 24%;width:84%;height:66%;object-fit:contain;image-rendering:pixelated}.monster-card>span{position:absolute;bottom:8%;left:5%;right:5%;z-index:3;font-size:25px;text-align:center}
.login-panel{left:900px;top:160px;width:590px;height:665px;padding:64px 69px;background:url('https://arcana-pony-media.pages.dev/shared/objects/e34c71e749cb2a486e2110741b8ba9a73a3babb9c0734a27f9893a0acf2611da.webp') center/100% 100%;color:#18243d;border:0;box-shadow:none;border-radius:0}.login-panel h1{text-align:center;font-size:36px;margin:0 0 22px}.login-panel .tabs{height:60px;margin-bottom:23px}.login-panel label{font-size:22px}.login-panel input{background:url('https://arcana-pony-media.pages.dev/shared/objects/86605957d8f88b7f020bbedf86a6fe7095ad51fa1f56986ff20994bae27b181d.webp') center/100% 100%;border:0;border-radius:0;box-shadow:none;height:57px;font-size:23px;margin:8px 0 17px;color:#fff1d4;padding:7px 18px}.login-panel input::placeholder{color:#d9d1bf99}.login-panel>button{width:100%;margin-top:8px}.login-panel p{font-size:17px;margin-top:21px;text-align:center;color:#7a6953}.title-mark{filter:drop-shadow(0 7px 14px #14213c);object-fit:contain}.title-enter{font-size:30px!important;animation:title-breathe 3s ease-in-out infinite}
.settings-row{color:#18243b;border:0;background:none;font-size:29px;min-height:103px}.settings-row .range{accent-color:#c9a757}.file-label{display:flex;align-items:center;justify-content:center;height:100%;width:100%;cursor:pointer}.ending-story{font-size:32px;line-height:2.15;text-shadow:0 3px 4px #16233b}.ending-story strong{color:#ffe4a6}
.story-scene{position:absolute;inset:0;background:#050914;overflow:hidden;animation:story-arrive .6s ease-out;isolation:isolate}
.story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:story-pan 16s ease-out both}.story-background.story-close{animation:story-close 13s ease-out both;transform-origin:38% 70%}
.story-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#080e22b0,transparent 48%,#050b1844)}
.story-character{position:absolute;left:165px;bottom:105px;height:794px;width:800px;object-fit:contain;z-index:2;animation:portrait-arrive .7s ease-out;filter:drop-shadow(0 8px 18px #0c122d66)}
.story-guardian{position:absolute;left:950px;bottom:160px;height:570px;width:600px;object-fit:contain;image-rendering:pixelated;z-index:2}
.story-dialogue{z-index:3;background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/f62a1d18579874f874f0aedb29a815a8d55dde17e38bc29460a3ba99730ba7e7.webp') center/100% 100%;border:0;box-shadow:none;border-radius:0;color:#fff1d3;padding:33px 61px;font-size:29px;line-height:1.7;left:42px;right:42px;height:245px;bottom:17px}
.story-dialogue strong{color:#f3d38d;font-size:28px;line-height:1.4;margin-bottom:12px}.story-dialogue #dialogue-text{white-space:pre-line}.story-dialogue .next{right:70px;bottom:25px;color:#f5e4bb}
.dialogue-skip{z-index:8;right:35px;top:24px;font-size:20px!important;min-width:145px}
.narrative-touch{position:absolute;inset:0;background:none;border:0;color:#fff0cc;text-align:center;z-index:4;padding:160px 220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.chapter-kicker{font-size:30px;letter-spacing:15px;margin-bottom:44px;color:#d9bd82;animation:chapter-reveal .8s ease-out}.narrative-copy{font-size:47px;line-height:1.9;letter-spacing:3px;white-space:pre-line;text-shadow:0 3px 8px #111d36}.story-next{position:absolute;bottom:88px;font-size:20px;color:#d7c6a2;letter-spacing:2px}
.speech{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/cdebd534fbafa7bb5e8a1949f3da4e8599609b07a0be608cdb49d65e8484867d.webp') center/100% 100%;border:0;box-shadow:none;border-radius:0;padding:31px;min-height:120px;animation:modal-arrive .2s ease-out}.speech:before{display:none}
.battle-head .label,.battle-log{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp') center/100% 100%;border:0;border-radius:0;box-shadow:none;text-align:center;padding:20px 28px;color:#fff0d0}.battle-head .label{font-size:26px;padding:16px 34px}.battle-head>.button{min-width:110px;height:68px}.battle-log{left:385px;right:385px;top:100px;font-size:24px;min-height:64px}
.battle-char{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/f62a1d18579874f874f0aedb29a815a8d55dde17e38bc29460a3ba99730ba7e7.webp') center/100% 100%;border:0;border-radius:0;box-shadow:none;height:160px;padding:15px 14px;grid-template-columns:83px 1fr;gap:10px}
.battle-char>img{border:0;border-radius:7px;height:122px;width:82px}.battle-skills{gap:8px;margin-top:6px}.battle-skills button{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp') center/100% 100%;border:0;border-radius:0;color:#fff2d7;font-family:inherit;font-size:17px;width:115px;height:65px;padding:7px 9px}.battle-skills button.ready{box-shadow:none;filter:brightness(1.15)}.battle-skills button:disabled{filter:grayscale(.4);opacity:.65}.mini-name{font-size:21px}.mini-name small{font-size:15px}.boss-warning{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/86605957d8f88b7f020bbedf86a6fe7095ad51fa1f56986ff20994bae27b181d.webp') center/100% 100%;color:#ffc5c1;border:0;border-radius:0;padding:20px}
#toast{background:transparent url('https://arcana-pony-media.pages.dev/shared/objects/f62a1d18579874f874f0aedb29a815a8d55dde17e38bc29460a3ba99730ba7e7.webp') center/100% 100%;border:0;box-shadow:none;border-radius:0;padding:25px 48px;min-width:440px;font-size:25px}
@keyframes story-arrive{from{opacity:0}to{opacity:1}}@keyframes overlay-arrive{from{opacity:0}to{opacity:1}}@keyframes modal-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes portrait-arrive{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes story-pan{from{transform:scale(1.035) translateX(-10px)}to{transform:scale(1.09) translateX(8px)}}@keyframes story-close{from{transform:scale(1.1)}to{transform:scale(1.24)}}@keyframes chapter-reveal{from{opacity:0;letter-spacing:22px}to{opacity:1;letter-spacing:15px}}@keyframes title-breathe{50%{filter:brightness(1.13)}}
@media(prefers-reduced-motion:reduce){.story-background,.story-character,.story-scene{animation:none!important}}

/* Dim composed missing-character portrait, including transparent art background. */
.v9-char-card .v9-card-portrait.is-unowned{filter:brightness(.09) saturate(.4)}
.v9-char-card .v9-card-portrait.is-unowned>img.unowned{filter:none}