/* ========================================================================== 
   Sia563 Website v57 — live Wiki templates matched to the approved 1536x1024
   references. Everything here is deliberately scoped so the v55 navbar art
   remains intact on the rest of the website.
   ========================================================================== */

.wiki-v57-page{
  background:#010403!important;
  color:#e8e4db!important;
}
.wiki-v57-page .site-dock,
.wiki-v57-page .site-shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
}
.wiki-v57-page .site-dock{margin-top:4px!important;margin-bottom:10px!important}
.wiki-v57-page .site-shell{
  margin-top:0!important;
  background:#010605!important;
  border:1px solid #5c4726!important;
  box-shadow:0 0 0 2px #050504,0 0 22px rgba(0,0,0,.88)!important;
  overflow:visible!important;
}
.wiki-v57-page .content{
  min-height:900px!important;
  padding:12px!important;
  background:#010605!important;
}
.wiki-v57-page footer{display:none!important}

.wiki-v57-shell{
  display:grid!important;
  grid-template-columns:284px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.wiki-v57-sidebar,.wiki-v57-main{min-width:0!important}
.wiki-v57-main{display:block!important}

/* Reusable screenshot-style dark frame. */
.wiki-v57-frame{
  position:relative!important;
  box-sizing:border-box!important;
  border:1px solid #69532e!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(28,24,17,.18),rgba(0,0,0,.08)),
    #050909!important;
  box-shadow:inset 0 0 0 1px #090705,0 2px 3px rgba(0,0,0,.75)!important;
}
.wiki-v57-frame::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;
  background-image:
    url('/assets/images/ui/wiki-v57/frame-corner-tl.png?v=57'),
    url('/assets/images/ui/wiki-v57/frame-corner-tr.png?v=57'),
    url('/assets/images/ui/wiki-v57/frame-corner-bl.png?v=57'),
    url('/assets/images/ui/wiki-v57/frame-corner-br.png?v=57')!important;
  background-position:left top,right top,left bottom,right bottom!important;
  background-repeat:no-repeat!important;
  background-size:31px 31px!important;
}

/* Left Wiki Navigation — dimensions from the approved reference. */
.wiki-v57-navpanel{
  width:284px!important;
  min-height:882px!important;
  padding:0 15px 17px!important;
  background:linear-gradient(90deg,#070a09,#0c0d0b 52%,#060807)!important;
}
.wiki-v57-navpanel>h2{
  height:59px!important;
  margin:0 -15px 13px!important;
  padding:13px 0 0!important;
  border:0!important;
  border-bottom:1px solid #4c3a22!important;
  color:#ecd29a!important;
  font:bold 27px/42px Georgia,"Times New Roman",serif!important;
  text-align:center!important;
  text-shadow:1px 2px 2px #000!important;
}
.wiki-v57-navbuttons{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}
.wiki-v57-navbtn,
.wiki-v57-login-nav{
  display:block!important;
  flex:0 0 auto!important;
  width:249px!important;
  height:56px!important;
  min-width:249px!important;
  max-width:249px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:249px 56px!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.wiki-v57-navbtn-main{background-image:url('/assets/images/ui/wiki-v57/nav-main-normal.png?v=57')!important}
.wiki-v57-navbtn-main:hover{background-image:url('/assets/images/ui/wiki-v57/nav-main-hover.png?v=57')!important}
.wiki-v57-navbtn-main.active{background-image:url('/assets/images/ui/wiki-v57/nav-main-active.png?v=57')!important}
.wiki-v57-navbtn-getting{background-image:url('/assets/images/ui/wiki-v57/nav-getting-normal.png?v=57')!important}
.wiki-v57-navbtn-getting:hover{background-image:url('/assets/images/ui/wiki-v57/nav-getting-hover.png?v=57')!important}
.wiki-v57-navbtn-getting.active{background-image:url('/assets/images/ui/wiki-v57/nav-getting-active.png?v=57')!important}
.wiki-v57-navbtn-skills{background-image:url('/assets/images/ui/wiki-v57/nav-skills-normal.png?v=57')!important}
.wiki-v57-navbtn-skills:hover{background-image:url('/assets/images/ui/wiki-v57/nav-skills-hover.png?v=57')!important}
.wiki-v57-navbtn-skills.active{background-image:url('/assets/images/ui/wiki-v57/nav-skills-active.png?v=57')!important}
.wiki-v57-navbtn-quests{background-image:url('/assets/images/ui/wiki-v57/nav-quests-normal.png?v=57')!important}
.wiki-v57-navbtn-quests:hover{background-image:url('/assets/images/ui/wiki-v57/nav-quests-hover.png?v=57')!important}
.wiki-v57-navbtn-quests.active{background-image:url('/assets/images/ui/wiki-v57/nav-quests-active.png?v=57')!important}
.wiki-v57-navbtn-items{background-image:url('/assets/images/ui/wiki-v57/nav-items-normal.png?v=57')!important}
.wiki-v57-navbtn-items:hover{background-image:url('/assets/images/ui/wiki-v57/nav-items-hover.png?v=57')!important}
.wiki-v57-navbtn-items.active{background-image:url('/assets/images/ui/wiki-v57/nav-items-active.png?v=57')!important}
.wiki-v57-navbtn-monsters{background-image:url('/assets/images/ui/wiki-v57/nav-monsters-normal.png?v=57')!important}
.wiki-v57-navbtn-monsters:hover{background-image:url('/assets/images/ui/wiki-v57/nav-monsters-hover.png?v=57')!important}
.wiki-v57-navbtn-monsters.active{background-image:url('/assets/images/ui/wiki-v57/nav-monsters-active.png?v=57')!important}
.wiki-v57-navbtn-bosses{background-image:url('/assets/images/ui/wiki-v57/nav-bosses-normal.png?v=57')!important}
.wiki-v57-navbtn-bosses:hover{background-image:url('/assets/images/ui/wiki-v57/nav-bosses-hover.png?v=57')!important}
.wiki-v57-navbtn-bosses.active{background-image:url('/assets/images/ui/wiki-v57/nav-bosses-active.png?v=57')!important}
.wiki-v57-navbtn-minigames{background-image:url('/assets/images/ui/wiki-v57/nav-minigames-normal.png?v=57')!important}
.wiki-v57-navbtn-minigames:hover{background-image:url('/assets/images/ui/wiki-v57/nav-minigames-hover.png?v=57')!important}
.wiki-v57-navbtn-minigames.active{background-image:url('/assets/images/ui/wiki-v57/nav-minigames-active.png?v=57')!important}
.wiki-v57-navbtn-money{background-image:url('/assets/images/ui/wiki-v57/nav-money-normal.png?v=57')!important}
.wiki-v57-navbtn-money:hover{background-image:url('/assets/images/ui/wiki-v57/nav-money-hover.png?v=57')!important}
.wiki-v57-navbtn-money.active{background-image:url('/assets/images/ui/wiki-v57/nav-money-active.png?v=57')!important}
.wiki-v57-navbtn-guides{background-image:url('/assets/images/ui/wiki-v57/nav-guides-normal.png?v=57')!important}
.wiki-v57-navbtn-guides:hover{background-image:url('/assets/images/ui/wiki-v57/nav-guides-hover.png?v=57')!important}
.wiki-v57-navbtn-guides.active{background-image:url('/assets/images/ui/wiki-v57/nav-guides-active.png?v=57')!important}
.wiki-v57-navbtn-community{background-image:url('/assets/images/ui/wiki-v57/nav-community-normal.png?v=57')!important}
.wiki-v57-navbtn-community:hover{background-image:url('/assets/images/ui/wiki-v57/nav-community-hover.png?v=57')!important}
.wiki-v57-navbtn-community.active{background-image:url('/assets/images/ui/wiki-v57/nav-community-active.png?v=57')!important}
.wiki-v57-login-nav{
  height:64px!important;min-height:64px!important;max-height:64px!important;
  margin-top:3px!important;
  background-image:url('/assets/images/ui/wiki-v57/side-login.png?v=57')!important;
  background-size:249px 64px!important;
}
.wiki-v57-login-nav:hover{filter:brightness(1.16)!important}

/* Main Wiki heading/search area. */
.wiki-v57-hero{
  height:198px!important;
  min-height:198px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#060a0a,#050909 62%,#030707)!important;
}
.wiki-v57-books{
  position:absolute!important;
  left:23px!important;
  top:20px!important;
  width:136px!important;
  height:144px!important;
  object-fit:contain!important;
}
.wiki-v57-titlecopy{
  position:absolute!important;
  left:184px!important;
  top:27px!important;
}
.wiki-v57-titlecopy h1{
  margin:0!important;
  color:#d8bd82!important;
  font:bold 48px/1.05 Georgia,"Times New Roman",serif!important;
  letter-spacing:.2px!important;
  text-shadow:1px 2px 2px #000!important;
}
.wiki-v57-titlecopy p{
  margin:9px 0 0!important;
  color:#aaa9a4!important;
  font:18px/1.2 Verdana,Arial,sans-serif!important;
  text-shadow:1px 1px #000!important;
}
.wiki-v57-search{
  position:absolute!important;
  right:20px!important;
  bottom:15px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) 142px!important;
  gap:13px!important;
  width:min(625px,calc(100% - 220px))!important;
  height:62px!important;
  padding:8px 10px!important;
  margin:0!important;
  border:1px solid #2b2f2e!important;
  background:#060909!important;
}
.wiki-v57-search input{
  width:100%!important;
  height:45px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #373d3e!important;
  border-radius:5px!important;
  outline:0!important;
  background:#090d0f!important;
  box-shadow:inset 0 1px 5px #000!important;
  color:#d9d9d9!important;
  font:18px Verdana,Arial,sans-serif!important;
}
.wiki-v57-search input::placeholder{color:#777b7d!important;opacity:1!important}
.wiki-v57-search button{
  width:142px!important;height:57px!important;margin:-6px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent url('/assets/images/ui/wiki-v57/search-button.png?v=57') center/142px 57px no-repeat!important;
  box-shadow:none!important;cursor:pointer!important;
}
.wiki-v57-search button:hover{filter:brightness(1.12)!important}

/* Homepage welcome card. */
.wiki-v57-welcome{
  min-height:238px!important;
  margin:12px 16px 0!important;
  padding:18px 34px 22px!important;
}
.wiki-v57-welcome h2,
.wiki-v57-category-intro h2{
  margin:0 0 12px!important;
  color:#e4c98c!important;
  font:bold 32px/1.1 Georgia,"Times New Roman",serif!important;
  text-shadow:1px 2px #000!important;
}
.wiki-v57-welcome p,
.wiki-v57-category-intro p{
  margin:0!important;
  color:#c9c9c4!important;
  font:18px/1.45 Verdana,Arial,sans-serif!important;
}
.wiki-v57-actions{
  display:grid!important;
  grid-template-columns:310px 339px 358px!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:18px!important;
}
.wiki-v57-action{
  display:block!important;height:72px!important;border:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 72px!important;
}
.wiki-v57-action-create{background-image:url('/assets/images/ui/wiki-v57/action-create.png?v=57')!important}
.wiki-v57-action-recent{background-image:url('/assets/images/ui/wiki-v57/action-recent.png?v=57')!important}
.wiki-v57-action-all{background-image:url('/assets/images/ui/wiki-v57/action-all.png?v=57')!important}
.wiki-v57-action:hover{filter:brightness(1.13)!important}

.wiki-v57-lower{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:20px!important;
  margin:18px 16px 0!important;
}
.wiki-v57-panel{min-height:392px!important;overflow:hidden!important}
.wiki-v57-panel>h2{
  height:60px!important;
  display:flex!important;align-items:center!important;
  margin:0!important;padding:0 26px!important;
  border-bottom:1px solid #44351f!important;
  background:linear-gradient(180deg,#18140e,#0d0c09)!important;
  color:#dec38a!important;
  font:bold 27px Georgia,"Times New Roman",serif!important;
  text-shadow:1px 2px #000!important;
}
.wiki-v57-panel-body{padding:0 24px 16px!important}
.wiki-v57-list-row,
.wiki-v57-article-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:55px!important;
  margin:0!important;
  padding:6px 5px!important;
  border:0!important;
  border-bottom:1px solid #171d1c!important;
  background:transparent!important;
  color:#4ca4e8!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
.wiki-v57-list-row img,
.wiki-v57-article-row img{width:35px!important;height:44px!important;object-fit:contain!important;margin-right:15px!important}
.wiki-v57-list-row strong,
.wiki-v57-article-row strong{display:block!important;color:#4ba5e9!important;font:18px/1.15 Georgia,"Times New Roman",serif!important;font-weight:normal!important}
.wiki-v57-list-row small,
.wiki-v57-article-row small{display:block!important;margin-top:3px!important;color:#969995!important;font:16px/1.1 Verdana,Arial,sans-serif!important}
.wiki-v57-list-row:hover strong,.wiki-v57-article-row:hover strong{color:#7bc5ff!important;text-decoration:underline!important}

/* Category pages use the same approved Wiki chrome instead of the old compact template. */
.wiki-v57-category-intro{
  min-height:202px!important;
  margin:12px 16px 0!important;
  padding:23px 34px!important;
}
.wiki-v57-category-intro small{
  display:block!important;
  margin-top:16px!important;
  color:#aaa08d!important;
  font:14px Verdana,Arial,sans-serif!important;
}
.wiki-v57-category-pages{
  min-height:315px!important;
  margin:18px 16px 0!important;
}
.wiki-v57-category-pages .wiki-v57-panel-body{padding:0 14px 16px!important}
.wiki-v57-article-row{min-height:70px!important;padding:9px 12px!important}
.wiki-v57-article-row>span{min-width:0!important;flex:1 1 auto!important}
.wiki-v57-article-row time{margin-left:14px!important;color:#8e928e!important;font:13px Verdana,Arial,sans-serif!important;white-space:nowrap!important}
.wiki-v57-empty{margin:15px!important;color:#c8c1b2!important;font:14px Verdana,Arial,sans-serif!important}
.wiki-v57-search-results{margin:12px 16px 0!important;min-height:400px!important}

/* ========================================================================== 
   Screenshot-locked login modal. The art is an exact crop of the approved
   reference; real controls sit invisibly/cleanly on top of the matching fields.
   ========================================================================== */
.auth-modal-v57[hidden]{display:none!important}
.auth-modal-v57{
  position:fixed!important;inset:0!important;z-index:100000!important;display:block!important;
}
.auth-modal-v57 .auth-modal-backdrop{
  position:absolute!important;inset:0!important;background:rgba(0,0,0,.36)!important;backdrop-filter:none!important;
}
.auth-modal-v57 .auth-modal-card{
  position:absolute!important;
  left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:464px!important;height:578px!important;
  max-width:464px!important;min-width:464px!important;
  max-height:578px!important;min-height:578px!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent url('/assets/images/ui/wiki-v57/modal-card.png?v=57') 0 0/464px 578px no-repeat!important;
  box-shadow:0 9px 32px rgba(0,0,0,.9)!important;
  overflow:visible!important;
}
.auth-modal-v57 .auth-modal-art{display:none!important}
.auth-modal-v57 form{position:absolute!important;inset:0!important;margin:0!important;padding:0!important}
.auth-modal-v57 .auth-modal-close-v57{
  position:absolute!important;z-index:6!important;left:420px!important;top:8px!important;width:36px!important;height:38px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;
}
.auth-modal-v57 .auth-field-v57{
  position:absolute!important;z-index:5!important;
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0 10px!important;
  border:0!important;border-radius:4px!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#c8cbd0!important;
  font:16px Verdana,Arial,sans-serif!important;
  line-height:37px!important;
  text-shadow:none!important;
}
.auth-modal-v57 .auth-field-v57::placeholder{color:transparent!important;opacity:0!important}
.auth-modal-v57 .auth-field-v57:not(:placeholder-shown){background:#0c1012!important;box-shadow:inset 0 0 0 1px #3c4246!important}
.auth-modal-v57 .auth-identity-v57{left:28px!important;top:141px!important;width:408px!important;height:38px!important}
.auth-modal-v57 .auth-password-v57{left:28px!important;top:216px!important;width:408px!important;height:38px!important}
.auth-modal-v57 .auth-reset-v57{left:28px!important;top:453px!important;width:408px!important;height:38px!important}
.auth-modal-v57 .auth-remember-v57{
  position:absolute!important;z-index:6!important;left:27px!important;top:268px!important;width:160px!important;height:26px!important;margin:0!important;padding:0!important;cursor:pointer!important;
}
.auth-modal-v57 .auth-remember-v57 input{
  position:absolute!important;left:0!important;top:0!important;width:26px!important;height:26px!important;margin:0!important;padding:0!important;
  appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;
}
.auth-modal-v57 .auth-remember-v57 input:checked::after{
  content:"✓"!important;position:absolute!important;left:3px!important;top:-2px!important;color:#151515!important;font:bold 22px Arial,sans-serif!important;text-shadow:none!important;
}
.auth-modal-v57 .auth-login-hit-v57,
.auth-modal-v57 .auth-send-hit-v57{
  position:absolute!important;z-index:6!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;color:transparent!important;
}
.auth-modal-v57 .auth-login-hit-v57{left:53px!important;top:306px!important;width:357px!important;height:54px!important}
.auth-modal-v57 .auth-send-hit-v57{left:130px!important;top:503px!important;width:203px!important;height:50px!important}
.auth-modal-v57 .auth-login-hit-v57:hover,.auth-modal-v57 .auth-send-hit-v57:hover{background:rgba(255,225,145,.06)!important}
.auth-modal-v57 .auth-toast-v57{
  position:absolute!important;z-index:10!important;left:22px!important;right:22px!important;top:583px!important;
  min-height:0!important;padding:0!important;margin:0!important;
  color:#d9c99e!important;background:transparent!important;font:12px Verdana,Arial,sans-serif!important;text-align:center!important;text-shadow:1px 1px #000!important;
}
.auth-modal-v57 #authForgotStatus{top:602px!important}
.auth-modal-v57 .auth-toast-v57:empty{display:none!important}
.auth-modal-v57 .auth-toast-v57.error{color:#ff9689!important}
body.auth-modal-open{overflow:hidden!important}

/* Keep v57 useful below the reference width without letting old wiki rules win. */
@media(max-width:1180px){
  .wiki-v57-shell{grid-template-columns:250px minmax(0,1fr)!important;gap:10px!important}
  .wiki-v57-navpanel{width:250px!important;padding-left:5px!important;padding-right:5px!important}
  .wiki-v57-navbtn,.wiki-v57-login-nav{transform:scale(.94)!important;transform-origin:center!important;margin:-2px 0!important}
  .wiki-v57-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wiki-v57-action{background-size:100% 72px!important}
  .wiki-v57-titlecopy h1{font-size:40px!important}
  .wiki-v57-search{width:min(570px,calc(100% - 180px))!important}
}
@media(max-width:820px){
  .wiki-v57-page .site-dock,.wiki-v57-page .site-shell{width:100%!important}
  .wiki-v57-shell{display:block!important}
  .wiki-v57-sidebar{margin-bottom:10px!important}
  .wiki-v57-navpanel{width:100%!important;min-height:0!important}
  .wiki-v57-navbuttons{display:grid!important;grid-template-columns:repeat(2,1fr)!important;justify-items:center!important}
  .wiki-v57-hero{height:260px!important}
  .wiki-v57-titlecopy{left:165px!important}
  .wiki-v57-titlecopy h1{font-size:34px!important}
  .wiki-v57-titlecopy p{font-size:14px!important}
  .wiki-v57-search{left:16px!important;right:16px!important;width:auto!important;bottom:14px!important}
  .wiki-v57-welcome,.wiki-v57-category-intro,.wiki-v57-category-pages,.wiki-v57-search-results{margin-left:0!important;margin-right:0!important}
  .wiki-v57-actions{grid-template-columns:1fr!important}
  .wiki-v57-action{max-width:358px!important;width:100%!important;margin:auto!important}
  .wiki-v57-lower{grid-template-columns:1fr!important;margin-left:0!important;margin-right:0!important}
}
