/* where: RPG完了リザルト / what: 金の達成演出と一枚の成長カード / why: 小画面でも結果と戻る操作を同時に確保する */
.rpg-completion{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#f0e9da;background:#0d1016;font-family:"Noto Sans JP",sans-serif;overflow:hidden;isolation:isolate}
.rpg-completion[open]{display:flex;flex-direction:column}.rpg-completion::backdrop{background:#0d1016}
.rpg-completion *{box-sizing:border-box}.rpg-completion-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;z-index:-2;pointer-events:none}
.rpg-completion:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,#b38b3840,transparent 58%),linear-gradient(0deg,#0d1016,#0d101699)}
.rpg-completion-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 24px 32px;padding-top:max(28px,env(safe-area-inset-top))}
.rpg-completion-content{max-width:720px;margin:auto}.rpg-completion-hero{text-align:center;padding:0 0 24px;animation:rpg-completion-rise .65s ease-out both}
.rpg-completion-seal{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;font-size:32px;color:#ead293;border:1px solid #ad9256;transform:rotate(45deg);box-shadow:0 0 38px #d7b66733;animation:rpg-completion-seal .8s ease-out both}
.rpg-completion-kicker{margin:0;color:#d1b675;font-size:12px;letter-spacing:.3em;font-weight:700}
.rpg-completion-hero h1{margin:8px 0;font:700 clamp(28px,5vw,44px)/1.5 "Noto Serif JP",serif;letter-spacing:.16em;color:#f8ecd2}
.rpg-completion-title{margin:4px 0;font-size:18px;line-height:1.7;overflow-wrap:anywhere}.rpg-completion-sub{font-size:13px;color:#bcb8ac;margin:12px 0 0;line-height:1.7}
.rpg-completion-card{padding:22px;border:1px solid #a68d526e;background:linear-gradient(130deg,#26251dec,#131a24f5);border-radius:8px;box-shadow:0 14px 50px #0005;animation:rpg-completion-rise .65s .18s ease-out both}
.rpg-completion-identity{display:flex;gap:14px;align-items:center;min-width:0}.rpg-completion-identity>img{width:64px;height:64px;object-fit:cover;border:1px solid #b69c64;border-radius:6px}.rpg-completion-identity>div{flex:1;min-width:0}
.rpg-completion-identity small{font-size:10px;letter-spacing:.15em;color:#c6ac76}.rpg-completion-identity h2{font:700 21px/1.5 "Noto Serif JP",serif;margin:4px 0;overflow-wrap:anywhere}.rpg-completion-identity p{margin:0;font-size:12px;color:#bbb6a9}
.rpg-completion-level{font:700 23px/1.4 monospace;color:#ead293;white-space:nowrap}.rpg-completion-levelup{padding:9px;text-align:center;border:1px solid #a99158;color:#f2d591;background:#b4913022;letter-spacing:.1em;font-size:14px;animation:rpg-completion-rise .6s .4s both}
.rpg-completion-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #9b85453d;font-variant-numeric:tabular-nums}
.rpg-completion-stats>div+div{border-left:1px solid #9b85453d;padding-left:16px}.rpg-completion-stats h3{font-size:13px;color:#c8c4b9;font-weight:400;margin:0 0 6px}.rpg-completion-stats strong{display:block;font:700 clamp(28px,5vw,38px)/1.2 monospace;color:#efce84;overflow-wrap:anywhere}
.rpg-completion-stats p{font-size:13px;margin:8px 0 4px;color:#dfd8c9}.rpg-completion-stats small{display:block;font-size:11px;color:#a9abac;line-height:1.6}
.rpg-completion-progress{height:5px;border-radius:5px;overflow:hidden;background:#454638;margin-top:18px}.rpg-completion-progress>span{display:block;height:100%;background:linear-gradient(90deg,#a98a48,#fae4a5);transform-origin:left;animation:rpg-completion-fill 1.1s .42s ease-out both}
.rpg-completion-next{text-align:right;color:#c3baa5;font-size:11px;margin:8px 0 0}
.rpg-completion-impact{margin-top:24px;padding:20px 22px;border-left:2px solid #b29b61;background:#101820c9;animation:rpg-completion-rise .65s .35s ease-out both;overflow-wrap:anywhere}
.rpg-completion-impact>small{font-size:10px;letter-spacing:.1em;color:#a99a76}.rpg-completion-impact h2{font:700 18px/1.6 "Noto Serif JP",serif;margin:7px 0 16px;color:#e6d4ad}.rpg-completion-impact h3{font-size:14px;color:#d6be88;margin:0 0 7px}.rpg-completion-impact p{font-size:14px;line-height:1.95;color:#d1cec4;margin:0;white-space:pre-line}.rpg-completion-impact article+article{margin-top:18px;padding-top:16px;border-top:1px solid #525149}
.rpg-completion-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px max(14px,env(safe-area-inset-bottom));border-top:1px solid #79643c;background:#10141cf5}.rpg-completion-footer>span{font-size:12px;color:#afa998}
.rpg-completion-footer>button{min-height:48px;min-width:210px;padding:12px 24px;font:inherit;font-weight:700;font-size:15px;line-height:1.5;color:#18160e;background:#d9bf80;border:1px solid #ecd9aa;border-radius:4px;cursor:pointer}.rpg-completion-footer>button:hover{background:#efdaa7}.rpg-completion-footer>button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes rpg-completion-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes rpg-completion-seal{from{opacity:0;transform:rotate(45deg) scale(1.7)}to{opacity:1;transform:rotate(45deg) scale(1)}}
@keyframes rpg-completion-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.rpg-completion-scroll{padding:22px 16px;padding-top:max(22px,env(safe-area-inset-top))}.rpg-completion-seal{width:44px;height:44px;font-size:26px;margin-bottom:12px}.rpg-completion-hero{padding-bottom:18px}.rpg-completion-hero h1{font-size:28px}.rpg-completion-title{font-size:16px}.rpg-completion-card{padding:16px}.rpg-completion-identity>img{width:52px;height:52px}.rpg-completion-identity h2{font-size:18px}.rpg-completion-impact{padding:16px;margin-top:18px}.rpg-completion-footer{gap:8px;flex-direction:column;padding:10px 16px max(12px,env(safe-area-inset-bottom))}.rpg-completion-footer>button{width:100%;max-width:720px}.rpg-completion-footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rpg-completion *{animation:none!important;transition:none!important}}