/* v.1.0.0 · 800만 안 상환, 항해 엔딩 */
.debt-panel-v100{border-color:#586478;background:linear-gradient(145deg,#253240,#1b2732)}
.debt-panel-v100 h2{color:#f2e0c6;margin:4px 0 10px}
.debt-panel-v100 .debt-progress-v100{margin:12px 0 16px;height:12px}
.debt-panel-v100 .debt-progress-v100 span{background:linear-gradient(90deg,#8baabf,#e3c69b)}
.debt-pay-options-v100{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}
.debt-pay-custom-v100{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.debt-pay-custom-v100 label{display:block;width:100%;font-size:12px;color:var(--muted)}
.debt-pay-custom-v100 input{width:min(210px,100%);flex:1;min-width:120px;border:1px solid #60738a;background:#121c26;color:#fff;border-radius:9px;padding:10px;font:inherit}
.debt-panel-cleared-v100{border-color:#a28e6e}
body.debt-ending-open-v100{overflow:hidden}
.debt-ending-v100[hidden]{display:none!important}
.debt-ending-v100{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;overflow:auto;background:#070c13;color:#f1eee9;isolation:isolate}
.debt-ending-sea-v100{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 62% 28% at 50% 96%,#49748b50 0,transparent 80%),radial-gradient(ellipse 95% 48% at 52% 130%,#29465e75 0,transparent 90%),linear-gradient(180deg,#050910,#0d1823 78%,#172938)}
.debt-ending-sea-v100::after{content:'';position:absolute;left:-20%;bottom:5%;width:140%;height:19%;border-top:1px solid #8cb6c23a;border-radius:50%;transform:rotate(-3deg);box-shadow:0 -13px 45px #456b7f26}
.debt-ending-content-v100{position:relative;width:min(100%,950px);padding:clamp(28px,6vw,76px) clamp(21px,6vw,70px);margin:auto;text-align:center}
.debt-ending-kicker-v100{font-size:11px;letter-spacing:.25em;color:#b4c5c9;margin:0 0 18px}
.debt-ending-rule-v100{height:1px;width:min(110px,35%);margin:0 auto 40px;background:linear-gradient(90deg,transparent,#b2a17d,transparent)}
.debt-ending-lines-v100{max-width:700px;margin:auto;font-size:clamp(16px,2.05vw,21px);line-height:2.1;word-break:keep-all}
.debt-ending-lines-v100 p{margin:0 0 24px}
.debt-ending-lines-v100 p:first-child{color:#f2ddbd}
.debt-ending-lines-v100 p:nth-child(3){margin-bottom:48px}
.debt-ending-last-v100{font-weight:600;color:#fff}
.debt-ending-footer-v100{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:45px}
.debt-ending-footer-v100 span{color:#a3abb5;font-size:12px;letter-spacing:.08em}
.debt-ending-footer-v100 button{min-width:190px;background:#294c68;border-color:#52738c}
.debt-ending-playing-v100 .debt-ending-kicker-v100{animation:debtAppear100 1.2s .2s both}
.debt-ending-playing-v100 .debt-ending-rule-v100{animation:debtAppear100 1.2s .6s both}
.debt-ending-playing-v100 .debt-ending-lines-v100 p:nth-child(1){animation:debtAppear100 1.8s 1s both}
.debt-ending-playing-v100 .debt-ending-lines-v100 p:nth-child(2){animation:debtAppear100 1.8s 3s both}
.debt-ending-playing-v100 .debt-ending-lines-v100 p:nth-child(3){animation:debtAppear100 1.8s 5s both}
.debt-ending-playing-v100 .debt-ending-lines-v100 p:nth-child(4){animation:debtAppear100 1.8s 7.4s both}
.debt-ending-playing-v100 .debt-ending-footer-v100{animation:debtAppear100 1.3s 9.4s both}
@keyframes debtAppear100{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.debt-pay-options-v100{grid-template-columns:1fr 1fr}.debt-ending-content-v100{padding-top:48px;padding-bottom:48px}.debt-ending-lines-v100{line-height:1.95}.debt-ending-lines-v100 p:nth-child(3){margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.debt-ending-playing-v100 *{animation:none!important;transition:none!important}}

/* 빚 상환 후의 두 갈래 선택. 작은 화면에서도 버튼을 나란히 표시합니다. */
.debt-ending-choices-v100{display:flex;justify-content:center;align-items:stretch;gap:12px;flex-wrap:wrap}
.debt-ending-choices-v100 button{min-width:175px;flex:0 1 205px}
.debt-ending-choices-v100 .debt-retire-button-v100{background:#2a3138;border-color:#78818b;color:#eee8dc}
.debt-ending-choices-v100 .debt-retire-button-v100:hover:not(:disabled){background:#3c4650}
.debt-retire-credit-v100{border-color:#a18d6c;background:radial-gradient(ellipse at 50% 100%,#a08b4535 0,transparent 60%),linear-gradient(160deg,#1d262a,#11191c);box-shadow:inset 0 0 65px #0004}
.debt-retire-credit-v100::before{border-color:#c5b18a70;box-shadow:0 -8px 30px #a6984a25}
.debt-retire-credit-v100 .death-credit-kicker-164{color:#e2cfad}
.debt-retire-credit-v100 .death-credit-text-164 p:first-child{color:#f5e5ca}
.debt-retire-stats-v100{text-align:center;color:#a5b7bc;font-size:13px;margin:18px auto}
.debt-retire-notice-v100{text-align:center;color:#d9d3c3;font-size:14px;margin:15px auto 0}
.debt-retire-earned-v100{font-size:13px;text-align:center;color:#e7c877;letter-spacing:.04em;margin:24px auto 0}
@media(max-width:420px){.debt-ending-choices-v100{gap:7px}.debt-ending-choices-v100 button{flex:1 1 0;min-width:0;padding:11px 8px;font-size:12px}}