/* Dead Tide Build152 candidate — Clan Empire navigation, existing pixel language. */
/* Deliberately not linked from signed Build151. */
#clan-panel .dt-clan-nav{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;
  padding:7px;border:2px solid #765b45;background:#101820;box-shadow:inset 0 3px #33454a,0 4px #060b11;
  position:sticky;top:0;z-index:4
}
#clan-panel .dt-clan-tab{
  min-width:0;min-height:60px;padding:6px 2px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;cursor:pointer;touch-action:manipulation;
  color:#dfc9a2!important;background:linear-gradient(180deg,#27313b,#151d27)!important;
  border:2px solid #586773!important;border-bottom:4px solid #202b34!important;
  border-radius:2px!important;box-shadow:inset 0 2px #66788730!important;
  font:900 10px/1.1 'IBM Plex Mono',monospace!important;letter-spacing:.035em;text-align:center;
  text-shadow:1px 1px #040a0f
}
#clan-panel .dt-clan-tab .dt-pixel{display:block;flex:none;width:25px;height:25px;image-rendering:pixelated}
#clan-panel .dt-clan-tab[aria-selected="true"]{
  background:linear-gradient(180deg,#61432d,#2d2830)!important;color:#fff0c7!important;
  border-color:#ecc582!important;border-bottom-color:#8c603f!important;
  box-shadow:inset 0 2px #ffe4a837,0 0 0 1px #3b2c20!important
}
#clan-panel .dt-clan-tab[aria-selected="true"] .dt-pixel{filter:drop-shadow(0 0 2px #fbd27c80)}
#clan-panel .dt-clan-tab:focus-visible{outline:3px solid #fce29c;outline-offset:2px}
#clan-panel .dt-clan-pane-hidden{display:none!important}
#clan-panel .dt-clan-nav-note{
  border:2px solid #966e44;background:linear-gradient(160deg,#302b21,#171d25);
  padding:12px;color:#f3d9a8;font:700 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.025em
}
#clan-panel .dt-clan-nav-note[hidden]{display:none!important}
/* Six clear destinations: mobile uses a readable three-by-two tab grid. */
@media(max-width:520px){
  #clan-panel .dt-clan-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:6px}
  #clan-panel .dt-clan-tab{grid-column:span 2;min-height:54px;padding:5px 2px;font-size:10px!important;letter-spacing:0}
  #clan-panel .dt-clan-tab:nth-child(n+4){grid-column:span 2}
  #clan-panel .dt-clan-tab .dt-pixel{width:22px;height:22px}
}
@media(max-width:360px){
  #clan-panel .dt-clan-tab{font-size:9px!important}
}
/* Owner controls belong to MANAGE, not the always-visible clan masthead. */
#clan-panel .dt-clan-manage-panel{display:grid;gap:10px;padding:12px;background:#131b23;border:2px solid #5b6c71}
#clan-panel .dt-clan-manage-panel #clan-access-control{align-items:stretch;width:100%;gap:7px}
#clan-panel .dt-clan-manage-panel #clan-access-control[hidden],
#clan-panel .dt-clan-manage-panel #clan-requests-panel[hidden]{display:none!important}
#clan-panel .dt-clan-manage-panel #clan-access-toggle{min-height:46px!important;font:900 11px 'IBM Plex Mono',monospace!important;text-align:center}
#clan-panel .dt-clan-manage-panel #clan-access-caption{font:700 10px/1.4 'IBM Plex Mono',monospace;text-align:center;color:#d4c5aa}
/* Keep the world directory accessible without drowning the active clan tabs. */
#clan-panel .dt-clan-directory{width:100%;margin:10px 0 0;border:2px solid #4f6570;background:#101923;box-shadow:0 3px 0 #070c12}
#clan-panel .dt-clan-directory-toggle{list-style:none;cursor:pointer;min-height:48px;padding:13px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:900 11px/1.35 'IBM Plex Mono',monospace;color:#f4dbab;letter-spacing:.02em}
#clan-panel .dt-clan-directory-toggle::-webkit-details-marker{display:none}
#clan-panel .dt-clan-directory-toggle::after{content:'+';font:900 20px/1 monospace;color:#b8ddda}
#clan-panel .dt-clan-directory[open]>.dt-clan-directory-toggle::after{content:'−'}
#clan-panel .dt-clan-directory-toggle:focus-visible{outline:3px solid #fce29c;outline-offset:2px}
#clan-panel .dt-clan-directory>#clan-list,#clan-panel .dt-clan-directory>#clan-load-more{margin:8px;max-width:calc(100% - 16px)}
#clan-panel .dt-clan-directory>.clan-subhead{padding:10px 10px 0;margin:0}
@media(max-width:520px){#clan-panel .dt-clan-directory-toggle{font-size:10px;padding:11px 9px;min-height:48px}}
/* The original four-step tutorial stays accessible without monopolizing the screen. */
#clan-panel .dt-clan-journey-fold{width:100%;margin:8px 0 12px;border:2px solid #4e6670;background:#101923}
#clan-panel .dt-clan-journey-fold>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font:900 10px/1.35 'IBM Plex Mono',monospace;color:#e9d6af}
#clan-panel .dt-clan-journey-fold>summary::-webkit-details-marker{display:none}
#clan-panel .dt-clan-journey-fold>summary::after{content:'+';font:900 20px/1 monospace;color:#a4d6cf}
#clan-panel .dt-clan-journey-fold[open]>summary::after{content:'−'}
#clan-panel .dt-clan-journey-fold>summary:focus-visible{outline:3px solid #fce29c;outline-offset:2px}
#clan-panel .dt-clan-journey-fold>.clan-journey{margin:0 8px 9px}
@media(max-width:520px){#clan-panel .dt-clan-journey-fold>summary{font-size:9px;padding:10px 9px}}
/* Build153: real 999-property preview in its dedicated LAND tab. */
#clan-panel .dt152-land-mini{margin:11px 0;padding:12px;border:2px solid #9b7851;border-bottom:4px solid #5c412b;background:linear-gradient(160deg,#18272a,#131b24 75%);box-shadow:inset 0 0 0 2px #111419;color:#f0dec1}
#clan-panel .dt152-land-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
#clan-panel .dt152-land-top small{display:block;font:800 8px 'IBM Plex Mono',monospace;color:#93c4b6;letter-spacing:.08em}
#clan-panel .dt152-land-top strong{display:block;font:900 21px 'Bebas Neue',sans-serif;letter-spacing:.06em;color:#ffe0a5}
#clan-panel .dt152-land-mini p{font:700 10px/1.5 'IBM Plex Mono',monospace;color:#c8bda9;margin:7px 0}
#clan-panel .dt152-land-mini button{cursor:pointer;touch-action:manipulation}
#clan-panel .dt152-land-open{min-height:42px!important;padding:9px 10px!important;border:2px solid #b9ddaa!important;background:#234239!important;color:#ecf8e1!important;font:900 10px 'IBM Plex Mono',monospace!important}
#clan-panel .dt152-land-pager{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:5px;margin:8px 0}
#clan-panel .dt152-land-pager button{height:38px!important;background:#2b323a!important;color:#ffe0a5!important;border:2px solid #897650!important}
#clan-panel .dt152-land-pager button:disabled{opacity:.35}
#clan-panel .dt152-land-pager b{text-align:center;font:900 10px 'IBM Plex Mono',monospace;color:#fff0cb}
#clan-panel .dt152-land-mini-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:100%;padding:6px;border:2px solid #415959;background:#0e161b}
#clan-panel .dt152-land-mini-grid button{width:100%;min-width:0;height:27px!important;min-height:27px!important;padding:0!important;position:relative;border:1px solid #7a8a78!important;border-bottom:3px solid #1f3a32!important;background:#324d43!important;color:#e5f2e2!important;border-radius:1px!important;font:800 8px 'IBM Plex Mono',monospace!important}
#clan-panel .dt152-land-mini-grid button.dt152-held{background:#764540!important;border-color:#e39b70!important}
#clan-panel .dt152-land-mini-grid button.dt152-mine{background:#a4bc74!important;color:#101b16!important;border-color:#e9d58a!important}
#clan-panel .dt152-land-mini-grid button.dt152-building{box-shadow:inset 0 0 0 2px #fae1a0}
#clan-panel .dt152-land-mini-grid button:focus-visible{outline:2px solid #fff4a4;outline-offset:1px;z-index:1}
#clan-panel .dt152-land-key{display:flex;gap:9px;flex-wrap:wrap;color:#c9d4bf;font:700 8px/1.5 'IBM Plex Mono',monospace;padding:7px 0}
#clan-panel .dt152-land-key span:first-child{color:#b9db8c}
#clan-panel .dt152-land-key span:nth-child(2){color:#efa18a}
#clan-panel #dt152-land-mini-status{display:block;padding-top:3px;color:#aadad1;font:700 9px 'IBM Plex Mono',monospace}
@media(max-width:425px){#clan-panel .dt152-land-mini{padding:8px}#clan-panel .dt152-land-mini-grid{gap:2px;padding:3px}#clan-panel .dt152-land-mini-grid button{height:24px!important;min-height:24px!important;font-size:7px!important}}