@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Pretendard:wght@400;500;600;700&display=swap');
/* 상호작용 및 초상화 보강 */
.content{padding:44px 28px 28px;background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.actions{padding:16px 22px 12px!important;background:rgba(8,13,25,.98)!important;border-top:1px solid rgba(218,187,128,.18)}.lore{background:rgba(229,183,107,.03)!important}
.section-heading p,.lore p{color:#596273!important}
.section-heading h2{color:#202936}.choice.selected,.scenario.selected{color:#444d5a!important}.choice.selected .choice-top,.choice.selected small,.choice.selected .cost,.scenario.selected h3,.scenario.selected p,.scenario.selected small{color:#444d5a!important}.chip.active,.segmented .active,.chip.active small,.segmented .active small{color:#444d5a!important}
.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading-row h2{margin:5px 0 8px}.tab-reset{border:1px solid rgba(32,41,54,.45);background:rgba(255,255,255,.3);color:#202936;padding:8px 11px;font:600 12px Pretendard,Arial,sans-serif;cursor:pointer;white-space:nowrap}.tab-reset:hover{background:rgba(255,255,255,.6)}
.choice.selected.invalid{border-color:var(--red)!important;box-shadow:inset 0 0 0 1px var(--red)!important}
.scenario.invalid{border-color:rgba(255,111,120,.65)!important}.scenario.selected.invalid{border-color:var(--red)!important;box-shadow:inset 0 0 0 1px var(--red)!important}
.custom-scenario{cursor:pointer}.custom-scenario textarea{margin-top:10px;cursor:text;resize:vertical}
.choice.selected small.warn{color:var(--red)!important}
.faction-rank-title{color:#202936!important}.faction-ranks .chip,.faction-ranks .chip small{color:#aeb7c4!important}.faction-ranks .chip.active,.faction-ranks .chip.active small{color:#444d5a!important}
.inventory-heading{color:#202936!important}.quantity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quantity-card{display:grid!important;grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:auto auto;gap:10px;min-height:132px;padding:15px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.quantity-card>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--ink)}.quantity-card>span strong{white-space:nowrap}.quantity-card small{grid-column:1/-1;line-height:1.5}.quantity-card input{grid-column:2;grid-row:1;height:42px;padding:8px;background:rgba(4,8,18,.6)}
.nav-button{display:inline-flex;align-items:center;gap:8px}.nav-button i{font-style:normal}.nav-button#prev i{order:-1}
.form-grid label{position:relative;grid-template-rows:20px 1fr}.form-grid label em{position:absolute;top:0;left:38px}.form-grid label input{height:62px}
@media(max-width:720px){.content{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.form-grid label em{left:38px}}
@media(max-width:720px){.quantity-grid{grid-template-columns:1fr}}
@media(max-width:720px){.nav-button{width:84px;min-height:56px;padding:5px 8px!important;flex-direction:column;justify-content:center;gap:0;line-height:1;font-size:20px;color:#17121c!important}.nav-button#prev{background:var(--gold)!important;color:#17121c!important}.nav-button#prev i{order:initial}.nav-button i,.nav-button span{display:block;color:#17121c!important}.nav-button i{font-size:24px}}
@media(max-width:720px){.tab-reset{padding:7px 9px;font-size:11px}}
.level-box input[type=range]{appearance:none;-webkit-appearance:none;height:22px;background:transparent;cursor:grab}
.level-box input[type=range]::-webkit-slider-runnable-track{height:5px;background:linear-gradient(90deg,var(--gold-d),#5e6c83);border-radius:99px}
.level-box input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin-top:-7px;border-radius:50%;background:var(--gold);border:3px solid #fff1d3;box-shadow:0 0 0 4px rgba(229,183,107,.18)}
.level-box input[type=range]:active{cursor:grabbing}.direct-input{max-width:360px;margin-top:15px}.auto{color:#85d6af!important}
.relation-card{align-items:center}.portrait{flex:0 0 64px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(229,183,107,.6);background:linear-gradient(145deg,rgba(229,183,107,.18),rgba(62,84,122,.2));color:var(--gold)}.portrait span{font:700 27px 'Gowun Batang'}.portrait small{font-size:7px;letter-spacing:.08em;margin-top:3px}.relation-content{min-width:0;flex:1}
.relation-group{margin-top:28px}.relation-group:first-child{margin-top:0}.relation-group-title{color:#202936!important;margin:0 0 12px!important}
:root{--ink:#edf0f4;--muted:#9ea8b9;--gold:#e5b76b;--gold-d:#a8732d;--navy:#10182a;--panel:rgba(21,31,50,.88);--line:rgba(218,187,128,.18);--red:#ff6f78}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#080d19 radial-gradient(circle at 20% 0,#273657 0,transparent 32%),radial-gradient(circle at 85% 90%,#35233c 0,transparent 30%);font-family:Pretendard,Arial,sans-serif}.ambient{position:fixed;width:28rem;height:28rem;filter:blur(90px);opacity:.24;border-radius:50%;pointer-events:none}.ambient-one{background:#346394;top:5%;left:-10%}.ambient-two{background:#a96335;bottom:-10%;right:-10%}.shell{position:relative;max-width:1180px;margin:auto;padding:34px 24px 25px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--gold);color:var(--gold);font-size:24px;transform:rotate(45deg)}.brand-mark+div{padding-left:7px}.brand p{margin:0;color:var(--gold);font-size:10px;letter-spacing:.18em}.brand h1{font-family:'Gowun Batang',serif;margin:2px 0 0;font-size:26px}.points{display:flex;gap:15px;align-items:center;padding:11px 16px;border:1px solid var(--line);background:rgba(9,14,27,.5);font-size:12px}.points b{color:var(--gold);letter-spacing:.1em}.points strong{font-size:13px}.points small{color:#91d7b8}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}.tabs button{white-space:nowrap;padding:14px 13px;background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;border-bottom:2px solid transparent}.tabs button:hover,.tabs .current{color:var(--ink);border-bottom-color:var(--gold)}.tabs i{font-style:normal;color:#778399;margin-right:5px}.tabs .current i{color:var(--gold)}.tabs .error{color:#ffabb0}.tabs .error i{color:var(--red)}.content{min-height:500px;padding:44px 4px 28px}.section-heading{margin-bottom:27px}.section-heading span{color:var(--gold);font-size:11px;letter-spacing:.15em}.section-heading h2{font:700 33px 'Gowun Batang',serif;margin:5px 0 8px}.section-heading p{color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:700px}label{display:grid;gap:8px;font-weight:600;font-size:14px}em{color:var(--gold);font-style:normal;font-size:11px}input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(4,8,18,.6);color:var(--ink);padding:12px;font:inherit;border-radius:3px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.segmented{display:flex;gap:6px}.segmented button,.chip{flex:1;border:1px solid var(--line);background:rgba(5,10,20,.45);color:var(--muted);padding:10px;cursor:pointer;font:inherit}.segmented .active,.chip.active{border-color:var(--gold);color:var(--gold);background:rgba(229,183,107,.11)}.segmented small,.chip small{display:block;font-size:10px}.lore{max-width:700px;margin-top:26px;padding:18px;border-left:2px solid var(--gold-d);background:rgba(229,183,107,.06)}.lore b{color:var(--gold)}.lore p{margin:6px 0 0;color:var(--muted);line-height:1.7}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{min-height:134px;text-align:left;border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:15px;cursor:pointer;font:inherit;line-height:1.55;transition:.15s}.choice:hover,.scenario:hover{border-color:rgba(229,183,107,.65);transform:translateY(-2px)}.choice.selected,.scenario.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:rgba(229,183,107,.11);color:#e5e9ef}.choice.disabled,.chip.disabled{opacity:.48;cursor:not-allowed}.choice-top{display:flex;justify-content:space-between;gap:6px;margin-bottom:7px;color:var(--ink)}.cost{font-size:12px;color:var(--gold);white-space:nowrap}.cost.refund{color:#85d6af}.choice small,.scenario small{display:block;margin-top:8px;color:#8d9bb0;font-size:11px}.warn{color:#ff969e!important}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{flex:none;padding:9px 13px}.hint{color:var(--muted);font-size:13px}.level-box{display:flex;align-items:center;gap:22px;max-width:720px;padding:23px;background:var(--panel);border:1px solid var(--line)}.level-box>div{min-width:110px}.level-box span,.level-box small{display:block;color:var(--muted);font-size:12px}.level-box output{display:block;color:var(--gold);font:700 34px 'Gowun Batang';margin:3px 0}.level-box input[type=range]{flex:1;padding:0}.level-box input[type=number]{width:92px}.band-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:15px;max-width:720px}.band-list span{padding:10px;background:rgba(19,29,48,.62);border:1px solid var(--line);font-size:11px;color:var(--muted)}.band-list .active{color:var(--gold);border-color:var(--gold)}.band-list b{display:block;margin-top:4px}.relation-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.relation-card{display:flex;justify-content:space-between;gap:15px;padding:16px;background:var(--panel);border:1px solid var(--line)}.relation-card h3{margin:2px 0}.relation-card span,.scenario span{font-size:11px;color:var(--gold)}.relation-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.relation-card select{width:112px;height:42px}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scenario{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:18px;cursor:pointer;font:inherit}.scenario h3{font:700 20px 'Gowun Batang';margin:6px 0}.scenario p{color:var(--muted);margin:0;line-height:1.55;font-size:13px}.scenario.locked{opacity:.55;cursor:not-allowed}.custom{max-width:760px;margin-top:24px}.actions{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0 6px;background:linear-gradient(transparent,rgba(8,13,25,.98) 32%)}.btn{border:1px solid var(--gold);padding:12px 18px;color:#15111a;background:var(--gold);font-weight:700;cursor:pointer;font:inherit}.btn.ghost{background:transparent;color:var(--gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.actions span{color:#ff959c;font-size:13px}.result-note{padding:14px;color:var(--gold);border:1px solid var(--line);background:rgba(229,183,107,.08);margin-bottom:15px}.result-card{position:relative;margin-bottom:14px;padding:18px;background:var(--panel);border:1px solid var(--line)}.result-card h3{margin:0 0 11px;font:700 19px 'Gowun Batang'}.result-card textarea{resize:vertical;min-height:130px;line-height:1.7}.copy{margin-top:9px;padding:8px 13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;background:#d9b26d;color:#17121c;padding:11px 16px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}h3{font:700 20px 'Gowun Batang';margin:25px 0 12px}@media(max-width:720px){.shell{padding:21px 15px}.topbar{align-items:flex-start}.points{display:grid;gap:3px;padding:9px;min-width:105px}.points strong{font-size:11px}.brand h1{font-size:21px}.content{padding-top:30px;min-height:510px}.choice-grid{grid-template-columns:1fr 1fr}.form-grid,.relation-list,.scenario-grid{grid-template-columns:1fr}.level-box{flex-wrap:wrap;gap:14px}.level-box input[type=range]{width:100%;flex-basis:100%}.band-list{grid-template-columns:repeat(2,1fr)}.tabs button{padding:12px 10px}.section-heading h2{font-size:28px}.actions{padding-top:12px}.actions span{font-size:11px}.relation-card{align-items:center}.relation-card select{width:105px}}@media(max-width:410px){.topbar{gap:8px}.brand-mark{display:none}.choice-grid{grid-template-columns:1fr}.points{font-size:10px}.tabs{margin:0 -15px;padding:0 15px}}