/* Painted skins supply the artwork; HTML retains accessible text and layout. */
.modal-box{background-image:url('assets/painted-ui.webp');background-size:200% 200%;background-position:0 0;border-color:#d4b47688;border-radius:3px}.modal-head{background:#0d0b1d70}.modal-body{background:#0d0b1d38}.card{background-color:#130f25ad;border-color:#b8956850}.card p{color:#d2c6d6}button:not(.ghost):not(.icon-button):not(.combat-skill-use):not(.combat-item-choice){background-image:url('assets/painted-ui.webp');background-size:200% 200%;background-position:100% 0;background-color:#632433;color:#fff2d1;border-color:#c9a56e77;text-shadow:0 1px 4px #000;padding-top:12px;padding-bottom:12px}button.primary:hover{filter:brightness(1.2)}.center-command-menu{background-image:url('assets/painted-ui.webp')!important;background-size:200% 200%!important;background-position:0 0!important}.combat-submenu{background-position:0 100%}.potential-reel{background-image:url('assets/painted-ui.webp');background-size:200% 200%;background-position:0 100%}.potential-reel strong{font-variant-numeric:tabular-nums}.goddess-scene{background:url('assets/goddess-scene.webp') center/cover;min-height:clamp(300px,468px,590px);display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}.goddess-dialogue{width:min(65%,640px);padding:24px;background-image:url('assets/painted-ui.webp');background-size:200% 200%;background-position:0 100%;text-align:left}.goddess-dialogue h2{font-size:clamp(18px,25.6px,28px)}.goddess-dialogue p{font-size:clamp(11px,16px,15px);margin:12px 0;line-height:1.8}.warp-stage{align-items:center;justify-content:center;flex-direction:column}.storyboard-film{position:absolute;inset:0;background:#030207;overflow:hidden}.story-shot{position:absolute;inset:0;margin:auto;width:min(1280px,calc(720px * var(--shot-ratio)));height:min(720px,calc(1280px / var(--shot-ratio)));background-repeat:no-repeat}.story-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 76.8px 18px;background:linear-gradient(transparent,#080416e8);text-shadow:0 2px 5px #000;color:#fff0ce;z-index:2}.story-caption h2{font-size:clamp(19px,38.4px,38px);font-family:'Noto Serif Thai',serif}.story-caption small{color:#dfc9aa}.storyboard-film[data-shot="2"] .story-caption{color:#fff7de}.rebirth-class{background:url('assets/goddess-scene.webp') center/cover}.rebirth-class .birth-info{background:#100c20cf;padding:20px;border-radius:8px}.rebirth-class .birth-art{background:#18112688}.card .small{line-height:1.4}.potential-best{background-image:url('assets/goddess-scene.webp');background-size:cover;background-position:center;background-blend-mode:soft-light;background-color:#201b39}


.class-roulette{background:url('assets/goddess-scene.webp') center/cover;min-height:360px;box-shadow:inset 0 0 90px #110e36}.class-roulette .portrait{width:200px;height:200px;margin:16px auto;box-shadow:0 0 35px #dcc8ff;border:2px solid #e9d5ac;border-radius:50%;transition:filter .1s}.class-roulette h2,.class-roulette p{background:#120c26a8;max-width:600px;margin:8px auto;padding:6px;border-radius:8px}.potential-reel{overflow:hidden}.reel-spinning{animation:reel-tick var(--reel-speed,90ms) linear infinite;filter:blur(.6px)}@keyframes reel-tick{0%{transform:translateY(-10px);opacity:.3}45%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:.3}}