#oyunabaslangic .starter-shared { margin:20px auto 0; max-width:900px; color:#b9b0b2; font-size:13px; line-height:1.7; text-align:center; }
#oyunabaslangic .starter-shared p { margin:4px 0; }
#oyunabaslangic .starter-shared p:first-child { color:#aba1a3; }
#oyunabaslangic .char-info-container { min-width:0; }
#oyunabaslangic .starter-panel-scroll { width:100%; height:100%; padding:18px; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#7e4e56 #19191a; }
#oyunabaslangic .starter-panel[hidden] { display:none; }
#oyunabaslangic .starter-panel h3 { font-family:'Cinzel',serif; color:#b1a7a9; font-size:21px; margin:0 0 5px; text-align:center; }
#oyunabaslangic .starter-caption { margin:0 0 14px; text-align:center; color:#aea5a6; font-size:12px; }
#oyunabaslangic .starter-items { list-style:none; padding:0; margin:0; }
#oyunabaslangic .starter-item { display:flex; gap:12px; padding:10px 2px; align-items:center; border-top:1px solid #a1969726; }
#oyunabaslangic .starter-item img { width:32px; height:40px; object-fit:contain; flex:none; }
#oyunabaslangic .starter-item strong { display:block; font-size:14px; color:#cdc8c9; font-weight:500; overflow-wrap:anywhere; }
#oyunabaslangic .starter-item small { display:block; font-size:11px; color:#9d9294; margin:2px 0; }
#oyunabaslangic .starter-bonuses { display:flex; flex-wrap:wrap; gap:2px 10px; font-size:12px; color:#9dc08b; }
#oyunabaslangic .starter-nav { border:0; padding:0; background:none; cursor:pointer; display:flex; align-items:center; }
#oyunabaslangic .starter-nav:focus-visible, #oyunabaslangic .starter-panel-scroll:focus-visible { outline:2px solid #a29799; outline-offset:3px; }
@media(max-width:768px) {
 #oyunabaslangic .start-content-wrapper { height:380px !important; }
 #oyunabaslangic .starter-panel-scroll { padding:10px 5px; }
 #oyunabaslangic .starter-panel h3 { font-size:16px; }
 #oyunabaslangic .starter-caption { font-size:11px; }
 #oyunabaslangic .starter-item { gap:5px; padding:9px 0; align-items:flex-start; }
 #oyunabaslangic .starter-item img { width:24px; height:32px; }
 #oyunabaslangic .starter-item strong { font-size:12px; }
 #oyunabaslangic .starter-bonuses { font-size:11px; }
 #oyunabaslangic .starter-shared { font-size:12px; }
}

/* Keep the original character visible while its 3D renderer loads or is unavailable. */
#oyunabaslangic .character-poster { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
#oyunabaslangic model-viewer.char-img { --poster-color:transparent; }
@media(max-width:768px) {
 /* Zero-sized hidden WebGL surfaces can remain blank after selecting a class. */
 #oyunabaslangic model-viewer.char-img { display:block !important; height:170px !important; }
 #oyunabaslangic model-viewer.char-img:not(.active) { visibility:hidden !important; opacity:0 !important; }
 #oyunabaslangic model-viewer.char-img.active { visibility:visible !important; }
}