.kgx5-dot{color:#e5b94f;margin-right:5px}.kgx5-shell{max-width:920px;margin:auto}.kgx5-shell h1{margin-bottom:12px}.kgx5-form{display:grid;gap:14px;max-width:620px;padding:22px;border:1px solid rgba(229,185,79,.22);border-radius:22px;background:linear-gradient(145deg,#17140f,#101014)}.kgx5-form label{display:grid;gap:8px}.kgx5-form input,.kgx5-form select{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d0d11;color:#fff;padding:10px 13px}.kgx5-upload{padding:18px;border:1px dashed rgba(229,185,79,.4);border-radius:16px}#kgx5-preview{max-width:260px;border-radius:18px}.kgx5-hero{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center;padding:24px;border:1px solid rgba(229,185,79,.2);border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(229,185,79,.13),transparent 35%),#111116}.kgx5-hero img{width:240px;aspect-ratio:1;object-fit:cover;border-radius:20px}.kgx5-loregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.kgx5-lore,.kgx5-story,.kgx5-quest{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#121217}.kgx5-lore b,.kgx5-quest>span{color:#e5b94f}.kgx5-lore p,.kgx5-story p,.kgx5-qstory{line-height:2}.kgx5-story{margin-top:12px}.kgx5-quest{margin-top:22px;background:linear-gradient(145deg,#18150f,#111116)}.kgx5-task{margin:18px 0;padding:18px;border-radius:16px;background:rgba(229,185,79,.08);border:1px solid rgba(229,185,79,.2)}#kgx5-answer{display:flex;gap:9px}#kgx5-answer input{flex:1;min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0d0d11;color:#fff;padding:10px 13px}.kgx5-hint,.kgx5-correct{margin-top:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04)}.kgx5-correct{border:1px solid rgba(57,201,130,.35)}@media(max-width:680px){.kgx5-hero{grid-template-columns:1fr;padding:16px}.kgx5-hero img{width:100%;max-width:360px;margin:auto}.kgx5-loregrid{grid-template-columns:1fr}.kgx5-form{padding:16px}#kgx5-answer{display:grid}.kgx5-shell{padding-bottom:90px}}

/* v1.0.1 profile persistence + editable education settings */
.kgx5-studybar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.kgx5-studybar span{font-size:13px;color:#c8c8d0;font-weight:800}.kgx5-studybar .kgx-link{min-height:40px;padding:8px 12px}
@media(max-width:680px){.kgx5-studybar{align-items:stretch;flex-direction:column}.kgx5-studybar .kgx-link{width:100%}}

.kgx5-wait{margin:16px 0;padding:18px;border:1px solid rgba(255,183,0,.35);border-radius:18px;background:rgba(255,183,0,.07);text-align:center;line-height:1.9}.kgx5-wait i{display:block;width:28px;height:28px;margin:0 auto 10px;border:3px solid rgba(255,255,255,.2);border-top-color:#ffb300;border-radius:50%;animation:kgx5spin .9s linear infinite}.kgx5-wait b{display:block;font-size:16px;margin-bottom:4px}.kgx5-wait p{margin:0!important;font-size:14px;opacity:.85}@keyframes kgx5spin{to{transform:rotate(360deg)}}

.kgx5-journey-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kgx5-journey-head em{font-style:normal;font-size:12px;opacity:.65}.kgx5-road{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:24px 0}.kgx5-road i{font-style:normal;min-width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:11px;text-align:center;padding:0 8px}.kgx5-road b{height:2px;background:rgba(255,255,255,.12)}.kgx5-road i.done{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.45)}.kgx5-road i.now{background:rgba(255,183,0,.12);border-color:rgba(255,183,0,.45)}.kgx5-road i.locked{opacity:.45}.kgx5-complete{position:relative;overflow:hidden}.kgx5-success-mark{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.4);margin-bottom:16px}.kgx5-learned,.kgx5-next{margin-top:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.kgx5-next span{font-size:12px;opacity:.65}.kgx5-next h3{margin:6px 0 8px}.kgx5-next p,.kgx5-learned p{margin-bottom:0}@media(max-width:600px){.kgx5-journey-head{align-items:flex-start;flex-direction:column}.kgx5-road{gap:5px}.kgx5-road i{min-width:42px;height:42px;border-radius:13px;padding:0 5px;font-size:10px}}

.kgx5-paybox{margin:18px 0;padding:16px;border:1px solid rgba(255,183,0,.3);border-radius:18px;background:rgba(255,183,0,.06);display:grid;gap:8px}.kgx5-paybox strong{font-size:22px}.kgx5-paybox small{opacity:.7}.kgx5-paybox label{display:grid;gap:6px}.kgx5-paybox input{width:100%;box-sizing:border-box}

.kgx5-activate{margin-top:8px;padding:10px 12px;border:1px dashed rgba(255,255,255,.14);border-radius:14px}
.kgx5-activate summary{cursor:pointer;font-weight:700}
.kgx5-activate>div{display:grid;gap:8px;margin-top:10px}
.kgx5-activate input{width:100%;box-sizing:border-box}
#kgx5-activation-result,#kgx5-school-info{margin:0;font-size:13px;opacity:.85}

.kgx5-picker{margin:0 0 18px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.025)}
.kgx5-picker h3{margin:4px 0 4px}.kgx5-picker p{margin:0 0 12px;opacity:.72}
.kgx5-charstrip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.kgx5-charpick{min-width:132px;max-width:132px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);padding:8px;text-align:right;cursor:pointer}
.kgx5-charpick.active{border-color:rgba(255,183,0,.75);box-shadow:0 0 0 2px rgba(255,183,0,.12)}
.kgx5-charpick img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;display:block;margin-bottom:7px}
.kgx5-charpick span,.kgx5-charpick small{display:block}.kgx5-charpick small{opacity:.6;margin-top:3px}
.kgx5-regular{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.1)}
@media(max-width:600px){.kgx5-charpick{min-width:112px;max-width:112px}.kgx5-picker{padding:13px}.kgx5-regular{padding:14px}}

/* v1.0.26 — Phase5 owns its own menu and Shahnameh character lifecycle */
.kgx5-own-menu{display:flex;align-items:center;margin:0 0 14px;padding:0;background:transparent}
.kgx5-own-menu button{display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 14px;border:1px solid rgba(229,185,79,.28);border-radius:15px;background:linear-gradient(145deg,#1a160e,#121218);color:#fff}
.kgx5-own-menu button span{color:#e5b94f;font-size:18px}.kgx5-own-menu button b,.kgx5-own-menu button small{display:block}.kgx5-own-menu button small{font-size:9px;opacity:.62}
.kgx5-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.kgx5-actions button{min-height:76px;padding:14px;border-radius:18px;text-align:right;color:#fff}
.kgx5-action-new{border:1px solid rgba(229,185,79,.4);background:linear-gradient(145deg,#2a2110,#171419)}
.kgx5-action-continue{border:1px solid rgba(255,255,255,.1);background:#15151b}
.kgx5-actions b,.kgx5-actions small{display:block}.kgx5-actions small{margin-top:4px;font-size:10px;opacity:.68}
@media(max-width:680px){.kgx5-actions{grid-template-columns:1fr}.kgx5-own-menu{padding:0 2px}.kgx5-own-menu button{width:100%;justify-content:center}}

/* v1.0.27 hard separation: Phase5 never owns an item inside Phase2 navigation */
#dashboard aside [data-view="shahnameh"],
#dashboard aside [data-kgx5-view],
#kgx5-own-menu{display:none!important}

/* v1.0.28 — dedicated Shahnameh destination in main Kagenix navigation */
#dashboard aside .kgx5-main-menu{
  display:flex!important;
  align-items:center;
  gap:8px;
}
#dashboard aside .kgx5-main-menu .kgx5-main-icon{
  color:#e5b94f;
  font-size:16px;
}
/* Undo the v1.0.27 hard-hide rule for the new legitimate main-menu button. */
#dashboard aside [data-kgx5-main="shahnameh"]{
  display:flex!important;
}

/* v1.0.29 UX polish */
.kgx5-shell,.kgx5-actions,.kgx5-picker{scroll-margin-top:24px}.kgx5-form{box-shadow:0 16px 42px rgba(0,0,0,.16)}.kgx5-actions button,.kgx5-charpick,.kgx5-quest,.kgx5-lore,.kgx5-story{transition:border-color .18s,transform .18s,background .18s}.kgx5-actions button:hover,.kgx5-charpick:hover{transform:translateY(-1px)}
@media(max-width:680px){.kgx5-shell h1{font-size:30px;line-height:1.35}.kgx5-form{border-radius:18px}.kgx5-actions button{min-height:68px}.kgx5-quest{border-radius:16px}}


/* v1.0.30 centered navigation/actions — visual only */
#dashboard aside .kgx5-main-menu{justify-content:center!important;text-align:center!important}
.kgx5-actions button,.kgx5-charpick,.kgx5-own-menu button{text-align:center!important;justify-content:center!important;align-items:center!important}
.kgx5-actions button{display:flex;flex-direction:column}
.kgx5-charpick span,.kgx5-charpick small{text-align:center!important}
@media(max-width:680px){.kgx5-shell>h1,.kgx5-picker h3,.kgx5-picker p,.kgx5-journey-head{text-align:center}.kgx5-journey-head{align-items:center!important}.kgx5-studybar{text-align:center}}

/* v1.1.1 dashboard alignment and spacing */
#dashboard aside .kgx5-main-menu{width:100%!important;min-width:0!important;justify-content:flex-start!important;text-align:right!important;padding:13px 15px!important;margin:0!important;box-sizing:border-box!important}
#dashboard aside .kgx5-main-menu:before{margin:0 0 0 8px!important}
.kgx5-shell{box-sizing:border-box!important;padding:clamp(24px,3vw,38px)!important}
.kgx5-shell>p{margin:0 0 28px!important;line-height:2!important}
.kgx5-form{box-sizing:border-box!important;padding:clamp(20px,2.4vw,30px)!important;margin-inline:auto!important}
.kgx5-form label{padding:0 2px!important}
@media(max-width:800px){#dashboard aside .kgx5-main-menu{width:auto!important;min-width:82px!important;justify-content:center!important;text-align:center!important;padding:6px 8px!important}.kgx5-shell{padding:20px 16px 110px!important}.kgx5-form{padding:18px!important}}