*{box-sizing:border-box}body{margin:0;background:#0d0a06;color:#e8dcc0;font-family:-apple-system,"PingFang SC","Noto Sans SC",sans-serif}
#app{max-width:480px;margin:0 auto;padding:0 14px 40px}
.top{text-align:center;padding:22px 0 10px;border-bottom:1px solid #c9a227}
.logo{font-size:30px;color:#e8c766;letter-spacing:6px}
.sub{font-size:13px;color:#b8a06a;margin-top:6px}
.disclaimer{background:#1d1708;border:1px solid #c9a227;border-radius:10px;padding:12px;font-size:13px;line-height:1.7}
.cards{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.card{background:#1a1408;border:1px solid #8a6d1f;border-radius:12px;padding:16px;text-align:left;color:#f0e2b8;cursor:pointer}
.card b{display:block;font-size:18px;color:#e8c766}
.card span{display:block;font-size:13px;color:#b8a06a;margin-top:6px;line-height:1.6}
.card.dim{opacity:.55}
.note,.hint{font-size:13px;color:#b8a06a;line-height:1.7}
h2{color:#e8c766;font-size:22px}
.back{background:none;border:none;color:#c9a227;font-size:15px;padding:14px 0;cursor:pointer}
.form{display:flex;flex-direction:column;gap:12px;background:#1a1408;border:1px solid #8a6d1f;border-radius:12px;padding:16px}
.form label{font-size:14px;display:flex;flex-direction:column;gap:6px}
.form input,.form select{background:#0d0a06;border:1px solid #8a6d1f;color:#f0e2b8;border-radius:8px;padding:10px;font-size:15px}
.form button{background:#c9a227;color:#171204;border:none;border-radius:10px;padding:13px;font-size:16px;font-weight:bold;cursor:pointer}
.result{margin-top:16px;display:flex;flex-direction:column;gap:14px}
.panel{background:#1a1408;border:1px solid #8a6d1f;border-radius:12px;padding:14px}
.panel h3{margin:0 0 10px;color:#e8c766;font-size:16px}
.pillars{width:100%;border-collapse:collapse;font-size:15px}
.pillars td,.pillars th{border:1px solid #3a2f14;padding:8px;text-align:center}
.pillars th{color:#c9a227}
.bar{display:flex;align-items:center;gap:8px;font-size:14px;margin:5px 0}
.bar i{display:block;height:12px;background:#c9a227;border-radius:6px}
.tag{display:inline-block;border:1px solid #c9a227;border-radius:20px;padding:4px 10px;margin:3px;font-size:13px}
.err{background:#3a1208;border:1px solid #c0392b;border-radius:10px;padding:12px;font-size:14px}
.basis{font-size:12px;color:#8a7a52;line-height:1.6}
.sec p{font-size:14px;line-height:1.8}
img.comic{width:100%;border-radius:10px;display:block;margin:8px 0}
.palace-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.palace{border:1px solid #3a2f14;border-radius:10px;padding:10px;font-size:13px;line-height:1.7}
.palace b{color:#e8c766}
footer{margin-top:26px;font-size:12px;color:#8a7a52;line-height:1.7;text-align:center}
.hidden{display:none}