/* ================================================================
   AncientMU • Unified Realm UI — REVIEW CANDIDATE v3
   The existing WebEngine logic, API calls, modules and forms are unchanged.
   Shared public-site navigation, readable native forms and responsive polish.
   Loaded AFTER the original theme stylesheet. Hall of Fame uses it too.
   ================================================================ */
:root {
  --am-u-void:#09080b;
  --am-u-ink:#110d11;
  --am-u-panel:#191016;
  --am-u-gold:#ebc58d;
  --am-u-gold-hi:#ffe7b9;
  --am-u-gold-dim:#af8360;
  --am-u-fire:#df4936;
  --am-u-border:rgba(183,97,72,.48);
  --am-u-text:#eee1d4;
  --am-u-muted:#bbaba4;
}
.am-final a:focus-visible,.am-hof a:focus-visible,
.am-final button:focus-visible,.am-hof button:focus-visible,
.am-final input:focus-visible,.am-final select:focus-visible,.am-final textarea:focus-visible {
  outline:2px solid var(--am-u-gold-hi);outline-offset:3px;
}
/* All shared navigation is defined once in ancientmu-nav-polish.css. */
/* Native modules: a consistent readable component language without touching behavior. */
.am-final .am-content-frame,.am-final .am-rankings-stage,.am-final .am-jewelbank-panel,
.am-final .am-news-panel,.am-final .am-status-card {
  border-color:var(--am-u-border);
  box-shadow:inset 0 0 0 1px rgba(226,132,81,.06),0 15px 34px rgba(0,0,0,.42);
}
.am-final .am-content-frame .am-panel-head {min-height:58px;height:auto;padding-block:13px}
.am-final .am-content-frame .am-panel-head h2 {font-size:clamp(14px,1.6vw,19px);letter-spacing:1px}
.am-final .am-module-output {line-height:1.68}
.am-final .am-module-output .page-title {
  display:block;margin:0 0 23px;padding:0 0 14px;
  border-bottom:1px solid rgba(181,101,72,.48);
  color:var(--am-u-gold-hi);font:700 clamp(20px,2.5vw,27px)/1.35 Cinzel,Georgia,serif;
  letter-spacing:.5px;text-shadow:0 2px 8px rgba(222,87,39,.2);
}
.am-final .am-module-output .page-title span {display:inline-block}
.am-final .am-module-output h3,.am-final .am-module-output h4 {color:#e8c492}
.am-final .am-module-output p,.am-final .am-module-output li {line-height:1.75}
.am-final .am-module-output .panel,.am-final .am-module-output .well,
.am-final .am-module-output .panel-sidebar,.am-final .am-module-output .thumbnail {
  color:#e4d2c3;background:linear-gradient(140deg,#21151b,#120e13 75%);
  border:1px solid rgba(174,103,78,.55);border-radius:3px;
  box-shadow:inset 0 1px rgba(245,198,140,.04),0 9px 20px rgba(0,0,0,.24);
}
.am-final .am-module-output .panel-heading {
  color:#f5d1a0;background:linear-gradient(90deg,#501920,#271317);
  border-bottom:1px solid rgba(185,98,68,.6);font-family:Cinzel,Georgia,serif;
}
.am-final .am-module-output input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.am-final .am-module-output textarea,.am-final .am-module-output select,
.am-final .am-module-output .form-control {
  max-width:100%;min-height:39px;background:#151218;border:1px solid #805348;
  border-radius:3px;color:#f8ebd9;box-shadow:inset 0 1px 5px #0006;
}
.am-final .am-module-output textarea {min-height:110px}
.am-final .am-module-output input::placeholder,.am-final .am-module-output textarea::placeholder {color:#a8958d;opacity:1}
.am-final .am-module-output .control-label,.am-final .am-module-output label {color:#d7bb9e}
.am-final .am-module-output .btn,.am-final .am-module-output button[type="submit"],
.am-final .am-module-output input[type="submit"] {
  display:inline-flex;align-items:center;justify-content:center;min-height:39px;
  padding:9px 16px;max-width:100%;border-radius:3px;
  color:#fff0d4;background:linear-gradient(180deg,#96352a,#591819);
  border:1px solid #b96949;box-shadow:inset 0 1px rgba(255,208,150,.17);
  font:700 11px/1.35 Cinzel,Georgia,serif;letter-spacing:.35px;
}
.am-final .am-module-output .btn:hover,.am-final .am-module-output button[type="submit"]:hover,
.am-final .am-module-output input[type="submit"]:hover {
  color:white;background:linear-gradient(#b44932,#71221a);border-color:#e5a36f;
}
.am-final .am-module-output .alert {
  border-radius:3px;border-width:1px;line-height:1.65;
}
.am-final .am-module-output .alert-danger,.am-final .am-module-output .alert-error {
  background:#3c171c;color:#ffe4dc;border-color:#a34343;
}
.am-final .am-module-output .alert-success {background:#18332a;color:#d9f6e4;border-color:#527e5c}
.am-final .am-module-output .table-responsive {border:0;overflow-x:auto;max-width:100%}
.am-final .am-module-output table {max-width:100%;border-collapse:collapse}
.am-final .am-module-output table th {
  background:#331d20;color:#f3ca92;font-size:11px;letter-spacing:.3px;border-color:#714238!important;
}
.am-final .am-module-output table td {vertical-align:middle}
.am-final .am-module-output table tbody tr:hover {background-color:rgba(124,47,40,.2)}
.am-final .am-module-output .nav-tabs {border-color:#875242}
.am-final .am-module-output .nav-tabs>li>a {color:#d0ac8b;border-color:transparent;background:transparent}
.am-final .am-module-output .nav-tabs>li.active>a,
.am-final .am-module-output .nav-tabs>li.active>a:focus {
  color:#ffe2b3;border:1px solid #875242;border-bottom-color:#24151a;
  background:#33191f;
}
.am-final .am-footer,.am-hof .am-footer {
  border-top:1px solid #784336;background:linear-gradient(180deg,rgba(18,11,15,.18),rgba(10,8,11,.7));
}
/* Layout refinements for shared site pages. Existing hero imagery stays intact. */
.am-final.am-inside .am-hero {height:235px}
.am-final.am-inside .am-hero-content {height:100%;min-height:0}
.am-final .am-interior-grid {gap:18px}
.am-final .am-module-output :where(p,li,td,th) {overflow-wrap:break-word}
@media(max-width:760px) {
  .am-final .am-module-output {padding:19px 15px}
  .am-final .am-content-frame .am-panel-head {padding-inline:16px}
  .am-final .am-content-frame .am-panel-head h2 {font-size:15px}
  .am-final .am-interior-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .am-final .am-interior-side {min-width:0}
  .am-final .am-module-output .form-horizontal .control-label {text-align:left;padding-bottom:6px}
  .am-final .am-module-output .col-xs-8.col-xs-offset-2 {margin-left:0;width:100%}
  .am-final .am-module-output .table-responsive {overscroll-behavior-x:contain}
  .am-final .am-module-output .panel {max-width:100%}
}
@media(max-width:480px) {
  .am-final .am-module-output {padding:17px 12px}
  .am-final .am-module-output .page-title {font-size:20px}
}
@media(prefers-reduced-motion:reduce) {
  .am-final *,.am-hof * {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
/* The five Server Info categories currently contain empty CMS placeholders.
   Do not invent gameplay rules: communicate the unpublished state visibly. */
.am-final .am-info-page .am-info-panel-empty:empty {
  display:grid;place-items:center;text-align:center;min-height:160px;
  padding:24px;border:1px dashed rgba(194,120,77,.38);
  background:radial-gradient(ellipse at center,rgba(108,43,34,.15),transparent 70%);
}
.am-final .am-info-page .am-info-panel-empty:empty::before {
  content:"OFFICIAL GUIDE IN PREPARATION · DETAILS WILL APPEAR HERE";
  max-width:370px;color:#c7a58b;font:600 12px/1.7 Cinzel,Georgia,serif;
  letter-spacing:.5px;
}