/* PVPBoard Chronicle: original game artwork, accessible live headings and copy. */
.sro-editorial-intro{margin:20px 0 16px;padding:15px 18px;background:var(--bg-panel);border:1px solid var(--line);color:var(--text)}
.sro-editorial-intro>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:650}
.sro-edition-mark{color:var(--brand-muted);font:700 11px/1.4 var(--mono);letter-spacing:.14em;border-right:1px solid var(--line);padding-right:14px}
.sro-editorial-intro>p{color:var(--text-muted);font-size:12px;line-height:1.6;margin:12px 0 0;max-width:90ch}
.sro-chapter-index{margin-top:13px;border:1px solid var(--line);background:var(--bg-panel)}.sro-chapter-index summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:12px 14px;cursor:pointer;list-style:none;color:var(--text);background:linear-gradient(100deg,var(--bg-panel),var(--bg-panel));font-size:12px;font-weight:650;letter-spacing:.015em;transition:background .15s,color .15s}
.sro-chapter-index summary::-webkit-details-marker{display:none}
.sro-chapter-index summary:hover{background:linear-gradient(100deg,var(--bg-panel),var(--bg-panel));color:var(--brand)}.sro-chapter-index[open] summary{border-bottom:1px solid var(--line);color:var(--brand-muted)}
.sro-chapter-index summary span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--line);background:var(--bg-sunken);color:var(--brand-muted);font-size:15px;transition:transform .2s}.sro-chapter-index[open] summary span{transform:rotate(180deg)}
.sro-chapter-index nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:390px;overflow:auto;overscroll-behavior:contain;padding:8px 12px 12px}
.sro-chapter-index a{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--text) 3.922%,transparent);color:var(--text-soft);font-size:14px;line-height:1.5;text-decoration:none;overflow-wrap:normal;word-break:normal;hyphens:none;transition:background .15s,color .15s,padding-left .15s}
.sro-chapter-index a span{flex:0 0 28px;min-width:28px;padding-top:2px;font:600 11px var(--mono);color:var(--brand-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sro-chapter-index a:hover{padding-left:12px;background:color-mix(in srgb,var(--text) 3.137%,transparent);color:var(--brand)}
.sro-chapter-index a:focus-visible,.sro-chapter-index summary:focus-visible{outline:2px solid var(--brand-muted);outline-offset:3px}
.sro-chapter{--chapter-accent:var(--brand-muted);--chapter-rgb:222,192,138;--chapter-scene:url('/img/silkroad-scenes/jangan.webp');--chapter-scene-position:center;--chapter-scene-opacity:.34;position:relative;min-width:0;isolation:isolate;scroll-margin-top:100px;border:1px solid var(--line);background:var(--bg-panel)}
.sro-chapter--hunt{--chapter-accent:var(--text-soft);--chapter-rgb:169,201,216}
.sro-chapter--battle{--chapter-accent:#d8aaa9;--chapter-rgb:216,170,169}
.sro-chapter--relic{--chapter-accent:#d0b8e3;--chapter-rgb:208,184,227}
.sro-chapter--journey{--chapter-accent:#bfd2ac;--chapter-rgb:191,210,172}
.sro-chapter--reward{--chapter-accent:var(--brand-muted);--chapter-rgb:226,189,114}
.sro-scene--world-map{--chapter-scene:url('/game-assets/silkroad/ui/silkroad-world-map.webp');--chapter-scene-position:50% 52%;--chapter-scene-opacity:.16}
.sro-scene--jangan{--chapter-scene:url('/img/silkroad-scenes/jangan.webp')}
.sro-scene--donwhang{--chapter-scene:url('/img/silkroad-scenes/donwhang.webp')}
.sro-scene--hotan{--chapter-scene:url('/img/silkroad-scenes/hotan.webp')}
.sro-scene--constantinople{--chapter-scene:url('/img/silkroad-scenes/constantinople.webp')}
.sro-scene--samarkand{--chapter-scene:url('/img/silkroad-scenes/samarkand.webp')}
.sro-scene--alexandria{--chapter-scene:url('/img/silkroad-scenes/alexandria.webp')}
.sro-scene--baghdad{--chapter-scene:url('/img/silkroad-scenes/baghdad.webp')}
.sro-scene--thief-town{--chapter-scene:url('/img/silkroad-scenes/thief-town.webp')}
.sro-scene--roc-mountain{--chapter-scene:url('/img/silkroad-scenes/roc-mountain.webp')}
.sro-scene--donwhang-cave{--chapter-scene:url('/img/silkroad-scenes/donwhang-cave.webp')}
.sro-scene--royal-mausoleum{--chapter-scene:url('/img/silkroad-scenes/royal-mausoleum.webp')}
.sro-scene--flame-mountain{--chapter-scene:url('/img/silkroad-scenes/flame-mountain.webp')}
.sro-scene--jupiter-hall{--chapter-scene:url('/img/silkroad-scenes/jupiter-hall.webp')}
.sro-scene--jupiter-hideout{--chapter-scene:url('/img/silkroad-scenes/jupiter-hideout.webp')}
.sro-scene--wreck{--chapter-scene:url('/img/silkroad-scenes/wreck.webp')}
.sro-scene--garden{--chapter-scene:url('/img/silkroad-scenes/garden.webp')}
.sro-scene--pharaoh{--chapter-scene:url('/img/silkroad-scenes/pharaoh.webp')}
.sro-scene--job-war{--chapter-scene:url('/img/silkroad-scenes/job-war.webp')}
.sro-scene--battle-arena{--chapter-scene:url('/img/silkroad-scenes/battle-arena.webp')}
.sro-scene--jangan-fortress{--chapter-scene:url('/img/silkroad-scenes/jangan-fortress.webp')}
.sro-scene--hotan-fortress{--chapter-scene:url('/img/silkroad-scenes/hotan-fortress.webp')}
.sro-scene--survival-colosseum{--chapter-scene:url('/img/silkroad-scenes/survival-colosseum.webp')}
.sro-scene--survival-desert{--chapter-scene:url('/img/silkroad-scenes/survival-desert.webp')}
.sro-scene--survival-palace{--chapter-scene:url('/img/silkroad-scenes/survival-palace.webp')}
.sro-chapter-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:74px;padding:14px 20px;border-bottom:1px solid rgba(var(--chapter-rgb),.16);background:var(--bg-panel);overflow:hidden}
.sro-chapter-banner:before{content:"";position:absolute;z-index:-2;inset:-12%;background:url('/game-assets/silkroad/ui/silkroad-world-map.webp') center 52%/cover no-repeat;opacity:.28;filter:saturate(.72) contrast(1.06)}
.sro-chapter-banner:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(95deg,color-mix(in srgb,var(--bg-panel) 96.078%,transparent) 0%,color-mix(in srgb,var(--bg-panel) 80.784%,transparent) 54%,color-mix(in srgb,var(--bg-panel) 61.176%,transparent) 100%);box-shadow:inset 3px 0 var(--chapter-accent)}
.sro-chapter-number{flex:none;align-self:center;font:500 20px/1 var(--mono);color:var(--chapter-accent);opacity:.72;font-variant-numeric:tabular-nums}
.sro-chapter-label{display:block;font:600 8.5px/1.4 var(--mono);letter-spacing:.14em;color:var(--chapter-accent);margin-bottom:3px}
.sro-chapter-banner>div{min-width:0;flex:1}
.sro-chapter-banner h2,.sro-chapter-banner h3{font-family:var(--body);font-size:clamp(17px,1.35vw,22px);font-weight:650;line-height:1.3;letter-spacing:-.018em;color:var(--text);overflow-wrap:anywhere;margin:0;text-wrap:balance}
.sro-chapter-sigil{flex:none;font:400 25px Georgia,serif;color:var(--chapter-accent);opacity:.35}
.sro-chapter-body{display:flow-root;position:relative;isolation:isolate;overflow:hidden;padding:19px 21px;background:var(--bg-panel)}
.sro-chapter-body:before{content:"";position:absolute;z-index:-2;inset:-3px;background:var(--chapter-scene) var(--chapter-scene-position)/cover no-repeat;opacity:var(--chapter-scene-opacity);filter:saturate(.72) contrast(1.08);pointer-events:none}
.sro-chapter-body:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg-panel) 92.549%,transparent) 0%,color-mix(in srgb,var(--bg-panel) 78.824%,transparent) 44%,color-mix(in srgb,var(--bg-panel) 66.667%,transparent) 72%,color-mix(in srgb,var(--bg-panel) 76.863%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--bg-panel) 90.98%,transparent) 0%,transparent 42%,color-mix(in srgb,var(--bg-panel) 65.882%,transparent) 100%);pointer-events:none}
.sro-chapter-body>.listing-widget,.sro-chapter-body>.sro-chapter-art{position:relative;z-index:1}
.sro-chapter .listing-widget{padding:0;border:0;background:none;min-width:0}
.sro-chapter .listing-widget p{font-family:var(--body);font-size:14.5px;line-height:1.78;color:var(--text-soft);white-space:pre-line;overflow-wrap:anywhere;margin:0;max-width:94ch}
.sro-chapter .listing-widget-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}
.sro-chapter .listing-widget-grid>div{min-height:0;padding:12px 13px;background:color-mix(in srgb,var(--text) 2.5%,transparent);border:1px solid color-mix(in srgb,var(--text) 4.314%,transparent);overflow-wrap:anywhere}
.sro-chapter .listing-widget-grid b{font-family:var(--body);font-size:14px;line-height:1.35;color:var(--chapter-accent)}
.sro-chapter .listing-widget-grid span{font-size:11.5px;line-height:1.45;color:var(--text-muted);margin-top:3px}
.sro-chapter .listing-widget--stats .listing-widget-grid,.sro-chapter .listing-widget--cards .listing-content-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:0 26px}
.sro-chapter .listing-widget--stats .listing-widget-grid>div,.sro-chapter .listing-widget--cards .listing-content-card{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px 2px 15px 17px;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent);box-shadow:none;overflow-wrap:anywhere}
.sro-chapter .listing-widget--stats .listing-widget-grid>div:before,.sro-chapter .listing-widget--cards .listing-content-card:before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;background:var(--chapter-accent);opacity:.8}
.sro-chapter .listing-widget--stats .listing-widget-grid b,.sro-chapter .listing-widget--cards .listing-content-card b{font-family:var(--body);font-size:14.5px;line-height:1.48;font-weight:650;letter-spacing:-.008em;color:var(--text);text-wrap:pretty}
.sro-chapter .listing-widget--stats .listing-widget-grid span,.sro-chapter .listing-widget--cards .listing-content-card span{display:block;margin-top:6px;padding:0;border:0;font-family:var(--body);font-size:13.5px;line-height:1.58;color:var(--text-soft);text-wrap:pretty}
.sro-chapter .listing-widget--cards .listing-content-card img{border:1px solid rgba(var(--chapter-rgb),.14);margin:0 0 12px}
.sro-chapter .listing-widget--stats.is-readable .listing-widget-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:0 32px}
.sro-chapter .listing-widget--stats.is-readable .listing-widget-grid>div{padding-top:16px;padding-bottom:17px}
.sro-chapter .listing-widget--stats.is-readable .listing-widget-grid>div:before{top:23px}
.sro-chapter .listing-widget--stats.is-readable .listing-widget-grid b{font-size:15.5px;line-height:1.46}
.sro-chapter .listing-widget--stats.is-readable .listing-widget-grid span{font-size:14px;line-height:1.62;margin-top:7px}
.sro-chapter .listing-widget--stats.is-dense>.embedded-model-copy{padding:0}
.sro-chapter .listing-widget--stats.is-dense .listing-widget-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 32px;border:0;background:transparent}
.sro-chapter .listing-widget--stats.is-dense .listing-widget-grid>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:baseline;gap:16px;min-height:52px;padding:14px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 7.843%,transparent);background:transparent}
.sro-chapter .listing-widget--stats.is-dense .listing-widget-grid>div:before{display:none}
.sro-chapter .listing-widget--stats.is-dense .listing-widget-grid b{margin:0;font-size:14px;line-height:1.5;font-weight:600;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.sro-chapter .listing-widget--stats.is-dense .listing-widget-grid span{order:-1;font-size:13px;line-height:1.5;margin:0;color:var(--text-soft);overflow-wrap:break-word}
.sro-chapter .listing-widget--stats.is-dense.has-card-model{grid-template-columns:minmax(0,1fr) minmax(210px,28%);gap:18px}
.sro-chapter .listing-widget--stats.is-dense.has-card-model.is-model-left{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}
.sro-chapter .listing-widget--stats.is-dense .embedded-character-model{max-width:270px}
.sro-chapter .listing-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none}
.sro-chapter .listing-feature-list li{position:relative;padding:10px 0 10px 17px;border-bottom:1px solid color-mix(in srgb,var(--text) 3.529%,transparent);font-size:13.5px;line-height:1.65;color:var(--text-soft);overflow-wrap:anywhere}
.sro-chapter .listing-feature-list li:before{content:"";position:absolute;left:2px;top:18px;width:4px;height:4px;border:1px solid var(--chapter-accent);background:none;transform:rotate(45deg)}
.sro-chapter .listing-timeline{border-color:var(--chapter-accent)}
.sro-chapter .listing-timeline b{font-size:14px;color:var(--chapter-accent)}.sro-chapter .listing-timeline span{font-size:13px;line-height:1.65;color:var(--text-soft)}
.sro-chapter .listing-widget--callout{border-left:3px solid var(--chapter-accent);padding-left:20px}
.sro-chapter-art{position:relative;float:right;width:30%;max-width:300px;margin:0 -8px 12px 30px;pointer-events:none;background:radial-gradient(ellipse at 50% 56%,rgba(var(--chapter-rgb),.1),transparent 65%)}
.sro-chapter-art picture{display:block}
.sro-chapter-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(0 15px 16px #0005)}
.sro-chapter-art figcaption{text-align:center;color:var(--text-soft);font:500 10px/1.7 var(--mono);letter-spacing:.06em;margin-top:4px}
.sro-chapter.is-art-left .sro-chapter-art{float:left;margin:0 30px 12px -8px}
.sro-chapter.has-art .sro-chapter-body{min-height:335px}
.sro-chapter.is-lead .sro-chapter-banner{min-height:88px}
.sro-chapter.is-lead .sro-chapter-banner h3{font-size:clamp(20px,1.7vw,27px)}
.sro-chapter.is-lead .sro-chapter-art{width:32%;max-width:335px}
.sro-chapter.is-heading-art .sro-chapter-art{width:42%;max-width:390px;margin-top:-22px;margin-bottom:-10px}
.sro-live-art{pointer-events:auto}
.sro-live-model{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,rgba(var(--chapter-rgb),.13),transparent 69%)}
.sro-live-model:before{content:"";position:absolute;inset:22% 18%;border-radius:50%;background:rgba(var(--chapter-rgb),.08);filter:blur(28px);animation:sro-model-wait 1.25s ease-in-out infinite;pointer-events:none}
.sro-live-model iframe{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;background:transparent;opacity:0;transition:opacity .25s ease}
.sro-live-model.is-ready iframe{opacity:1}.sro-live-model.is-ready:before{display:none}
.sro-live-model.is-error:after{content:"3D model yüklenemedi";position:absolute;inset:45% 0 auto;text-align:center;color:var(--text-soft);font:600 11px/1.4 var(--mono)}
@keyframes sro-model-wait{50%{opacity:.35;transform:scale(.94)}}
@media(prefers-reduced-motion:reduce){.sro-live-model:before{animation:none}.sro-live-model iframe{transition:none}}
.sro-chapter:target{outline:1px solid var(--chapter-accent);outline-offset:4px}
@media(min-width:1500px){.sro-chapter-body{padding:21px 25px}}
@media(max-width:1180px){.sro-chapter .listing-widget--cards .listing-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .sro-editorial-intro{padding:16px}.sro-chapter-index nav{grid-template-columns:1fr}
 .sro-chapter-banner{padding:13px 15px;gap:10px;min-height:68px}.sro-chapter-number{font-size:17px}.sro-chapter-sigil{display:none}
 .sro-chapter-label{font-size:8px;letter-spacing:.1em}.sro-chapter-body{padding:15px}
 .sro-chapter .listing-widget p{font-size:14px;line-height:1.72}.sro-chapter .listing-feature-list{grid-template-columns:1fr}
 .sro-chapter .listing-feature-list li{font-size:13px}
 .sro-chapter-art,.sro-chapter.is-lead .sro-chapter-art,.sro-chapter.is-heading-art .sro-chapter-art,.sro-chapter.is-art-left .sro-chapter-art{float:none;width:210px;max-width:74%;margin:-8px auto 22px}
 .sro-chapter-art img{max-height:225px}.sro-chapter.has-art .sro-chapter-body{min-height:0}
 .sro-chapter .listing-widget-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
 .sro-chapter .listing-widget--cards .listing-content-grid{grid-template-columns:1fr;gap:0}
 .sro-chapter .listing-widget--cards .listing-content-card{padding:14px 0 15px 17px}
 .sro-chapter .listing-widget--cards .listing-content-card b{font-size:15px;line-height:1.48}
 .sro-chapter .listing-widget--cards .listing-content-card span{font-size:14px;line-height:1.6}
 .sro-chapter .listing-widget--stats.is-readable .listing-widget-grid{grid-template-columns:1fr;gap:0}
 .sro-chapter .listing-widget--stats.is-readable .listing-widget-grid>div{padding:15px 0 16px 17px}
 .sro-chapter .listing-widget--stats.is-dense.has-card-model,.sro-chapter .listing-widget--stats.is-dense.has-card-model.is-model-left{grid-template-columns:1fr}
 .sro-chapter .listing-widget--stats.is-dense .embedded-character-model{max-width:210px}
}
@media(prefers-reduced-motion:reduce){.sro-chapter-index summary span{transition:none}}