/* A Realm of Dragons v17 — Worldforge Dominion visual system */
:root{
  --wf-obsidian:#080b09;
  --wf-iron:#121813;
  --wf-moss:#203529;
  --wf-brass:#c89a43;
  --wf-fire:#f0c977;
  --wf-parchment:#f5e8bf;
  --wf-danger:#b64d52;
  --wf-grid:rgba(237,207,132,.34);
}
body{
  background:
    radial-gradient(circle at 16% -10%,rgba(91,115,74,.16),transparent 34rem),
    radial-gradient(circle at 90% 5%,rgba(181,119,42,.11),transparent 28rem),
    linear-gradient(180deg,#090c09,#070806 72%);
}
.topbar{
  min-height:var(--header);
  background:linear-gradient(180deg,rgba(22,28,21,.985),rgba(9,12,9,.985));
  border-bottom-color:rgba(235,196,103,.4);
  box-shadow:0 12px 38px rgba(0,0,0,.52),inset 0 -1px rgba(255,233,170,.05);
}
.brand{min-width:310px}.brand-seal{
  width:54px;height:54px;padding:3px;border-radius:15px;
  background:linear-gradient(145deg,#3e321d,#0b0d0a 62%);
  border:1px solid rgba(244,208,120,.58);
  box-shadow:0 0 0 3px rgba(203,162,73,.08),0 8px 24px rgba(0,0,0,.42),inset 0 0 18px rgba(240,201,119,.12);
  overflow:hidden;
}
.brand-seal img{width:100%;height:100%;display:block;object-fit:contain;border-radius:11px}
.brand-text strong{font-size:22px;letter-spacing:.015em;text-shadow:0 2px 16px rgba(240,201,119,.14)}
.brand-text em{letter-spacing:.08em;text-transform:uppercase;font-size:9px}
.nav-item{border-radius:9px;margin-block:5px}.nav-item.active{box-shadow:inset 0 0 0 1px rgba(235,196,103,.08)}
.page-view{background:
  linear-gradient(180deg,rgba(255,255,255,.012),transparent 240px),
  repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(236,205,128,.012) 80px),
  #0a0c09;
}
.page-hero{border-color:rgba(236,205,128,.32);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}
.panel,.metric-card,.admin-card{box-shadow:0 18px 48px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.025)}

/* Permanent atlas lattice */
#latticeLayer,#frontierLayer{pointer-events:none}
.wf-cell{stroke-width:1.05;stroke-opacity:.38;vector-effect:non-scaling-stroke;transition:fill-opacity .16s,stroke-opacity .16s,filter .16s}
.wf-cell-group.status-open .wf-cell{stroke-dasharray:2 5}
.wf-cell-group.status-restricted .wf-cell{stroke-dasharray:7 5}
.wf-cell-group.status-contested .wf-cell{stroke-dasharray:10 5;animation:wf-contested-pulse 2.8s ease-in-out infinite}
.wf-cell-group.selected .wf-cell{stroke:#ffe7a0;stroke-width:3;stroke-opacity:1;fill-opacity:.28!important;filter:url(#selectedParcelGlow)}
.wf-cell-label{fill:#f8e7b6;stroke:#090b08;stroke-width:2.4;paint-order:stroke;vector-effect:non-scaling-stroke;font:700 10px ui-monospace,monospace;text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em;pointer-events:none}
.map-viewport:not([data-zoom-band="local"]):not([data-zoom-band="deep"]) .wf-cell-label{display:none}
.wf-frontier{stroke-width:2.7;stroke-linecap:round;stroke-opacity:.9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85));pointer-events:none}
.wf-frontier.barrier-natural{stroke-dasharray:2 5;stroke-width:2.2}
.wf-frontier.barrier-fortified{stroke-dasharray:10 3 2 3;stroke-width:4}
.wf-frontier.barrier-closed{stroke-dasharray:7 2;stroke-width:5}
.wf-frontier.barrier-maritime{stroke-dasharray:1 6;stroke-width:3.3}
.wf-frontier.contested{stroke:#e16e73!important;stroke-dasharray:13 6;animation:wf-frontier-flow 1.7s linear infinite}
.worldforge-editing #latticeLayer{pointer-events:all}.worldforge-editing .wf-cell{pointer-events:all;cursor:crosshair}.worldforge-editing .wf-cell:hover{stroke:#fff0b8;stroke-width:2.5;stroke-opacity:1;fill-opacity:.25!important}
@keyframes wf-contested-pulse{50%{fill-opacity:.27}}
@keyframes wf-frontier-flow{to{stroke-dashoffset:-38}}

/* Grid Claim Studio */
.wf-studio{width:min(430px,94vw);background:linear-gradient(180deg,rgba(20,25,19,.99),rgba(10,13,10,.99));border-left-color:rgba(239,202,110,.45)}
.wf-access-note{display:grid;gap:3px;margin:14px 0;padding:11px 12px;border:1px solid var(--line2);border-radius:11px;background:rgba(203,167,94,.065)}
.wf-access-note strong{color:var(--gold2)}.wf-access-note span{color:var(--muted);font-size:11px;line-height:1.45}
.wf-selection-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(120,166,126,.34);border-radius:11px;background:rgba(63,111,76,.1)}
.wf-selection-summary b{font:28px Georgia,serif;color:#c8e4bf}.wf-selection-summary span{color:#b9c9b6;font-size:11px}
.wf-studio-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.wf-studio-actions .button:last-child{grid-column:1/-1}
.wf-cell-inspector{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.012))}
.wf-cell-inspector>small{color:var(--gold);letter-spacing:.13em;font-size:9px}.wf-cell-inspector h3{margin:5px 0 12px;font:23px Georgia,serif;color:#fff0c6}.wf-cell-inspector p{color:var(--muted);font-size:11px;line-height:1.5}
.wf-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wf-inspector-grid span{display:grid;gap:2px;padding:8px;border:1px solid var(--line);border-radius:8px;color:#ded2b6;font-size:11px}.wf-inspector-grid b{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

/* Worldforge hub */
.worldforge-view{min-height:calc(100dvh - var(--header))}.wf-hero{position:relative;overflow:hidden;background:
  linear-gradient(100deg,rgba(8,11,8,.97),rgba(16,28,20,.9) 52%,rgba(75,48,21,.42)),
  radial-gradient(circle at 78% 15%,rgba(235,195,103,.18),transparent 28rem)}
.wf-hero:before{content:"⬡";position:absolute;right:5%;top:50%;transform:translateY(-52%);font:clamp(120px,15vw,260px) Georgia,serif;color:rgba(239,201,112,.055);pointer-events:none}
.wf-command-grid{max-width:1500px;margin:14px auto 0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:14px}.wf-command-grid>.wide{grid-column:1/-1}
.wf-region-panel{min-width:0}.wf-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.wf-region-card{min-width:0;border:1px solid var(--line);border-radius:11px;padding:11px;background:rgba(255,255,255,.022);color:var(--cream);text-align:left}.wf-region-card:hover{border-color:var(--line2);background:rgba(203,167,94,.07)}
.wf-region-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.wf-region-card header strong{font:16px Georgia,serif;color:#fff0c6;overflow-wrap:anywhere}.wf-region-card header b{font:20px Georgia,serif;color:var(--gold2)}
.wf-region-bar{height:6px;margin:9px 0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.05)}.wf-region-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a88443 0 var(--held),#55765d var(--held) calc(var(--held) + var(--open)),#6a6a62 calc(var(--held) + var(--open)) 100%)}
.wf-region-card footer{display:flex;gap:5px;flex-wrap:wrap}.wf-region-card footer span{padding:3px 5px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:8px}
.wf-opportunity-list,.wf-expedition-list{display:grid;gap:8px;max-height:620px;overflow:auto}.wf-opportunity-list button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.024);color:var(--cream);text-align:left}.wf-opportunity-list button:hover{border-color:var(--line2);background:rgba(203,167,94,.07)}.wf-opportunity-list button>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--gold2);background:#151710}.wf-opportunity-list strong{display:block;font:16px Georgia,serif;color:#fff0c6}.wf-opportunity-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.wf-opportunity-list b{font-size:8px;letter-spacing:.12em;color:#bbd7b8}
.wf-expedition-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.024)}.wf-expedition-list article>span{font-size:22px;color:var(--gold2)}.wf-expedition-list strong{font:17px Georgia,serif;color:#fff0c6}.wf-expedition-list small{display:block;color:var(--gold);font-size:8px;letter-spacing:.06em}.wf-expedition-list p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.wf-expedition-list article>b{color:var(--gold2);white-space:nowrap}
.wf-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wf-system-grid article{position:relative;min-height:150px;padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}.wf-system-grid article>span{position:absolute;right:10px;top:4px;font:36px Georgia,serif;color:rgba(236,205,128,.12)}.wf-system-grid h3{margin:22px 0 7px;font:18px Georgia,serif;color:#fff0c6}.wf-system-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.wf-identity-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center}.wf-logo-stage{min-height:190px;display:grid;place-items:center;padding:16px;border:1px solid rgba(237,202,114,.38);border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(111,87,44,.42),rgba(8,11,8,.96) 72%);box-shadow:inset 0 0 50px rgba(0,0,0,.38)}.wf-logo-stage img{width:132px;height:132px;object-fit:contain;border-radius:26px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.wf-logo-stage span{color:var(--gold);font-size:8px;letter-spacing:.18em}.wf-identity-grid h3{font:25px Georgia,serif;color:#fff0c6;margin:0 0 7px}.wf-identity-grid p{color:var(--muted);line-height:1.6}.wf-upload-button{display:inline-flex;align-items:center}.wf-admin-card{border-color:rgba(203,167,94,.42);background:linear-gradient(145deg,rgba(203,167,94,.075),rgba(255,255,255,.015))}

/* Atlas control refinement */
#worldforgeButton{border-color:rgba(151,202,151,.42);background:linear-gradient(145deg,rgba(41,76,49,.92),rgba(15,22,16,.94))}.worldforge-editing #worldforgeButton{color:#172018;background:linear-gradient(#cde3b8,#86a66e);border-color:#e6f1cf}.worldforge-editing #worldforgeButton span{color:#24331e}
.map-readout{backdrop-filter:blur(12px);border-color:rgba(235,199,109,.3)}
.drawer{scrollbar-color:rgba(203,167,94,.4) transparent}
.mobile-nav{grid-template-columns:repeat(6,1fr)}

@media(max-width:1180px){.wf-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.brand{min-width:0}.brand-seal{width:50px;height:50px}.wf-command-grid{grid-template-columns:1fr}.wf-command-grid>.wide{grid-column:auto}.wf-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worldforge-view{padding-bottom:96px}}
@media(max-width:620px){.brand-seal{border-radius:13px}.wf-region-grid,.wf-system-grid{grid-template-columns:1fr}.wf-identity-grid{grid-template-columns:1fr}.wf-logo-stage{min-height:170px}.wf-studio-actions{grid-template-columns:1fr}.wf-studio-actions .button:last-child{grid-column:auto}.wf-inspector-grid{grid-template-columns:1fr}.mobile-nav button{font-size:9px}.mobile-nav button span{font-size:17px}}
@media(prefers-reduced-motion:reduce){.wf-cell-group.status-contested .wf-cell,.wf-frontier.contested{animation:none}}