@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Silkscreen;font-weight:400;font-display:swap;src:url(/assets/fonts/silkscreen-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Silkscreen;font-weight:700;font-display:swap;src:url(/assets/fonts/silkscreen-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}

:root{
  --ink:#0b0b0e; --ink2:#141419; --ink3:#1c1c23; --ink4:#26262f;
  --lt:#e9e9ec; --lt-soft:#a9a9b2; --lt-dim:#6f6f7a;
  --gold:#fa0; --honey:#ffc533; --yellow:#ff5; --green:#5f5; --red:#f55; --aqua:#5ff; --purple:#c07bff;
  --bear:#7a4a26; --bear-lt:#d8a96b;
  --line:#ffffff1f; --line2:#ffffff33;
  --f-body:"Inter",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --f-pixel:"Silkscreen","Courier New",monospace;
  --bevel:inset 0 3px #ffffff6b,inset 3px 0 #ffffff38,inset -3px 0 #00000057,inset 0 -3px #00000080,0 0 0 3px #000;
  --bevel-sm:inset 0 2px #ffffff5c,inset 2px 0 #ffffff30,inset -2px 0 #00000057,inset 0 -2px #00000080,0 0 0 2px #000;
  --top:64px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--ink);color:var(--lt);font:15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}
img,.px{image-rendering:pixelated}
h1,h2,h3,h4{margin:0;font-weight:400}
p{margin:0}
a{color:var(--honey)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
[hidden]{display:none!important}
::selection{background:var(--gold);color:#000}

.boot{display:grid;place-items:center;height:100vh}
.bear-logo{display:inline-block;width:40px;height:40px;background:url(/assets/bear.svg) center/contain no-repeat;image-rendering:pixelated;flex:none}
.bear-logo.big{width:96px;height:96px;animation:bob 1.6s steps(4) infinite}
@keyframes bob{50%{transform:translateY(-6px)}}

/* ---------- pixel primitives ---------- */
.px-title{font-family:var(--f-pixel);color:var(--lt);text-shadow:3px 3px #000000b3;font-size:clamp(22px,3vw,30px);line-height:1.15}
.eyebrow{font-family:var(--f-pixel);color:var(--gold);letter-spacing:.12em;text-shadow:2px 2px #0009;font-size:11px;text-transform:uppercase}
.muted{color:var(--lt-soft)}
.mono{font-family:var(--f-mono);font-size:.92em}
.tag{display:inline-block;font-family:var(--f-pixel);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px 2px;color:#fff3d6;background:linear-gradient(#a8692f,#7a4a26);box-shadow:inset 0 2px #ffffff40,inset 0 -2px #0000006b,0 0 0 2px #000;text-shadow:1px 1px #0008;vertical-align:2px}
.tag.green{background:linear-gradient(#4f9a4f,#31703a);color:#eaffea}
.tag.gray{background:linear-gradient(#5d5d66,#3e3e46);color:var(--lt)}
.tag.red{background:linear-gradient(#b8463c,#842a24);color:#ffe9e6}

.btn{font-family:var(--f-pixel);letter-spacing:.02em;color:#e0e0e0;text-shadow:2px 2px #0000008c;cursor:pointer;background:linear-gradient(#9a9a9a,#6d6d6d);border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;font-size:13px;white-space:nowrap;text-decoration:none;box-shadow:var(--bevel);transition:background .12s steps(2,end),color .12s;user-select:none}
.btn:hover,.btn:focus-visible{color:var(--yellow);background:linear-gradient(#93a8d6,#6f83b2);outline:none}
.btn:focus-visible{box-shadow:var(--bevel),0 0 0 6px var(--yellow)}
.btn:active{transform:translateY(2px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;color:#cfcfcf;background:linear-gradient(#7a7a7a,#5a5a5a)}
.btn-primary{color:#eaffea;background:linear-gradient(#4f9a4f,#31703a)}
.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(#63b863,#3d8748)}
.btn-honey{color:#2a1700;text-shadow:1px 1px #ffffff55;background:linear-gradient(#ffcf4d,#e09400)}
.btn-honey:hover,.btn-honey:focus-visible{color:#000;background:linear-gradient(#ffe07a,#f0a800)}
.btn-danger{color:#ffe9e6;background:linear-gradient(#b8463c,#842a24)}
.btn-danger:hover,.btn-danger:focus-visible{background:linear-gradient(#d0584c,#9a322a)}
.btn-sm{padding:7px 11px;font-size:11px;box-shadow:var(--bevel-sm);gap:6px}
.btn-sm:focus-visible{box-shadow:var(--bevel-sm),0 0 0 5px var(--yellow)}
.btn .ico{width:18px;height:18px}
.btn-sm .ico{width:14px;height:14px}
.ico{display:inline-block;width:20px;height:20px;background:center/contain no-repeat;image-rendering:pixelated;flex:none}
.btn.on{color:var(--yellow);background:linear-gradient(#5a6ea0,#3d4f7d)}

.panel{border:12px solid #0000;border-image:url(/assets/img/x_panel_dark3.png) 12 fill repeat;image-rendering:pixelated}
.panel-light{border:12px solid #0000;border-image:url(/assets/img/x_panel3.png) 12 fill repeat;color:#3f3f3f}
.card{background:#101016e6;box-shadow:inset 0 0 0 3px #ffffff1a,0 0 0 3px #000;padding:18px}
.card-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.card-h h2{font-family:var(--f-pixel);font-size:15px;color:var(--lt);text-shadow:2px 2px #000a;letter-spacing:.02em}
.card-h .sp{flex:1}

/* inputs */
.field{display:grid;gap:6px}
.field>span{font-family:var(--f-pixel);font-size:11px;color:var(--lt-soft);letter-spacing:.06em;text-transform:uppercase}
.inp,select.inp,textarea.inp{width:100%;background:#000;border:0;color:var(--lt);padding:9px 11px;box-shadow:inset 0 0 0 2px #a0a0a0,inset 0 0 0 3px #000;font-size:14px;border-radius:0;min-width:0}
.inp:focus{outline:none;box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #000}
.inp::placeholder{color:#6a6a72}
textarea.inp{resize:vertical;min-height:72px;line-height:1.5}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
.row{display:flex;gap:10px;align-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stack{display:grid;gap:12px}

/* slot checkbox */
.chk{appearance:none;width:30px;height:30px;flex:none;margin:0;cursor:pointer;background:#8b8b8b url(/assets/img/x_slot.png) center/100% 100%;image-rendering:pixelated;position:relative}
.chk:checked{background-image:url(/assets/img/u_check.png),url(/assets/img/x_slot.png);background-size:22px 22px,100% 100%;background-position:center}
.chk:hover{filter:brightness(1.18)}

/* ---------- topbar ---------- */
.topbar{position:sticky;top:0;z-index:1000;height:var(--top);background:linear-gradient(#09090cf5,#09090cdd);backdrop-filter:blur(6px);border-bottom:3px solid #000000b3}
.topbar-in{display:flex;align-items:center;gap:18px;height:100%;padding:0 18px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;flex:none}
.brand-txt{font-family:var(--f-pixel);font-size:16px;text-shadow:2px 2px #0009;line-height:1}
.brand-txt .ctag{margin-right:4px}
.brand-sub{display:block;font-size:10px;color:var(--lt-soft);letter-spacing:.1em;margin-top:4px}
.nav{display:flex;gap:4px;margin-left:8px;overflow-x:auto;scrollbar-width:none}
.nav a{font-family:var(--f-pixel);font-size:13px;color:var(--lt-soft);text-decoration:none;padding:9px 12px;display:flex;align-items:center;gap:8px;white-space:nowrap;text-shadow:2px 2px #0008}
.nav a:hover{color:var(--lt);background:#ffffff0d}
.nav a[aria-current=page]{color:var(--yellow);background:#ffffff14;box-shadow:inset 0 -3px var(--gold)}
.nav .ico{width:18px;height:18px}
.me{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.head{width:28px;height:28px;image-rendering:pixelated;box-shadow:0 0 0 2px #000;background:#2a2a33;flex:none}
.head.sm{width:20px;height:20px}
.head.lg{width:44px;height:44px;box-shadow:0 0 0 3px #000}
.me-name{font-family:var(--f-pixel);font-size:13px}
.live{width:8px;height:8px;background:var(--green);box-shadow:0 0 0 2px #000,0 0 8px var(--green);display:inline-block}
.live.off{background:#555;box-shadow:0 0 0 2px #000}

/* ---------- layout ---------- */
.page{max-width:1240px;margin:0 auto;padding:28px 20px 60px}
.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.page-head .sp{flex:1}

/* ---------- login ---------- */
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:
  linear-gradient(#0b0b0ecc,#0b0b0ef2),url(/assets/img/b_dark_oak_planks.png) 0 0/64px 64px;image-rendering:pixelated}
.login-box{width:min(420px,100%);display:grid;gap:18px}
.login-brand{text-align:center;display:grid;justify-items:center;gap:10px}
.login-brand .bear-logo{width:112px;height:112px;filter:drop-shadow(4px 4px 0 #000a)}
.login-brand h1{font-family:var(--f-pixel);font-size:30px;text-shadow:3px 3px #000;line-height:1}
.login-brand h1 .ctag{display:inline-block;margin-right:6px}
.login form{display:grid;gap:14px}
.login .name-row{display:flex;gap:10px;align-items:end}
.login .name-row .field{flex:1}
.err{color:#ff8a80;font-size:13px;min-height:1.2em}
.grass{height:16px;background:url(/assets/img/w_grass.png) 0 0/auto 16px repeat-x;image-rendering:pixelated}

/* ---------- home ---------- */
.home{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}
.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.hud-item{background:#101016e6;box-shadow:inset 0 0 0 3px #ffffff1a,0 0 0 3px #000;padding:14px 16px;display:flex;gap:12px;align-items:center}
.hud-item .ico{width:30px;height:30px}
.hud-val{font-family:var(--f-pixel);font-size:24px;line-height:1;text-shadow:2px 2px #000}
.hud-lbl{font-family:var(--f-pixel);font-size:10px;color:var(--lt-soft);letter-spacing:.06em;margin-top:5px;text-transform:uppercase}
.feed{display:grid;gap:2px;max-height:430px;overflow:auto}
.feed-i{display:flex;gap:10px;align-items:center;padding:7px 6px;font-size:13.5px}
.feed-i:nth-child(odd){background:#ffffff06}
.feed-i time{margin-left:auto;color:var(--lt-dim);font-size:12px;white-space:nowrap}
.online{display:flex;flex-wrap:wrap;gap:8px}
.online .who{display:flex;align-items:center;gap:7px;background:#ffffff0a;padding:5px 9px 5px 5px;font-size:13px}

/* ---------- todos ---------- */
.todo-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}
.side-nav{display:grid;gap:4px;position:sticky;top:calc(var(--top) + 20px)}
.side-nav button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;font-family:var(--f-pixel);font-size:12.5px;color:var(--lt-soft)}
.side-nav button:hover{background:#ffffff0d;color:var(--lt)}
.side-nav button[aria-pressed=true]{background:#ffffff14;color:var(--yellow);box-shadow:inset 3px 0 var(--gold)}
.side-nav .n{margin-left:auto;font-size:11px;color:var(--lt-dim)}
.side-nav hr{border:0;height:2px;background:var(--line);margin:8px 0}
.quick{display:grid;grid-template-columns:1fr 150px 130px auto;gap:10px;margin-bottom:18px}
.todos{display:grid;gap:6px}
.todo{background:#101016e6;box-shadow:inset 0 0 0 2px #ffffff14;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 12px 9px 9px;transition:background .1s}
.todo:hover{background:#17171fe6}
.todo.prio-2{box-shadow:inset 0 0 0 2px #ffffff14,inset 4px 0 var(--red)}
.todo.prio-0{opacity:.85}
.todo.done .t-title{color:var(--lt-dim);text-decoration:line-through;text-decoration-thickness:2px}
.t-main{min-width:0;cursor:pointer}
.t-title{font-weight:500;overflow-wrap:anywhere}
.t-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--lt-soft);margin-top:3px;align-items:center}
.t-meta .m{display:inline-flex;align-items:center;gap:5px}
.t-meta .ico{width:14px;height:14px}
.t-meta a{color:var(--aqua);text-decoration:none}
.t-meta a:hover{text-decoration:underline}
.t-actions{display:flex;gap:6px;opacity:.0;transition:opacity .1s}
.todo:hover .t-actions,.todo:focus-within .t-actions{opacity:1}
.cat{font-family:var(--f-pixel);font-size:10px;letter-spacing:.06em;padding:2px 6px;background:#ffffff14;color:var(--bear-lt);text-transform:uppercase}
.empty{text-align:center;padding:42px 20px;color:var(--lt-soft);display:grid;justify-items:center;gap:10px}
.empty .ico{width:42px;height:42px;opacity:.7}
.section-label{font-family:var(--f-pixel);font-size:11px;color:var(--lt-dim);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 8px;display:flex;gap:10px;align-items:center}
.section-label::after{content:"";flex:1;height:2px;background:var(--line)}

/* ---------- modal ---------- */
.modal-bg{position:fixed;inset:0;z-index:3000;background:#000a;display:grid;place-items:center;padding:16px;animation:fade .12s}
@keyframes fade{from{opacity:0}}
.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#121218;box-shadow:inset 0 0 0 3px #ffffff24,0 0 0 3px #000,12px 12px 0 #0008;padding:22px}
.modal h2{font-family:var(--f-pixel);font-size:18px;margin-bottom:16px;text-shadow:2px 2px #000}
.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.modal-foot .sp{flex:1}

/* toasts */
#toasts{position:fixed;bottom:18px;left:50%;translate:-50%;z-index:4000;display:grid;gap:8px;justify-items:center;pointer-events:none}
.toast{font-family:var(--f-pixel);font-size:12.5px;background:#100010f0;color:#fff;padding:9px 14px;border:2px solid;border-image:linear-gradient(#5000ff,#28007f) 1;text-shadow:2px 2px #000;animation:fade .15s}
.toast.err{border-image:linear-gradient(#ff3b30,#7f1a14) 1}

/* ---------- map ---------- */
.map-page{position:fixed;inset:var(--top) 0 0 0;display:grid;grid-template-columns:340px 1fr}
.map-side{background:var(--ink2);border-right:3px solid #000;overflow:auto;display:flex;flex-direction:column;min-height:0}
.map-side-sec{padding:14px 16px;border-bottom:2px solid #ffffff10}
.map-side h3{font-family:var(--f-pixel);font-size:12px;color:var(--lt-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.map-side h3 .sp{flex:1}
.dims{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dims .btn{padding:8px 4px;font-size:11px}
#map{background:#08080b;position:relative;cursor:crosshair}
#map.hand{cursor:grab}
#map .leaflet-tile{image-rendering:pixelated}
#map.zoomed-out .claim-label{display:none}
.leaflet-container{font:inherit;background:#08080b}
.leaflet-control-zoom a{font-family:var(--f-pixel)!important;background:linear-gradient(#9a9a9a,#6d6d6d)!important;color:#eee!important;border:0!important;box-shadow:var(--bevel-sm);margin-bottom:6px;border-radius:0!important;text-shadow:1px 1px #000}
.leaflet-bar{border:0!important;box-shadow:none!important}
.claim-list{display:grid;gap:3px}
.claim-i{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 8px;font-size:13.5px}
.claim-i:hover{background:#ffffff0d}
.claim-i[aria-pressed=true]{background:#ffffff17;box-shadow:inset 3px 0 var(--gold)}
.claim-i .sw{width:16px;height:16px;box-shadow:0 0 0 2px #000,inset 0 2px #ffffff55,inset 0 -2px #0005;flex:none}
.claim-i .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.claim-i .ct{font-size:11px;color:var(--lt-dim);font-family:var(--f-mono)}
.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.swatches button{all:unset;cursor:pointer;aspect-ratio:1;box-shadow:0 0 0 2px #000,inset 0 2px #ffffff55,inset 0 -2px #0005}
.swatches button[aria-pressed=true]{outline:3px solid var(--yellow);outline-offset:1px}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tools .btn{padding:9px 4px;font-size:11px;flex-direction:column;gap:5px}
.hint{font-size:12.5px;color:var(--lt-soft);line-height:1.5}
.hint kbd{font-family:var(--f-mono);font-size:11px;background:#ffffff14;padding:1px 5px;box-shadow:0 2px #0008}
.map-hud{position:absolute;left:12px;bottom:12px;z-index:800;font-family:var(--f-pixel);font-size:12px;background:#000000b8;padding:8px 11px;text-shadow:2px 2px #000;pointer-events:none;display:grid;gap:3px;min-width:200px}
.map-hud b{color:var(--gold);font-weight:400}
.map-tools-float{position:absolute;right:12px;top:12px;z-index:800;display:flex;gap:8px}
.claim-label{font-family:var(--f-pixel);font-size:12px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);width:max-content!important;height:auto!important;text-align:center;line-height:1.15}
.claim-label small{display:block;font-size:9px;color:#ddd}
.map-empty{position:absolute;inset:0;display:grid;place-items:center;z-index:700;pointer-events:none}
.map-empty .card{pointer-events:auto;max-width:420px;text-align:center;display:grid;gap:12px;justify-items:center}
.progress{height:14px;background:#000;box-shadow:inset 0 0 0 2px #555;position:relative;overflow:hidden}
.progress i{position:absolute;inset:2px auto 2px 2px;background:linear-gradient(#7fff7f,#30a030);width:0;transition:width .15s}
.drop{border:3px dashed #ffffff33;padding:22px;text-align:center;display:grid;gap:10px;justify-items:center;cursor:pointer}
.drop:hover,.drop.over{border-color:var(--gold);background:#ffaa0010}
.map-toggle{display:none}

/* ---------- clan ---------- */
.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.member{display:flex;gap:12px;align-items:center;background:#101016e6;box-shadow:inset 0 0 0 2px #ffffff14;padding:12px}
.member .nm{font-family:var(--f-pixel);font-size:14px}
.member .sub{font-size:12px;color:var(--lt-soft)}
.member .act{margin-left:auto;display:flex;gap:6px}

@media (max-width:980px){
  .home{grid-template-columns:1fr}
  .hud{grid-template-columns:repeat(2,1fr)}
  .todo-layout{grid-template-columns:1fr}
  .side-nav{position:static;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .side-nav hr{display:none}
  .quick{grid-template-columns:1fr 1fr}
  .quick .inp:first-child{grid-column:1/-1}
  .t-actions{opacity:1}
}
@media (max-width:760px){
  :root{--top:56px}
  .brand-txt,.me-name{display:none}
  .nav{flex:1;justify-content:center}
  .nav a span:not(.ico){display:none}
  .nav a{padding:9px 11px}
  .nav .ico{width:22px;height:22px}
  .nav{margin-left:0}
  .topbar-in{gap:8px;padding:0 12px}
  .page{padding:20px 16px 50px}
  .map-page{grid-template-columns:1fr}
  .map-side{position:absolute;inset:auto 0 0 0;max-height:55%;z-index:900;border-right:0;border-top:3px solid #000;transform:translateY(calc(100% - 52px));transition:transform .2s}
  .map-side.open{transform:none}
  .map-toggle{display:flex;position:sticky;top:0;z-index:2;background:var(--ink2);padding:10px 16px;border-bottom:2px solid #ffffff10;width:100%;justify-content:space-between}
  .map-hud{bottom:64px;min-width:0}
  .grid2{grid-template-columns:1fr}
}

/* ---------- clan tag ---------- */
.ctag{font-family:var(--f-pixel);font-weight:400;letter-spacing:.02em;white-space:nowrap}
.ctag i{font-style:normal;color:#555555;text-shadow:.12em .12em 0 #151515}
.ctag b{font-weight:400}
.ctag.sm{font-size:.95em}
.eyebrow .ctag{letter-spacing:.06em}
.member .nm .ctag{font-size:12px}
.head{object-fit:cover}

/* ---------- announcement ---------- */
.announce{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;padding:14px 16px;background:linear-gradient(90deg,#55ffff14,#c04aff14);box-shadow:inset 0 0 0 2px #c04aff55,0 0 0 3px #000}
.announce .ico{width:28px;height:28px;margin-top:2px}
.announce p{white-space:pre-line;margin-top:4px}

/* ---------- admin ---------- */
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.admin-grid .wide{grid-column:1/-1}
.dim-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dim-stat{background:#ffffff08;padding:12px;display:grid;gap:4px;align-content:start}
.dim-stat .nm{font-family:var(--f-pixel);font-size:12px;color:var(--gold)}
.dim-stat .btn{justify-self:start;margin-top:6px}
.bounds{background:#ffffff06;padding:12px;display:grid;gap:10px}
.bounds-h{display:flex;gap:10px;align-items:center;font-family:var(--f-pixel);font-size:13px}
.bounds-h b{font-weight:400}
.bounds-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 8px;align-items:center}
.bounds-row .ax{font-family:var(--f-pixel);color:var(--aqua);font-size:13px}
.adm-members{display:grid;gap:4px}
.adm-m{display:flex;align-items:center;gap:10px;padding:7px 8px;flex-wrap:wrap}
.adm-m:nth-child(odd){background:#ffffff06}
.adm-m .nm{font-family:var(--f-pixel);font-size:13px}
.adm-m .sp{flex:1}

/* ---------- pins ---------- */
.pin{display:grid!important;justify-items:center;gap:2px;transform:translate(-50%,-14px);width:max-content!important;height:auto!important;cursor:pointer}
.pin-ico{width:24px;height:24px;background:#000000a0 center/18px no-repeat;image-rendering:pixelated;box-shadow:0 0 0 2px #000,inset 0 0 0 2px #ffffff40}
.pin:hover .pin-ico{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--yellow)}
.pin-nm{font-family:var(--f-pixel);font-size:11px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;white-space:nowrap}
#map.zoomed-out .pin-nm{display:none}
#map.pinmode,#map.pinmode .leaflet-interactive{cursor:copy}
.kinds{display:flex;flex-wrap:wrap;gap:8px}
.claim-i .ico{width:18px;height:18px}

@media (max-width:980px){
  .admin-grid{grid-template-columns:1fr}
  .dim-stats{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:520px){
  .dim-stats{grid-template-columns:1fr}
  .bounds-row{grid-template-columns:auto 1fr auto 1fr}
}
.tag.all{background:linear-gradient(90deg,#2a9a9a,#7a2ab0);color:#fff;font-size:9px;padding:2px 6px 1px}
.claim-i .tag.all{flex:none}