.hero span{display:none}.character{align-items:center;min-height:117px;height:117px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.character>span{padding:10px 13px}.character:hover,.character:focus{transform:translateY(-5px);box-shadow:0 14px 27px rgba(23,34,50,.17);outline:none}.portrait{flex:0 0 96px;height:117px;overflow:hidden}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.portrait.has-image img{display:block}.portrait-placeholder{display:grid;place-items:center;width:100%;height:100%;font:2.6rem Georgia,serif}.portrait.has-image .portrait-placeholder{display:none}.modal{position:fixed;z-index:20;inset:0;display:none;place-items:center;padding:24px;background:rgba(10,18,28,.72);backdrop-filter:blur(6px)}.modal.open{display:grid}.modal-box{position:relative;width:min(680px,100%);overflow:hidden;background:#f7f1e6;box-shadow:0 24px 70px #000}.modal-close{position:absolute;z-index:2;right:13px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(10,18,28,.76);color:white;font-size:1.7rem;cursor:pointer}.detail-image{position:relative;aspect-ratio:1;background:#263b4b}.detail-image img{width:100%;height:100%;object-fit:cover}.emotion-tabs{position:absolute;right:18px;bottom:-18px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.emotion-tabs button{border:1px solid rgba(255,255,255,.35);padding:8px 11px;background:#1c2b3b;color:#dfe9ed;cursor:pointer;font-size:.75rem}.emotion-tabs button.active{background:#deb35f;color:#152232}.detail-body{padding:42px 30px 30px}.detail-faction{margin:0 0 5px;color:#ad7d2b;font-size:.73rem;font-weight:bold;letter-spacing:.14em}.detail-body h3{margin:0;font:2.25rem Georgia,serif}.detail-meta{margin:7px 0 18px;color:#657080;font-size:.88rem}.keywords{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.keywords span{padding:6px 9px;background:#e7dac0;color:#3a4858;font-size:.76rem}.detail-desc{margin:0;color:#4e5e6e;line-height:1.75}@media(max-width:780px){.modal{padding:12px}.emotion-tabs{left:12px;right:12px;bottom:-18px;justify-content:center}.detail-body{padding:42px 22px 24px}}