/* R2 Smart starter kit page */
.wiki-article-content--starter-kit { max-width: none; }
.r2sm-starter-kit-page { --sk-gold:#d8b768; --sk-gold-light:#f0d694; --sk-text:#edf1f6; --sk-muted:#a8b3c1; color:var(--sk-text); }
.r2sm-starter-kit-page * { box-sizing:border-box; }
.r2sm-starter-kit-page a { text-decoration:none !important; }
.r2sm-starter-kit-cover { overflow:hidden; margin:0 0 20px; border:1px solid rgba(216,183,104,.30); border-radius:22px; background:#090b0e; box-shadow:0 22px 56px rgba(0,0,0,.30); }
.r2sm-starter-kit-cover img { display:block; width:100%; height:auto; margin:0; border-radius:0; box-shadow:none; }
.r2sm-starter-kit-intro,.r2sm-starter-kit-rules,.r2sm-starter-kit-classes,.r2sm-starter-kit-next { margin-top:18px; padding:clamp(22px,4vw,38px); border:1px solid rgba(216,183,104,.22); border-radius:21px; background:linear-gradient(145deg,rgba(25,35,50,.95),rgba(10,16,25,.97)); box-shadow:0 16px 42px rgba(0,0,0,.18); }
.r2sm-starter-kit-intro>span,.r2sm-starter-kit-section-head>span,.r2sm-starter-kit-next>span { color:var(--sk-gold); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.r2sm-starter-kit-intro h2,.r2sm-starter-kit-section-head h2,.r2sm-starter-kit-next h2 { margin:8px 0; color:#fff; font-size:clamp(26px,3.5vw,39px); line-height:1.15; }
.r2sm-starter-kit-intro p,.r2sm-starter-kit-section-head p,.r2sm-starter-kit-next p { max-width:900px; margin:0; color:var(--sk-muted); line-height:1.7; }
.r2sm-starter-kit-intro strong { color:#f1dda7; }
.r2sm-starter-kit-intro__actions,.r2sm-starter-kit-next>div { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.r2sm-starter-kit-intro__actions a,.r2sm-starter-kit-next a { display:inline-flex; min-height:45px; align-items:center; padding:10px 16px; border:1px solid var(--sk-gold); border-radius:13px; background:linear-gradient(180deg,#e1c47a,#b88c42); color:#17120b !important; font-weight:900; box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.18); }
.r2sm-starter-kit-intro__actions a.is-secondary,.r2sm-starter-kit-next a.is-secondary { border-color:rgba(216,183,104,.34); background:rgba(255,255,255,.035); color:#ebd69f !important; }
.r2sm-starter-kit-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.r2sm-starter-kit-facts article { min-height:166px; padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018)),rgba(13,19,29,.77); }
.r2sm-starter-kit-facts b { display:block; margin-bottom:5px; color:var(--sk-gold-light); font-size:27px; line-height:1.1; }
.r2sm-starter-kit-facts span { display:block; color:#fff; font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.r2sm-starter-kit-facts p { margin:10px 0 0; color:#98a5b4; font-size:13px; line-height:1.55; }
.r2sm-starter-kit-rules { display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:start; border-color:rgba(210,113,87,.27); background:linear-gradient(130deg,rgba(115,48,40,.14),rgba(12,18,28,.96)); }
.r2sm-starter-kit-rules>div:first-child span { display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(222,126,98,.43); border-radius:15px; background:rgba(222,126,98,.10); color:#f3aa95; font-size:23px; font-weight:900; }
.r2sm-starter-kit-rules h2 { margin:0 0 7px; color:#fff; font-size:22px; }
.r2sm-starter-kit-rules p { margin:0; color:#b3bbc6; line-height:1.68; }
.r2sm-starter-kit-section-head { margin-bottom:22px; }
.r2sm-starter-kit-class-list { display:grid; gap:16px; }
.r2sm-starter-class { overflow:hidden; border:1px solid rgba(255,255,255,.085); border-radius:19px; background:rgba(255,255,255,.025); }
.r2sm-starter-class__head { display:grid; grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:22px; align-items:center; padding:20px; background:linear-gradient(115deg,rgba(216,183,104,.075),rgba(255,255,255,.018)); }
.r2sm-starter-class__preview { position:relative; display:block; overflow:hidden; border:1px solid rgba(216,183,104,.27); border-radius:14px; background:#0a0d12; }
.r2sm-starter-class__preview img { display:block; width:100%; height:auto; margin:0; border-radius:0; box-shadow:none; }
.r2sm-starter-class__preview span { position:absolute; right:8px; bottom:8px; padding:5px 8px; border-radius:8px; background:rgba(5,8,13,.84); color:#e7cf91; font-size:10px; font-weight:800; }
.r2sm-starter-class__identity>span { color:var(--sk-gold); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.r2sm-starter-class__identity h3 { margin:7px 0 6px; color:#fff; font-size:27px; }
.r2sm-starter-class__identity p { margin:0; color:#a6b1bf; line-height:1.62; }
.r2sm-starter-class__badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.r2sm-starter-class__badges span { padding:7px 10px; border:1px solid rgba(216,183,104,.23); border-radius:999px; background:rgba(216,183,104,.065); color:#dbc78f; font-size:11px; font-weight:800; }
.r2sm-starter-class__body { padding:0 20px 20px; }
.r2sm-starter-chest { margin-top:10px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(8,13,21,.55); }
.r2sm-starter-chest summary { display:grid; grid-template-columns:50px minmax(0,1fr) auto 20px; gap:13px; align-items:center; min-height:74px; padding:11px 14px; cursor:pointer; list-style:none; }
.r2sm-starter-chest summary::-webkit-details-marker { display:none; }
.r2sm-starter-chest__icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(216,183,104,.27); border-radius:12px; background:rgba(216,183,104,.06); overflow:hidden; }
.r2sm-starter-chest__identity small { display:block; color:#82909f; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.r2sm-starter-chest__identity strong { display:block; margin-top:3px; color:#f4f7fa; font-size:15px; }
.r2sm-starter-chest__count { color:#8995a4; font-size:11px; white-space:nowrap; }
.r2sm-starter-chest__count b { color:#eed28b; font-size:17px; }
.r2sm-starter-chest__toggle::before { content:'+'; color:#e2c77f; font-size:22px; }
.r2sm-starter-chest[open] .r2sm-starter-chest__toggle::before { content:'−'; }
.r2sm-starter-chest__content { padding:0 14px 14px; }
.r2sm-starter-item-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.r2sm-starter-item { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:11px; align-items:center; min-height:62px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:rgba(255,255,255,.027); color:inherit !important; }
.r2sm-starter-item:hover { border-color:rgba(216,183,104,.30); background:rgba(216,183,104,.055); }
.r2sm-starter-item__icon { display:grid; width:42px; height:42px; place-items:center; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.035); }
.r2sm-starter-item__name { min-width:0; color:#e9edf3; font-size:13px; font-weight:800; line-height:1.3; }
.r2sm-starter-item__count { color:#d9c17f; font-size:12px; font-weight:900; white-space:nowrap; }
.r2sm-starter-item.is-silver { border-color:rgba(216,183,104,.22); background:rgba(216,183,104,.05); }
.r2sm-starter-item.is-progression { border-color:rgba(101,161,211,.22); background:rgba(73,117,155,.06); }
.r2sm-starter-item.is-skills { border-color:rgba(129,105,194,.25); background:rgba(99,77,164,.07); }
.r2sm-starter-empty { padding:18px; border-radius:12px; background:rgba(255,255,255,.025); color:#9ca8b6; }
.r2sm-starter-kit-next { text-align:center; border-color:rgba(216,183,104,.31); background:radial-gradient(circle at 50% 0%,rgba(216,183,104,.13),transparent 42%),linear-gradient(145deg,rgba(27,36,48,.96),rgba(11,17,27,.97)); }
.r2sm-starter-kit-next p { margin-left:auto; margin-right:auto; }
.r2sm-starter-kit-next>div { justify-content:center; }
@media(max-width:980px){.r2sm-starter-kit-facts{grid-template-columns:repeat(2,minmax(0,1fr));}.r2sm-starter-class__head{grid-template-columns:220px minmax(0,1fr);}.r2sm-starter-item-grid{grid-template-columns:1fr;}}
@media(max-width:680px){.r2sm-starter-kit-cover,.r2sm-starter-kit-intro,.r2sm-starter-kit-rules,.r2sm-starter-kit-classes,.r2sm-starter-kit-next{border-radius:16px;}.r2sm-starter-kit-facts{grid-template-columns:1fr;}.r2sm-starter-kit-rules{grid-template-columns:1fr;}.r2sm-starter-class__head{grid-template-columns:1fr;padding:15px;}.r2sm-starter-class__body{padding:0 15px 15px;}.r2sm-starter-chest summary{grid-template-columns:44px minmax(0,1fr) 18px;}.r2sm-starter-chest__count{display:none;}.r2sm-starter-chest__icon{width:42px;height:42px;}.r2sm-starter-kit-intro__actions a,.r2sm-starter-kit-next a{width:100%;justify-content:center;}}
