/* Odyssey Database V2.6.0 - Class Codex */
.class-codex{min-height:70vh;background:#080b09;color:#ded8c9}.class-hero{padding:92px 0 72px;text-align:center;border-bottom:1px solid #493b23;background:radial-gradient(circle at 50% 0,rgba(183,139,58,.18),transparent 38%),linear-gradient(#0d110e,#080b09)}.class-hero h1,.class-detail-hero h1{margin:10px 0;font:52px Georgia,"Noto Serif TC",serif;color:#f2dfaa;letter-spacing:.12em}.class-hero p{color:#aaa393}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.class-card{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:265px;overflow:hidden;border:1px solid #514329;background:linear-gradient(135deg,#121712,#080b09);color:inherit;text-decoration:none;transition:.25s}.class-card:after{content:"";position:absolute;inset:8px;border:1px solid rgba(211,177,104,.08);pointer-events:none}.class-card:hover{transform:translateY(-4px);border-color:#a07b38;box-shadow:0 18px 42px rgba(0,0,0,.45)}.class-card__image{position:relative;margin:16px;border:1px solid #65542f;overflow:hidden;background:#050705}.class-card__image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:.3s}.class-card:hover img{transform:scale(1.04)}.class-card__copy{padding:28px 28px 24px 5px}.class-card__copy span{font-size:10px;letter-spacing:.28em;color:#b9934d}.class-card__copy h2{margin:8px 0 4px;font:30px Georgia,"Noto Serif TC",serif;color:#f1e2b8}.class-card__copy strong{color:#c9ad70;font-size:13px}.class-card__copy p{min-height:68px;color:#aaa395;font-size:14px;line-height:1.8}.class-card__copy b{color:#d9b45e;font-size:12px;letter-spacing:.08em}.class-detail-hero{padding:58px 0;border-bottom:1px solid #4b3c23;background:radial-gradient(circle at 18% 50%,rgba(171,129,53,.14),transparent 28%),#0b0e0c}.class-detail-hero__grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px;align-items:center}.class-detail-hero__image{height:360px;border:1px solid #695633;padding:8px;background:#050705}.class-detail-hero__image img{width:100%;height:100%;object-fit:cover}.class-back{display:inline-block;margin-bottom:18px;color:#9b8a65;text-decoration:none}.class-detail-hero p{max-width:760px;color:#b6ae9e;font-size:16px;line-height:1.9}.class-role{color:#d8b865;font-size:15px}.class-traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.class-traits span{padding:7px 12px;border:1px solid #5a4829;background:#101510;color:#d9c28b;font-size:12px}.class-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.class-detail-main,.class-detail-side{display:grid;gap:22px;align-content:start}.class-panel,.class-detail-side section{border:1px solid #403923;background:#0f1410;padding:24px}.class-panel>header{display:flex;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid #3b3522}.class-panel>header>span{font:30px Georgia,serif;color:#9f7d38}.class-panel h2,.class-detail-side h2{margin:4px 0;color:#e8d69e;font:24px Georgia,"Noto Serif TC",serif}.class-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.class-skill-grid article{padding:18px;border:1px solid #3d3928;background:#0a0e0b}.class-skill-grid h3{margin:0 0 9px;color:#e5c873;font-size:17px}.class-skill-grid p,.class-extra p{margin:0;color:#aaa395;line-height:1.75;font-size:14px}.class-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.class-rewards span{padding:12px 14px;border:1px solid #423a26;background:#0a0e0b;color:#d6c7a5}.class-feature-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #302d20}.class-feature-row i{color:#d6ae55}.class-extra{padding:14px 0;border-bottom:1px solid #302d20}.class-extra strong{display:block;margin-bottom:6px;color:#dabe78}.class-summon-list{display:grid;gap:0;margin-top:18px}.class-summon-list>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #302d20}.class-summon-list strong{color:#d7b55e}.class-summon-list p{margin:0;color:#aaa395;line-height:1.6}
@media(max-width:980px){.class-grid{grid-template-columns:1fr}.class-detail-hero__grid{grid-template-columns:260px 1fr}.class-detail-layout{grid-template-columns:1fr}.class-detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.class-hero h1,.class-detail-hero h1{font-size:38px}.class-card{grid-template-columns:120px 1fr;min-height:210px}.class-card__image{margin:12px}.class-card__copy{padding:22px 16px 18px 0}.class-card__copy h2{font-size:24px}.class-card__copy p{font-size:12px;min-height:0}.class-detail-hero__grid{grid-template-columns:1fr}.class-detail-hero__image{height:310px}.class-skill-grid,.class-rewards,.class-detail-side{grid-template-columns:1fr}.class-summon-list>div{grid-template-columns:1fr;gap:4px}}