/* Atlas Web 0.1 — Dawk Maps Lite visual shell over full Atlas behaviour */
:root{
  --lite-bg:#0d0c0a;
  --lite-panel:#171510;
  --lite-panel-2:#211e17;
  --lite-panel-3:#29251c;
  --lite-gold:#c8a765;
  --lite-gold-light:#e1c68a;
  --lite-text:#f1eadc;
  --lite-muted:#918a7c;
  --lite-border:rgba(200,167,101,.28);
  --lite-border-strong:rgba(200,167,101,.52);
}

html,body{background:var(--lite-bg)!important;color:var(--lite-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body[data-theme]{--bg:var(--lite-bg);--panel:var(--lite-panel);--panel2:var(--lite-panel-2);--text:var(--lite-text);--muted:var(--lite-muted);--border:var(--lite-border);--accent:var(--lite-gold);--mapbg:#050505;--shadow:rgba(0,0,0,.55)}

/* Launcher — full-screen cartographer art with the calm Lite menu language. */
.splash-screen{display:block!important;position:relative;background:#080705!important;overflow:hidden}
.splash-screen::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom,rgba(8,7,5,.13) 0%,rgba(8,7,5,.08) 48%,rgba(8,7,5,.58) 78%,rgba(8,7,5,.9) 100%),url('assets/dawk-maps-lite-hero.webp');background-position:center;background-size:cover;filter:saturate(.82) contrast(1.04);transform:scale(1.015)}
.splash-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(200,167,101,.05),transparent 32%),linear-gradient(90deg,rgba(4,4,3,.42),transparent 28%,transparent 72%,rgba(4,4,3,.42));pointer-events:none}
.atlas-launch-shell{position:relative!important;z-index:2!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding:0 24px 5.8vh!important;background:transparent!important;box-shadow:none!important;border:0!important}
.atlas-launch-brand{text-align:center!important;margin:0 0 24px!important;text-shadow:0 3px 18px rgba(0,0,0,.98)}
.atlas-launch-brand .eyebrow{color:var(--lite-gold)!important;letter-spacing:.28em!important;font-size:10px!important}
.atlas-launch-brand h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:clamp(46px,6.8vw,94px)!important;line-height:.92!important;letter-spacing:.09em!important;color:var(--lite-gold-light)!important;margin:10px 0 9px!important;text-shadow:0 4px 24px #000!important}
.atlas-launch-brand p{font-family:Georgia,"Times New Roman",serif!important;color:rgba(225,198,138,.82)!important;font-size:clamp(9px,.8vw,13px)!important;letter-spacing:.31em!important;margin:0!important}
.atlas-launch-menu{width:min(520px,calc(100vw - 36px))!important;display:grid!important;gap:9px!important}
.menu-button{min-height:60px!important;display:grid!important;grid-template-columns:46px 1fr!important;gap:11px!important;align-items:center!important;padding:9px 15px!important;border:1px solid var(--lite-border)!important;border-radius:9px!important;background:rgba(9,9,8,.78)!important;color:var(--lite-text)!important;box-shadow:inset 0 0 0 1px rgba(225,198,138,.035),0 8px 26px rgba(0,0,0,.38)!important;backdrop-filter:blur(8px)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.menu-button:hover,.menu-button:focus-visible{transform:scale(1.018)!important;border-color:var(--lite-gold-light)!important;background:rgba(22,19,14,.92)!important;box-shadow:inset 0 0 0 1px rgba(225,198,138,.1),0 12px 30px rgba(0,0,0,.48),0 0 18px rgba(200,167,101,.07)!important;outline:none!important}
.menu-button.primary,.menu-button.continue{background:linear-gradient(180deg,rgba(200,167,101,.13),rgba(20,17,12,.94))!important;border-color:var(--lite-gold)!important}
.menu-button strong{font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important;font-weight:400!important;letter-spacing:.035em!important;color:var(--lite-gold-light)!important}
.menu-button small{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;color:var(--lite-muted)!important;margin-top:4px!important;letter-spacing:.02em!important}
.menu-icon{color:var(--lite-gold)!important;font-size:20px!important}
.atlas-launch-footer{margin-top:18px!important;color:rgba(225,198,138,.5)!important;font-size:9px!important;letter-spacing:.15em!important;text-shadow:0 2px 7px #000!important}

/* Common controls — matching Lite's restrained brass outline. */
.btn,.icon-btn,.text-btn,.world-picker,.theme-card,.setup-choice,.location-nav-trigger,.personal-tool-tab,.map-tool-tab,.element-add-btn,.quick-log{border-color:var(--lite-border)!important;border-radius:8px!important}
.btn,.icon-btn,.world-picker,.personal-tool-tab,.map-tool-tab,.element-add-btn{background:rgba(13,12,10,.78)!important;color:var(--lite-gold-light)!important;transition:background .16s ease,border-color .16s ease,transform .14s ease,box-shadow .16s ease!important}
.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.world-picker:hover,.personal-tool-tab:hover,.map-tool-tab:hover,.element-add-btn:hover{border-color:var(--lite-border-strong)!important;background:rgba(40,35,25,.9)!important;transform:translateY(-1px)}
.btn.primary{background:var(--lite-gold)!important;color:#17130c!important;border-color:var(--lite-gold)!important}.btn.primary:hover{background:var(--lite-gold-light)!important}
.btn.danger{border-color:rgba(179,90,73,.68)!important;color:#d8aaa0!important;background:rgba(83,35,31,.3)!important}
.text-input,.select-input,textarea,select{background:#0b0a08!important;border-color:var(--lite-border)!important;color:var(--lite-text)!important;border-radius:8px!important}.text-input:focus,.select-input:focus,textarea:focus,select:focus{border-color:var(--lite-gold)!important}
.eyebrow,.tool-label,.layer-label{color:var(--lite-gold)!important}

/* Live workspace top bar */
.workspace-screen{grid-template-rows:76px minmax(0,1fr) 27px!important;background:var(--lite-bg)!important}
.topbar.personal-topbar{height:76px!important;padding:0 20px!important;background:rgba(13,12,10,.97)!important;border-bottom:1px solid var(--lite-border)!important;box-shadow:0 5px 20px rgba(0,0,0,.26)!important}
.brand-area{gap:13px!important}.brand-area .brand-mark{width:42px!important;height:42px!important;border:1px solid var(--lite-gold)!important;border-radius:0!important;background:transparent!important;color:var(--lite-gold)!important;font-family:Georgia,serif!important;font-size:24px!important;font-weight:400!important}.brand-area strong{font-family:Georgia,serif!important;color:var(--lite-text)!important;font-size:16px!important;letter-spacing:.08em!important}.brand-area small{color:var(--lite-muted)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.topbar-title strong{font-family:Georgia,serif!important;color:var(--lite-gold-light)!important;font-size:19px!important;font-weight:400!important;letter-spacing:.16em!important}.topbar-title small{color:var(--lite-muted)!important;font-size:9px!important;letter-spacing:.14em!important;margin-top:5px!important}
.top-actions{gap:8px!important}.top-actions .btn,.top-actions .icon-btn{min-height:42px!important;border-radius:9px!important;background:transparent!important}.cartographer-watch{display:none!important}

/* Three-column shell. Sidebars look like Lite's tool panels instead of permanent heavy drawers. */
.workspace-grid,.workspace-grid.drawer-open{--left-panel-width:300px!important;--right-panel-width:330px!important;grid-template-columns:var(--left-panel-width) minmax(0,1fr) var(--right-panel-width)!important;background:#050505!important}
.atlas-sidebar{background:rgba(13,12,10,.965)!important;border-right:1px solid var(--lite-border)!important;padding:12px!important;gap:9px!important;box-shadow:12px 0 34px rgba(0,0,0,.2)!important}
.map-tools-card{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.map-tool-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid var(--lite-border)!important}
.map-tool-tab{min-height:42px!important;font-size:9px!important;letter-spacing:.1em!important;font-weight:700!important;background:#0d0c0a!important;color:var(--lite-muted)!important}
.map-tool-tab.active{background:rgba(200,167,101,.13)!important;border-color:var(--lite-gold)!important;color:var(--lite-gold-light)!important;box-shadow:inset 0 0 0 1px rgba(225,198,138,.12)!important}
.map-tool-panel{padding:3px 4px 5px!important}.tool-card-heading{padding-bottom:13px!important;margin-bottom:13px!important;border-bottom:1px solid var(--lite-border)!important}.tool-card-heading h3{font-family:Georgia,serif!important;font-weight:400!important;font-size:24px!important;color:var(--lite-text)!important}.tool-rune{color:var(--lite-gold)!important}
.fog-status,.asset-library-status,.element-custom-empty,.side-help{color:var(--lite-muted)!important}.side-help{border-top:1px solid var(--lite-border)!important;padding:13px 4px 2px!important}

/* Centre map area */
.map-shell{background:#050505!important;border-right:1px solid var(--lite-border)!important}
.map-toolbar,.layer-bar{background:rgba(13,12,10,.94)!important;border-color:var(--lite-border)!important;backdrop-filter:blur(8px)!important}
.map-toolbar{min-height:50px!important;padding:7px 11px!important}.viewer{background:#050505!important}.layer-bar{padding:8px 11px!important}.placing-banner{background:rgba(13,12,10,.94)!important;border-color:var(--lite-gold)!important;border-radius:8px!important}
.location-nav-trigger,.location-nav-menu{background:rgba(13,12,10,.96)!important;border-color:var(--lite-border)!important}.location-nav-menu{box-shadow:0 18px 50px rgba(0,0,0,.52)!important}

/* Initiative — one focused right-side panel. */
.personal-tools{min-width:0!important;min-height:0!important;overflow:hidden!important;background:rgba(13,12,10,.97)!important;border-left:1px solid var(--lite-border)!important;padding:12px!important;box-shadow:-12px 0 34px rgba(0,0,0,.18)!important}
.personal-tool-tabs{display:grid!important;grid-template-columns:1fr!important;gap:0!important;position:sticky!important;top:0!important;z-index:3!important;background:transparent!important;padding-bottom:12px!important;border-bottom:1px solid var(--lite-border)!important}.personal-tool-tab{min-height:44px!important;background:rgba(200,167,101,.11)!important;border-color:var(--lite-gold)!important;color:var(--lite-gold-light)!important;font-size:10px!important;letter-spacing:.14em!important}.personal-tool-body{padding-top:12px!important}.drawer-panel{background:transparent!important;border:0!important;box-shadow:none!important}.initiative-topline{gap:7px!important}.combatant{background:#12100d!important;border-color:var(--lite-border)!important;border-radius:8px!important}.combatant.current{border-color:var(--lite-gold)!important;box-shadow:inset 3px 0 0 var(--lite-gold)!important;background:#211b13!important}.combatant input{background:#0b0a08!important;border-color:rgba(200,167,101,.18)!important}.next-turn{border-color:var(--lite-gold)!important}
.left-panel-toggle,.right-panel-toggle{border-color:var(--lite-border)!important;background:rgba(13,12,10,.9)!important;color:var(--lite-gold-light)!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important}.left-panel-toggle:hover,.right-panel-toggle:hover{border-color:var(--lite-gold)!important;background:#211e17!important}

/* Dialogs and setup now match the same panel language. */
.modal,.wizard-shell{background:rgba(17,15,11,.985)!important;border:1px solid var(--lite-border)!important;border-radius:12px!important;box-shadow:0 28px 80px rgba(0,0,0,.62)!important}.modal::backdrop{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(3px)!important}
.wizard-screen{background:radial-gradient(circle at center,#1b1812 0%,#0d0c0a 67%)!important}.wizard-header,.wizard-footer{border-color:var(--lite-border)!important}.theme-card,.setup-choice{background:#14120e!important}.theme-card.selected,.setup-choice.selected{border-color:var(--lite-gold)!important;box-shadow:inset 0 0 0 1px rgba(225,198,138,.22)!important}

.statusbar{background:#090908!important;border-top:1px solid var(--lite-border)!important;color:var(--lite-muted)!important}

@media(max-width:1400px){.workspace-grid,.workspace-grid.drawer-open{--left-panel-width:270px!important;--right-panel-width:300px!important}}
@media(max-width:1100px){.topbar-title{display:none!important}.workspace-grid,.workspace-grid.drawer-open{--left-panel-width:245px!important;--right-panel-width:280px!important}}
@media(max-width:820px){.workspace-grid,.workspace-grid.drawer-open{--left-panel-width:215px!important;--right-panel-width:0px!important}.personal-tools{display:none!important}.right-panel-toggle{display:none!important}.atlas-launch-shell{padding-bottom:4vh!important}.atlas-launch-brand{margin-bottom:16px!important}}

/* 0.1 DEV refinement — use the actual Lite interaction pattern: a slim tool rail whose
   buttons open one floating tool menu over the map. Mature Atlas tool DOM/logic is unchanged. */
.workspace-grid,.workspace-grid.drawer-open{
  --left-panel-width:72px!important;
  --right-panel-width:330px!important;
}
.atlas-sidebar.tools-only-sidebar{
  position:relative!important;
  z-index:45!important;
  width:72px!important;
  min-width:72px!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
  background:rgba(13,12,10,.96)!important;
  border-right:1px solid var(--lite-border)!important;
  box-shadow:8px 0 28px rgba(0,0,0,.22)!important;
}
.atlas-sidebar .map-tools-card{
  position:static!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:visible!important;
}
.atlas-sidebar .map-tool-tabs{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:54px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}
.atlas-sidebar .map-tool-tab{
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 3px!important;
  border-radius:0!important;
  font-size:9px!important;
  letter-spacing:.09em!important;
  writing-mode:horizontal-tb!important;
  background:rgba(13,12,10,.94)!important;
}
.atlas-sidebar .map-tool-tab.active{
  border-color:var(--lite-border-strong)!important;
  background:rgba(40,35,25,.97)!important;
  box-shadow:inset 0 0 0 1px rgba(225,198,138,.13),0 5px 15px rgba(0,0,0,.28)!important;
}
.atlas-sidebar .map-tool-panel{
  position:absolute!important;
  left:72px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:310px!important;
  max-height:calc(100% - 46px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:18px!important;
  margin-left:8px!important;
  background:rgba(17,15,11,.97)!important;
  border:1px solid var(--lite-border)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.52)!important;
  backdrop-filter:blur(10px)!important;
  border-radius:0!important;
}
.atlas-sidebar .map-tool-panel.hidden{display:none!important}
.atlas-sidebar .side-help{display:none!important}
.left-panel-toggle{left:var(--left-panel-width)!important;z-index:72!important}
.workspace-grid.left-panel-collapsed .atlas-sidebar{width:0!important;min-width:0!important}

/* The floating flyout should stay usable on shorter laptop screens without creating an inner
   scrollbar inside every sub-control. Only the whole menu scrolls. */
.atlas-sidebar .map-tool-panel .element-library-grid,
.atlas-sidebar .map-tool-panel .event-library-grid,
.atlas-sidebar .map-tool-panel .spell-folder-tree{max-height:none!important}

@media(max-width:1100px){
  .workspace-grid,.workspace-grid.drawer-open{--left-panel-width:66px!important;--right-panel-width:286px!important}
  .atlas-sidebar.tools-only-sidebar{width:66px!important;min-width:66px!important}
  .atlas-sidebar .map-tool-tabs{left:6px!important}
  .atlas-sidebar .map-tool-panel{left:66px!important;width:292px!important}
}

/* Atlas Web 0.2 — hosted app / local-data connection surfaces */
.atlas-root-connect{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;max-width:620px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.atlas-root-connect .btn{min-width:190px}
#atlas-root-status{opacity:.78}
.bridge-status{margin:12px 0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:center}
.bridge-status.ready{border-color:rgba(106,180,121,.55);color:#a9dbb4;background:rgba(75,128,86,.10)}
.bridge-status.problem{border-color:rgba(188,126,87,.42);color:#d9b093;background:rgba(130,77,45,.10)}
@media(max-width:760px){.atlas-root-connect{flex-direction:column;gap:7px}}