.guide-cover{position:relative;border:1px solid var(--gold);border-top:3px double var(--gold);padding:25px 24px;background:linear-gradient(120deg,#b79a611a,transparent);margin-bottom:18px}.guide-cover p{margin:12px 45px 0 0}.guide-cover-mark{position:absolute;right:24px;top:25px;color:var(--gold);font:38px Georgia}.guide-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0 0 28px}.guide-index button{text-align:left;background:#af966b0b;border:1px solid var(--border);padding:10px;color:var(--text);font-size:13px}.guide-index button:hover{border-color:var(--gold)}.guide-index small{color:var(--gold);margin-right:8px;font-family:Georgia}.guide-chapter{position:relative;margin:0 0 24px;border:1px solid var(--border);border-left:3px solid var(--gold);padding:22px;background:linear-gradient(130deg,#bc9b6310,transparent);scroll-margin-top:16px}.guide-chapter:before,.guide-chapter:after{content:'';position:absolute;width:11px;height:11px;border-color:var(--gold);border-style:solid;opacity:.6;pointer-events:none}.guide-chapter:before{top:5px;right:5px;border-width:1px 1px 0 0}.guide-chapter:after{bottom:5px;left:5px;border-width:0 0 1px 1px}.guide-chapter>header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:16px}.guide-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--gold);outline:1px solid var(--border);outline-offset:4px;color:var(--gold);font:24px Georgia}.guide-chapter header small{font:10px Georgia;color:var(--gold);letter-spacing:2px}.guide-chapter h3{margin:3px 0 0!important;font:500 20px var(--serif)}.guide-chapter-body p{font-size:15px;line-height:2;margin:10px 0}.guide-endmark{display:block;text-align:center;color:var(--gold);opacity:.5;font-size:9px;line-height:1;margin-top:18px}.guide-chapter:focus{outline:1px solid var(--gold)}.faith-alternatives{margin-top:28px;padding-top:10px;border-top:3px double var(--border)}.faith-alternatives h4{color:var(--gold);margin-bottom:5px}
.portrait-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:470px;margin:18px auto}.portrait-choice{position:relative;padding:6px;border:1px solid var(--border);background:#a3896110;text-align:center;overflow:hidden}.portrait-choice img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.portrait-choice>span{display:flex;justify-content:space-between;align-items:center;padding:9px 5px;font-size:15px}.portrait-choice b{font-size:12px;font-weight:400;color:var(--muted)}.portrait-choice[aria-pressed=true]{border:2px solid var(--gold);padding:5px;box-shadow:0 0 0 3px #b5946720}.portrait-choice[aria-pressed=true] b{color:var(--gold);font-weight:700}.portrait-choice[aria-pressed=true]:before{content:'✓';position:absolute;top:12px;right:12px;width:27px;height:27px;background:#cfb585;color:#30271b;border:1px solid #f4dfb4;border-radius:50%;font-size:17px;line-height:25px}.creator-appearance{border:1px solid var(--border);border-top:3px double var(--gold);padding:18px 20px;margin:22px 0}.appearance-link{display:block;background:none;border:0;color:var(--gold);font-size:12px;text-align:center;margin:0 auto 12px;padding:5px}.luck-stat{display:block;width:100%;text-align:left;padding:12px;border:1px solid var(--border);background:linear-gradient(100deg,#b6976010,transparent);margin-top:10px}.luck-stat:hover{border-color:var(--gold)}.luck-stat .stat-top{display:flex}.luck-stat .stat-track{display:block;width:100%}.luck-stat .stat-track i{background:linear-gradient(90deg,#87709a,#c5ad80);display:block;height:3px}.luck-stat small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.fate-impact{margin:25px 0;padding:18px;border:1px solid var(--border);background:#b79a6108}.fate-table-wrap{max-width:100%;overflow-x:auto}.fate-impact table{font-size:13px;min-width:440px}.selected-approach{background:#b99d6820}.fate-forecast{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fate-forecast>div{border:1px solid var(--border);padding:12px}.fate-forecast small,.fate-forecast strong,.fate-forecast span{display:block}.fate-forecast strong{color:var(--gold);font-size:19px}.fate-forecast small,.fate-forecast span{font-size:12px}.sound-channel{border:1px solid var(--border);border-top:3px double var(--gold);padding:23px;margin:20px 0;background:linear-gradient(130deg,#b39a6510,transparent)}.sound-channel>header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sound-channel header h3{margin:2px 0}.sound-channel header small{color:var(--gold);letter-spacing:2px}.sound-channel-symbol{font:33px Georgia;color:var(--gold);width:46px;text-align:center}.sound-channel label{display:flex;justify-content:space-between;margin-top:18px;font-size:14px}.sound-channel input[type=range]{width:100%;accent-color:var(--gold);margin:14px 0}.sound-channel>small{font-size:12px;color:var(--muted)}.sound-channel button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #f6e6bf66}
@media(max-width:760px){.left-panel .character-portrait{grid-column:2;grid-row:1/4;margin:0!important}.left-panel #character-name{grid-column:1;grid-row:1}.left-panel #path-label{grid-column:1;grid-row:2}.left-panel .identity-button{grid-column:1;grid-row:3;margin:8px 0}.left-panel .appearance-link{grid-column:2;grid-row:4;margin:7px auto 0}.left-panel .stats{grid-column:1/-1;grid-row:5}.left-panel .luck-stat{grid-column:1/-1;grid-row:6}.left-panel .inventory-drawer{grid-column:1/-1;grid-row:7}.guide-index{grid-template-columns:1fr 1fr}.guide-cover,.guide-chapter,.sound-channel{padding:18px}.guide-chapter h3{font-size:18px}.guide-cover p{margin-right:20px}.guide-cover-mark{right:15px;font-size:25px}.fate-impact{padding:12px}.portrait-choices{gap:12px}.creator-appearance{padding:14px}.portrait-choice>span{display:block}.portrait-choice b{display:block}.fate-forecast{grid-template-columns:1fr 1fr}}

.portrait-genders{display:flex;justify-content:center;gap:12px}.portrait-genders button{min-width:110px;padding:10px 20px;border:1px solid var(--border);color:var(--text);background:transparent}.portrait-genders button[aria-pressed=true]{border-color:var(--gold);background:#ba976c22;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.identity-lock{text-align:center;color:var(--gold)}

.portrait-view{width:min(360px,100%);margin:18px auto;border:1px solid var(--gold);padding:8px;background:#a3896110}.portrait-view img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.portrait-view figcaption{text-align:center;padding:12px 4px;color:var(--gold);font-size:15px}