@font-face{font-family:ArcanaJua;src:url('assets/v3/Jua-Regular.ttf') format('truetype');font-display:swap}
html,body,button,input,select,.ui-text,.ui-content,.button,.charcard footer,.skill-entry{font-family:ArcanaJua,'Malgun Gothic',sans-serif!important;font-weight:400}
.ui-text{line-height:1.35}.v3-copy{white-space:normal;overflow-wrap:anywhere}.v3-base{object-fit:fill}.ui-image{object-fit:contain}.currency3{text-align:right;line-height:43px!important;font-variant-numeric:tabular-nums}.currency{font-family:ArcanaJua!important;font-size:31px;padding-top:2px}
.v3-scroll,.scroll,.modal{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:auto;scrollbar-gutter:stable;scrollbar-color:#dbbc76 #263b59;padding-right:15px}
.v3-scroll::-webkit-scrollbar,.modal::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:12px}.v3-scroll::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track{background:#253651;border-radius:10px}.v3-scroll::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:#dec487;border:2px solid #253651;border-radius:10px}
.v3-button,.v3-button.gold,.v3-button.ivory,.v3-button.active,.v3-button:disabled{border:0;background:none!important;box-shadow:none;border-radius:0;min-height:0;position:relative;padding:0;color:#fff0cf;text-shadow:0 2px 1px #17243a;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;isolation:isolate;font-size:25px}
.v3-button>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.v3-button>span{padding:16px 24px;z-index:1;font-size:24px;line-height:1.3}.v3-button:not(:has(img)):before{content:'';position:absolute;inset:0;background:url('https://arcana-pony-media.pages.dev/shared/objects/086c1c6721e293c2024f674b40395d622efbac977769c4b34fd609c2f379864d.webp') center/100% 100% no-repeat;z-index:-1}.v3-button.active{filter:brightness(1.25) drop-shadow(0 0 6px #ffe6a0)}.v3-button.active:after{content:'';position:absolute;width:28%;height:4px;bottom:8%;left:36%;background:#fff0b9;border-radius:5px}.v3-button:disabled{opacity:.52;filter:grayscale(.5)}.v3-tabs{gap:8px}.v3-tabs .button{padding:0;min-height:0;height:100%;font-size:24px}
.v3-roster{display:grid;gap:16px 13px;grid-auto-rows:auto;padding:5px 2px 18px;align-content:start}.v3-card{aspect-ratio:235/315;height:auto;width:100%;overflow:hidden!important}.v3-card .face{inset:4% 5% auto;width:90%;height:74%;object-fit:cover;object-position:50% 18%;border-radius:7px}.v3-card .card-frame{object-fit:fill;z-index:1}.v3-card footer{height:19%;bottom:3%;left:6%;width:88%;font-size:24px;line-height:1.1;justify-content:center;gap:4px}.v3-card footer small{font-size:17px;line-height:1.15}.v3-card .owned-check{width:43px;height:43px;right:4px;top:4px}.v3-card.selected .card-frame{filter:brightness(1.22) drop-shadow(0 0 4px #ffe6a5)}
.character-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:70px}.character-heading h1{font-size:43px;margin:0}.character-heading>span{display:flex;align-items:center;gap:9px;font-size:27px;white-space:nowrap}.job-mark{width:48px;height:48px;object-fit:contain}.character-level{display:flex;gap:25px;align-items:center;font-size:27px;margin:20px 0 26px}.character-level .bar{flex:1}.v3-stats{padding:9px 9px;margin:8px 0 23px}.v3-stats .data-line{min-height:45px;font-size:26px}.section-name{font-size:28px;margin:10px 0 18px;line-height:1.3}.v3-skills{height:137px;gap:8px;margin-bottom:30px}.v3-skills .skill-entry{width:calc(25% - 6px);font-size:18px;align-self:start}.v3-skills .skill-entry img{height:95px}.v3-materials{margin-top:10px;font-size:20px;padding-bottom:12px}.v3-materials p{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:13px 0}
.material-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.material{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;vertical-align:middle;font-size:24px;line-height:1.1}.material img{width:40px;height:43px;object-fit:contain}.material b{font-weight:400;font-variant-numeric:tabular-nums}.v3-materials .material{font-size:22px}.v3-materials .material img{width:31px;height:32px}
.v3-party-unit{justify-content:flex-end;opacity:1!important;z-index:3}.deployment-ring{position:absolute;width:175px;height:90px;bottom:38px;left:18px;object-fit:fill;filter:drop-shadow(0 0 8px #ffe5a477)}.v3-party-unit.placing .deployment-ring{animation:deployment-pulse 1.7s ease-in-out infinite}.v3-party-unit.occupied .deployment-ring{filter:brightness(.85)}.v3-party-unit .party-sprite{position:absolute;width:190px;height:210px;bottom:45px;z-index:1;object-fit:contain}.v3-party-unit .party-name{position:relative;z-index:2;width:100%;min-height:42px;padding:9px 8px;font-size:23px;background:url('https://arcana-pony-media.pages.dev/shared/objects/086c1c6721e293c2024f674b40395d622efbac977769c4b34fd609c2f379864d.webp') center/100% 100% no-repeat}.remove-unit{position:absolute;right:13px;top:12px;width:32px;height:32px;color:#fff0c5;background:#182b45;border:2px solid #dec17e;border-radius:50%;font-size:25px;z-index:3}.party-cursor{position:absolute;z-index:80;width:98px;height:130px;object-fit:contain;pointer-events:none;image-rendering:pixelated;opacity:.8;display:none;filter:drop-shadow(0 5px 3px #0c1837aa)}@media(hover:hover){.party-cursor.following{display:block}}@keyframes deployment-pulse{50%{filter:brightness(1.5) drop-shadow(0 0 14px #ffe9b2)}}
.equipment-show{display:block;width:100%;height:185px;object-fit:contain}.equipment-name{text-align:center;font-size:31px;line-height:1.2;margin:16px 0}.equipment-stars{text-align:center;color:#a87627;font-size:30px}.v3-inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 13px}.v3-item{aspect-ratio:1/1.2;height:auto;min-height:0}.v3-item>img:first-child{inset:7% 7% 19%;height:74%;width:86%}.v3-item .item-frame{inset:0;height:100%;width:100%;object-fit:fill}.v3-item span{left:9%;right:9%;bottom:7%;font-size:17px}.equipment-art{object-fit:contain}.summon-cost{text-align:center}.summon-cost .material{font-size:25px}.summon-cost img{height:32px;width:32px}
.mission-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px 160px;gap:17px;align-items:center;min-height:128px;padding:13px 5px;color:#203049}.mission-row+.mission-row{border-top:1px solid #cfb78388}.mission-round{width:84px;height:84px;object-fit:contain}.mission-description h3{font-size:27px;margin:0 0 14px;line-height:1.2}.mission-description small{display:block;text-align:right;font-size:20px;margin-top:7px}.mission-reward{display:flex;flex-direction:column;align-items:center;gap:8px}.mission-reward .material{flex-direction:column;gap:7px;font-size:22px}.mission-reward img{width:44px;height:44px}.mission-row>.v3-button{height:78px;width:160px}.mission-row.tall{min-height:240px}.claim-state{font-size:23px;text-align:center;color:#68755d}.mission-description p{font-size:23px}
.mail-row{display:flex;align-items:center;width:100%;min-height:126px;background:none;border:0;border-bottom:1px solid #c7ab7680;padding:16px;color:#21314a;text-align:left;gap:20px}.mail-row.selected{background:#cba75e22}.mail-row>img{width:65px;height:65px;object-fit:contain}.mail-row h3{font-size:27px;margin:0 0 13px}.mail-row small{font-size:21px;color:#786b59}.v3-scroll h1{font-size:34px;line-height:1.25;margin:4px 0 20px}.v3-scroll p{font-size:26px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.mail-sender{color:#8d7959}.mail-rewards{display:flex;gap:30px;flex-wrap:wrap;margin-top:50px}.v3-scroll h1 small{font-size:24px;margin-left:15px}
.map-node-hit{position:absolute;z-index:4;border:0;background:none;padding:12px;border-radius:50%}.map-node-hit>img{width:75%;height:75%;object-fit:contain}.map-node-hit.selected{box-shadow:0 0 20px 5px #ffe1aacc;outline:3px solid #ffe8a2}.v3-stage-party .v3-card{aspect-ratio:auto;height:110px}.v3-stage-party .v3-card .face{height:75%;object-position:50% 16%}.v3-stage-party .v3-card footer{font-size:17px;bottom:3%;height:18%}.v3-stage-party .v3-card footer small{display:none}.empty-stage{position:relative;border:0;background:none;padding:0;min-width:0}.empty-stage img{width:100%;height:100%;object-fit:fill}.empty-stage span{position:absolute;inset:0;display:grid;place-items:center;color:#f0d9a1;font-size:43px}
.touch-start{position:absolute;left:576px;top:741px;width:520px;height:90px;padding:0;background:none;border:0;animation:touch-fade 3s ease-in-out infinite;z-index:4}.touch-start img{width:100%;height:100%;object-fit:contain;pointer-events:none}@keyframes touch-fade{0%,100%{opacity:.35}50%{opacity:1}}
.login-form3{position:absolute;inset:0;z-index:5}.login-form3 input:not([type=hidden]){position:absolute;border:0;background:transparent;outline-offset:0;box-shadow:none;color:#fff2d5;font-size:27px;padding:10px 21px;border-radius:8px;line-height:1.4;height:60px}.login-form3 input::placeholder{color:#c9c2b4;font-size:24px}.auth-name{left:1010px;top:365px;width:430px}.auth-password{left:1010px;top:490px;width:430px}.login-form3 .hot{background:none!important;z-index:6}.auth-submit{left:1010px;top:600px;width:430px;height:75px}.auth-guest{left:1050px;top:710px;width:350px;height:70px}.auth-login-tab{left:986px;top:226px;width:237px;height:73px}.auth-register-tab{left:1231px;top:226px;width:237px;height:73px}.auth-state-label{position:absolute;left:1010px;top:600px;width:430px;height:75px;pointer-events:none}
.setting-line{display:flex;align-items:center;gap:15px;min-height:86px;font-size:28px}.setting-line>span{flex:1}.setting-line>.button{height:64px;min-width:142px}.setting-roster .v3-roster{gap:10px}.setting-roster .v3-card footer{font-size:18px}.setting-roster .v3-card footer small{font-size:14px}.setting-note{font-size:20px!important;margin:8px 0 17px!important}.v3-scroll h2{font-size:28px;line-height:1.3;margin:22px 0 12px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-actions .button{height:80px}.file-label{background:url('https://arcana-pony-media.pages.dev/shared/objects/086c1c6721e293c2024f674b40395d622efbac977769c4b34fd609c2f379864d.webp') center/100% 100%!important;color:#fff0cc!important;font-size:24px!important}
/* Dedicated native-ratio dialog assets; no sample's embedded buttons. */
.modal.panel{background:none!important;position:relative;isolation:isolate;width:850px;max-height:805px;min-height:360px;padding:60px 57px 45px;overflow-y:auto}.modal.panel:before{content:'';position:absolute;inset:0;background:url('https://arcana-pony-media.pages.dev/shared/objects/038f2ee5a6a0574babb777b6b935210dcda3e5d25c77428b9268288e776a4964.webp') center/100% 100% no-repeat;z-index:-1}.modal h2{font-size:34px;line-height:1.35;margin:0 0 28px;padding:0 32px}.modal .modal-close{background:url('https://arcana-pony-media.pages.dev/shared/objects/bafc514e4172572c3bdeed5898fc9c8a6e4f19ab555504f4cd74e06aa28eeeee.webp') center/contain no-repeat!important;border:0;width:52px;height:52px;right:13px;top:14px;padding:0}.modal .actions .v3-button{height:88px;width:260px;min-width:0}.modal .panel.navy{background:none!important;padding:20px;color:#24324a}.modal .results{max-height:440px;overflow:auto}.modal .v3-card{height:auto}.modal .grid{padding-right:12px}.cost-confirm{display:flex;justify-content:center;gap:40px;margin:28px 0 40px}.cost-confirm .material{font-size:29px;flex-direction:column;gap:12px}.cost-confirm .material img{height:69px;width:69px}
.story-scene{animation:none}.story-background{animation:none}.story-character{animation:none}.story-dialogue{background:url('https://arcana-pony-media.pages.dev/shared/objects/13fe064ff081623c5b60d3b386e66170ba9fc6a673fe6b97adc5e9f03e585411.webp') center/100% 100% no-repeat!important;left:42px;right:42px;bottom:20px;height:241px;padding:34px 66px 48px;font-size:29px;line-height:1.65}.story-dialogue strong{font-size:27px;margin:0 0 10px;line-height:1.3}.story-dialogue #dialogue-text{display:block;max-width:1405px;overflow-wrap:anywhere}.story-dialogue .next{font-size:18px;bottom:23px;right:70px}.dialogue-skip.v3-button{height:76px;width:225px;top:18px;right:29px;padding:0!important;min-height:0}.chapter-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.chapter-tap{position:absolute;inset:0;border:0;background:none;z-index:4}.chapter-tap+.dialogue-skip{z-index:8}.tutorial-note{position:absolute;left:470px;top:260px;width:730px;z-index:15;background:url('https://arcana-pony-media.pages.dev/shared/objects/13fe064ff081623c5b60d3b386e66170ba9fc6a673fe6b97adc5e9f03e585411.webp') center/100% 100%;padding:24px 45px;color:#fff0cd;font-size:26px;line-height:1.5;text-align:center;pointer-events:none}.tutorial-point{position:absolute;left:260px;bottom:172px;z-index:16;font-size:40px;color:#ffe7a0;animation:touch-fade 1s ease-in-out infinite;pointer-events:none}
.click-ripple{position:absolute;pointer-events:none;z-index:90;transform:translate(-50%,-50%)}.click-ripple i{position:absolute;width:18px;height:18px;background:#ffe6a3;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:click-star .46s ease-out both;left:calc(var(--x)*1px);top:calc(var(--y)*1px)}@keyframes click-star{from{opacity:1;transform:translate(0,0) scale(.6)}to{opacity:0;transform:translate(calc(var(--x)*1.4px),calc(var(--y)*1.4px)) scale(1.5)}}
.speech{font-size:24px}.battle-log,.battle-head .label,.battle-skills button,.battle-char{font-family:ArcanaJua!important}.battle-skills button{font-size:17px}.battle-skills button.tutorial-ready{outline:4px solid #ffde8f;filter:brightness(1.3)}#toast{background:url('https://arcana-pony-media.pages.dev/shared/objects/13fe064ff081623c5b60d3b386e66170ba9fc6a673fe6b97adc5e9f03e585411.webp') center/100% 100%;padding:24px 50px;font-size:25px;line-height:1.4}
/* Preserve corner shapes with nine-slice borders when content grows. */
.modal.panel:before{background:none;border:55px solid transparent;border-image:url('https://arcana-pony-media.pages.dev/shared/objects/038f2ee5a6a0574babb777b6b935210dcda3e5d25c77428b9268288e776a4964.webp') 100 fill stretch}.v3-button:not(:has(img)):before{background:none;border:22px solid transparent;border-image:url('https://arcana-pony-media.pages.dev/shared/objects/fe69a2091377457b583cab9de17dd5b0db89852c5a7af41ae8a9a83a2f7c41e7.webp') 40 80 fill stretch}
.auth-name{left:1064px;top:405px;width:465px}.auth-password{left:1064px;top:526px;width:465px}.auth-submit{left:1043px;top:616px;width:512px;height:100px}.auth-guest{left:1105px;top:730px;width:390px;height:78px}.auth-login-tab{left:1043px;top:274px;width:253px;height:66px}.auth-register-tab{left:1302px;top:274px;width:253px;height:66px}.auth-login-tab.active:after,.auth-register-tab.active:after{content:'';position:absolute;left:25%;right:25%;bottom:8px;height:3px;background:#ffe29a;border-radius:3px}.auth-submit img{display:none}
.material-row .material{flex-shrink:0}.modal .tutorial-note{position:static}.tutorial-note>.button{display:flex;width:220px;height:72px;margin:12px auto 0;pointer-events:auto}
.activity-progress{position:absolute;z-index:7;left:144px;top:659px;width:421px;height:17px;border-radius:12px;background:#18253f;overflow:hidden}.activity-progress i{height:100%;display:block;background:#efcf7b;border-radius:12px}
.v3-card{aspect-ratio:218/254}.v3-card .face{inset:4% 5% auto;height:78%;width:90%}.v3-card footer{bottom:3%;height:13%;font-size:22px;gap:0}.v3-card footer small{font-size:15px}.v3-stage-party .v3-card .face{height:78%}.v3-stage-party .v3-card footer{height:13%;bottom:3%;font-size:16px}
.v3-card footer{height:17%;bottom:3%;font-size:20px;line-height:1;gap:0}.v3-card footer small{font-size:13px;line-height:1}.setting-roster .v3-card footer{font-size:17px}.setting-roster .v3-card footer small{display:none}[data-scroll="codex-roster"] .v3-card footer{font-size:28px;gap:3px}[data-scroll="codex-roster"] .v3-card footer small{font-size:19px}.v3-stage-party .v3-card footer{height:17%;font-size:16px}.v3-stage-party .v3-card footer small{display:none}
.character-heading{min-height:50px}.character-heading h1{line-height:1.1;font-size:40px}.character-level{margin:8px 0 12px;line-height:1.2;font-size:26px}.v3-stats{padding:0;margin:6px 0 10px}.v3-stats .data-line{min-height:36px;font-size:25px}.section-name{margin:10px 0 12px;line-height:1;font-size:28px}.v3-skills{height:128px;margin-bottom:0}.v3-skills .skill-entry img{height:92px}.v3-materials .material-row{height:100%;flex-wrap:nowrap}.v3-materials .material{font-size:23px}.v3-materials .material img{height:40px;width:40px}