/* KingsRoad Honory 2.0. Colors inherit the active forum theme. */
.krPage { box-sizing:border-box; max-width:1010px; margin:30px auto; padding:28px; color:var(--biel,#b2b2b2); font-family:var(--basic,Arial,sans-serif); }
.krPage *, .krCollection * { box-sizing:border-box; }
.krPageHeader { display:block; padding:0 0 13px; border-bottom:1px solid var(--borderprofil,#342525); margin:0; text-align:center; }
.krPage h1,.krPage h2,.krPage h3 { color:var(--kolorprofil,#c4c0bc); font-family:var(--kursywa,Georgia,serif); font-weight:400; }
.krPage h1 { font-size:30px; margin:0; text-align:center; text-transform:uppercase; letter-spacing:5px; }
.krPage h2 { font-size:23px; margin:0 0 18px; }
.krPage h3 { font-size:20px; margin-top:24px; }
.krPanel { box-sizing:border-box; padding:28px; margin:24px 0; border:1px solid var(--borderprofil,#342525); background:var(--gradient,#1e1717); color:var(--biel,#b2b2b2); }
.krPage p { font-size:14px; line-height:1.7; }
.krPanelChoices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.krActions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.krHeaderActions { justify-content:flex-end; padding:14px 0 0; margin-bottom:22px; }
.krPageHeader + .krPanel,.krPageHeader + .krPanelChoices { margin-top:22px; }
.krPage .krButton { display:inline-block; padding:10px 15px; background:var(--borderprofil,#342525); border:1px solid var(--borderprofil,#544040); border-radius:0; color:var(--biel,#eee); font:14px/1.4 var(--basic,Arial,sans-serif); text-decoration:none; cursor:pointer; }
.krPage .krButton:hover { filter:brightness(1.2); }
.krPage .krButton:focus-visible,.krBadge:focus-visible,.krPage button:focus-visible { outline:2px solid #dcb183; outline-offset:3px; }
.krPage .krDanger { color:#f1b4b4; }
.krPage [hidden] { display:none !important; }
.krForm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.krForm label,.krSearch label { display:flex; flex-direction:column; gap:7px; font-size:14px; text-align:left; }
.krForm input,.krForm textarea,.krForm select,.krSearch input,.krSearch select { box-sizing:border-box; min-width:0; width:100%; padding:10px; min-height:42px; border:1px solid var(--borderprofil,#634747); background:var(--tlo,#211a1a); color:var(--biel,#eee); font:14px/1.4 var(--basic,Arial,sans-serif); }
.krForm textarea { resize:vertical; }
.krFull { grid-column:1/-1; }
.krForm small { font-size:12px; line-height:1.5; opacity:.8; }
.krSearch { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.krSearch label { flex:1 1 240px; }
.krSearchResults { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.krSearchStatus { flex:1 0 100%; min-height:20px; margin:0; }
.krCurrentImage { display:flex; align-items:start; gap:20px; margin-bottom:22px; }
.krDetailPanel { text-align:center; }
.krDetailBadge { display:flex; justify-content:center; margin:4px auto 28px; }
.krDetailBadge .krBadgeFrame { width:104px; height:104px; flex-basis:104px; }
.krDetailBadge .krBadgeFrame img { width:72px !important; height:72px !important; max-width:72px; max-height:72px; }
.krDetailTable { margin:0; border:1px solid var(--borderprofil,#634747); text-align:left; }
.krDetailTable>div { display:grid; grid-template-columns:minmax(120px,25%) minmax(0,1fr); border-bottom:1px solid var(--borderprofil,#634747); }
.krDetailTable>div:last-child { border-bottom:0; }
.krDetailTable dt,.krDetailTable dd { margin:0; padding:14px 16px; overflow-wrap:anywhere; }
.krDetailTable dt { color:var(--kolorprofil,#dcb183); border-right:1px solid var(--borderprofil,#634747); font-weight:700; }
.krDelete { margin-top:26px; border-top:1px solid var(--borderprofil,#634747); padding-top:20px; }
.krError { border:1px solid #ae5555; padding:16px; color:#edb0b0; margin:18px 0; }
.krCollection { width:100%; container-type:inline-size; }
.krLevel { margin:26px 0; }
.krLevel h2 { font:400 23px/1.4 var(--kursywa,Georgia,serif); color:var(--kolorprofil,#c4c0bc); }
.krCollection .krBadgeGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px 12px; list-style:none; margin:18px 0 0; padding:0; }
.krBadgeGrid li { min-width:0; position:relative; }
.krCollection a.krBadge { position:relative; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; gap:8px; padding:8px 0; text-align:center; background:none; border:0; text-decoration:none; color:var(--biel,#ddd); }
.krBadgeName { display:block; min-height:34px; font:12px/1.4 var(--basic,Arial,sans-serif); letter-spacing:.5px; overflow-wrap:anywhere; }
.krBadgePoints { display:none; }
.krBadgeTooltip { position:absolute; z-index:30; left:50%; bottom:calc(100% + 8px); box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:190px; height:92px; padding:10px 12px; border:1px solid var(--borderprofil,#634747); background:#1c1517f5; color:var(--biel,#eee); box-shadow:none; font:11px/1.45 var(--basic,Arial,sans-serif); text-align:center; opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,6px); transition:opacity .16s ease,transform .16s ease; overflow:hidden; overflow-wrap:anywhere; }
.krBadgeTooltip::after { content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); border:7px solid transparent; border-top-color:var(--borderprofil,#634747); }
.krBadge:hover .krBadgeTooltip,.krBadge:focus-visible .krBadgeTooltip { opacity:1; visibility:visible; transform:translate(-50%,0); }
.krBadgeFrame { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:80px; height:80px; flex:0 0 80px; overflow:hidden; background:#312828; border:1px solid #695757; border-radius:0; box-shadow:none; }
.krBadgeFrame img { box-sizing:border-box; display:block; width:56px !important; height:56px !important; max-width:56px; max-height:56px; padding:0 !important; margin:0 !important; border:0; object-fit:contain; object-position:center; filter:var(--kr-icon-filter,brightness(0) invert(1)); opacity:.72; }
.krBadge:hover .krBadgeFrame,.krBadge:focus .krBadgeFrame { border-color:#f0c28e; box-shadow:0 0 0 2px #c7916a44; }
.krCollection.is-table-view .krBadgeGrid { display:block; margin-top:12px; border:1px solid var(--borderprofil,#634747); }
.krCollection.is-table-view .krBadgeGrid>li { border-bottom:1px solid var(--borderprofil,#634747); }
.krCollection.is-table-view .krBadgeGrid>li:last-child { border-bottom:0; }
.krCollection.is-table-view a.krBadge { display:grid; grid-template-columns:80px minmax(130px,.7fr) minmax(220px,2fr) 72px; gap:16px; align-items:center; padding:12px 16px; text-align:left; }
.krCollection.is-table-view a.krBadge:hover,.krCollection.is-table-view a.krBadge:focus-visible { background:#ffffff05; }
.krCollection.is-table-view .krBadgeName { min-height:0; font-size:13px; }
.krCollection.is-table-view .krBadgeTooltip { position:static; display:block; width:auto; height:auto; padding:0; border:0; background:none; color:var(--biel,#ddd); box-shadow:none; font-size:11px; text-align:left; opacity:.82; visibility:visible; pointer-events:none; transform:none; transition:none; overflow:visible; }
.krCollection.is-table-view .krBadgeTooltip::after { display:none; }
.krCollection.is-table-view .krBadgePoints { display:block; color:var(--kolorprofil,#dcb183); font-size:12px; text-align:right; white-space:nowrap; }
.krEmpty { grid-column:1/-1; opacity:.8; }
.krSortable { display:grid; gap:10px; padding:0; margin:12px 0; list-style:none; }
.krSortable>li { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--borderprofil,#634747); background:var(--gradient,#24191c); }
.krSortName { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; }
.krDrag { flex-shrink:0; touch-action:none; cursor:grab; user-select:none; padding:10px; background:none; color:#c7916a; border:1px solid var(--borderprofil,#634747); font-size:24px; line-height:1; }
.krSortable>li.is-dragging { opacity:.55; outline:2px dashed #c7916a; }
.krSortable.is-saving { opacity:.65; pointer-events:none; }
.krSortMoves { display:flex; gap:4px; }
.krSortMoves button { padding:8px; color:var(--biel,#ddd); background:var(--borderprofil,#342525); border:0; cursor:pointer; }
.krSortStatus { min-height:24px; margin:0; }
.krSortStatus.is-error { color:#efaaaa; }
@container (max-width:470px) { .krCollection .krBadgeGrid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 6px; } }
@container (max-width:355px) { .krCollection .krBadgeGrid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container (max-width:265px) { .krCollection .krBadgeGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .krPage { padding:16px; } .krPanel { padding:18px; } .krPanelChoices,.krForm { grid-template-columns:1fr; } .krSortable>li { flex-wrap:wrap; } .krSortName { flex-basis:calc(100% - 140px); } .krPage h1 { font-size:26px; } .krDetailTable>div { grid-template-columns:1fr; } .krDetailTable dt { border-right:0; border-bottom:1px solid var(--borderprofil,#634747); } .krCollection.is-table-view a.krBadge { grid-template-columns:80px minmax(0,1fr); gap:8px 14px; } .krCollection.is-table-view .krBadgeFrame { grid-row:1/4; } .krCollection.is-table-view .krBadgeTooltip,.krCollection.is-table-view .krBadgePoints { grid-column:2; text-align:left; } }