.raidolf-page{padding-top:38px;padding-bottom:80px}.raidolf-hero{position:relative;min-height:490px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#1a1210;box-shadow:var(--shadow)}.raidolf-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.raidolf-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,17,.96) 0%,rgba(8,12,17,.8) 35%,rgba(8,12,17,.14) 68%,rgba(8,12,17,.06) 100%)}.raidolf-hero-copy{position:relative;z-index:1;width:min(560px,55%);padding:54px}.raidolf-hero .eyebrow,.raidolf-section .eyebrow{margin:0;color:#f2b85c;font-size:.68rem;font-weight:900;letter-spacing:.15em}.raidolf-hero h1{margin:10px 0 16px;font-size:clamp(3rem,6vw,5.5rem);line-height:.98}.raidolf-hero-copy>p:not(.eyebrow){color:#d2d5d8;line-height:1.75}.raidolf-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.raidolf-tags span{padding:8px 11px;border:1px solid rgba(242,184,92,.42);border-radius:999px;color:#f2c77f;background:rgba(12,16,21,.65);font-size:.75rem;font-weight:800}.raidolf-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.raidolf-flow article{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--bg-elevated)}.raidolf-flow article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#24150c;background:#f2b85c;font-weight:900}.raidolf-flow b,.raidolf-flow small{display:block}.raidolf-flow small{margin-top:3px;color:var(--text-dim);font-size:.68rem}.raidolf-flow>i{color:#f2b85c;font-style:normal}.raidolf-section{margin-top:46px}.raidolf-section-head{margin-bottom:18px}.raidolf-section-head h2{margin:5px 0 7px;font-size:clamp(1.7rem,3.5vw,2.6rem)}.raidolf-section-head p:last-child{margin:0;color:var(--text-dim)}.raidolf-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.raidolf-rule-grid article{position:relative;padding:21px 21px 21px 66px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated)}.raidolf-rule-grid article>span{position:absolute;top:20px;left:20px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#24150c;background:#f2b85c;font-weight:900}.raidolf-rule-grid h3{margin:0 0 7px}.raidolf-rule-grid p{margin:0;color:var(--text-dim);font-size:.8rem;line-height:1.65}.reward-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.reward-head>strong{padding:9px 14px;border:1px solid rgba(242,184,92,.45);border-radius:999px;color:#f2b85c;background:var(--bg-elevated)}.raidolf-key-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.raidolf-key-rewards article{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated)}.raidolf-key-rewards article>span{color:#f2b85c;font-size:1.25rem;font-weight:900}.raidolf-key-rewards b,.raidolf-key-rewards small{display:block}.raidolf-key-rewards small{margin-top:3px;color:var(--text-dim)}.raidolf-table-wrap{border:1px solid var(--border);border-radius:17px;background:var(--bg-elevated)}.raidolf-table{margin:0}.raidolf-table th,.raidolf-table td{text-align:left}.raidolf-table td:nth-child(3),.raidolf-table td:last-child,.raidolf-table th:last-child{text-align:right}.raidolf-table tbody td:first-child{color:#f2b85c;font-weight:800}.raidolf-table tfoot{background:color-mix(in srgb,#f2b85c 10%,transparent)}.raidolf-table tfoot td{color:#f2b85c;font-weight:900}.raidolf-tip{margin-top:28px;border-left:4px solid #f2b85c}.raidolf-tip h2{margin-top:0}.raidolf-tip p{margin-bottom:0;color:var(--text-dim);line-height:1.7}@media(max-width:900px){.raidolf-hero{min-height:440px}.raidolf-hero-copy{width:68%;padding:36px}.raidolf-flow{grid-template-columns:1fr}.raidolf-flow>i{transform:rotate(90deg);text-align:center}.raidolf-rule-grid{grid-template-columns:1fr}}@media(max-width:620px){.raidolf-page{padding-top:22px}.raidolf-hero{min-height:520px;align-items:end}.raidolf-hero>img{object-position:62% center}.raidolf-hero-overlay{background:linear-gradient(0deg,rgba(8,12,17,.98) 0%,rgba(8,12,17,.78) 48%,rgba(8,12,17,.12) 100%)}.raidolf-hero-copy{width:100%;padding:25px}.raidolf-hero h1{font-size:2.75rem}.raidolf-key-rewards{grid-template-columns:1fr}.reward-head{align-items:start;flex-direction:column}.raidolf-table{min-width:650px}}

/* 확률표 고정 열 너비와 rowspan 행 정렬 */
.raidolf-value{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;border:1px solid color-mix(in srgb,#f2b85c 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,#f2b85c 10%,var(--bg-elevated)),var(--bg-elevated))}.raidolf-value>div>span{color:#f2b85c;font-size:.65rem;font-weight:900;letter-spacing:.14em}.raidolf-value h2{margin:5px 0 8px}.raidolf-value p{max-width:760px;margin:0;color:var(--text-dim);line-height:1.7}.raidolf-value-rate{display:grid;place-items:center;flex:0 0 118px;width:118px;height:118px;border:1px solid rgba(242,184,92,.5);border-radius:50%;color:#f2b85c;background:var(--bg-elevated-2);font-size:2rem}.raidolf-value-rate small{font-size:.68rem;letter-spacing:.08em}
.raidolf-table col.col-category{width:20%}
.raidolf-table col.col-item{width:40%}
.raidolf-table col.col-quantity{width:12%}
.raidolf-table col.col-rate{width:28%}
.raidolf-table thead th:nth-last-child(-n+2),.raidolf-table tbody tr>td:nth-last-child(-n+2),.raidolf-table tfoot td{text-align:right}
@media(max-width:620px){.raidolf-value{align-items:flex-start;flex-direction:column}.raidolf-value-rate{width:92px;height:92px;flex-basis:92px;font-size:1.55rem}}
.raidolf-table td,.raidolf-table th{padding:11px 14px}
.raidolf-table tbody th{background:transparent;color:var(--text);font-size:.88rem;font-weight:600;text-transform:none;letter-spacing:normal}
.raidolf-table tbody tr>td:nth-last-child(2){color:var(--text-dim);font-weight:500}
.raidolf-table tbody td:last-child{color:var(--text);font-weight:700}
.raidolf-table tbody tr:hover th{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.raidolf-table tfoot th{background:transparent;color:var(--text);font-size:.88rem;font-weight:900;text-transform:none;letter-spacing:normal;text-align:left}
.raidolf-table tbody tr:last-child th,.raidolf-table tfoot th{border-bottom:none}
.raidolf-table tbody tr:has(+ tr:last-child) td[rowspan]{border-bottom:none}