[hidden]{display:none!important}

:root{
  --rust:#8a3b12;--rust-hi:#c2611f;--rust-dk:#4a1d07;
  --steel-hi:#e4e7e9;--face:#b4b9bc;--steel-lo:#5b6166;--steel-xx:#23272b;
  --hare:#f2c230;--paper:#efe8d4;--ink:#1d1a16;
  --desk1:#4a3324;--desk2:#1d1714;--ok:#3f6b2a;--bad:#9c2a12;--mid:#a7780a;
  --ui:Tahoma,Verdana,"Segoe UI",Geneva,sans-serif;
  --stamp:"Silkscreen",Tahoma,monospace;
  --type:"Courier Prime","Courier New",Courier,monospace;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--face:#959b9f;--steel-hi:#c9cdd0;--paper:#dcd3bd;--desk1:#33231a;--desk2:#110d0b}}
:root[data-theme="dark"]{--face:#959b9f;--steel-hi:#c9cdd0;--paper:#dcd3bd;--desk1:#33231a;--desk2:#110d0b}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}
body{margin:0;height:100%;display:flex;flex-direction:column;font:13px/1.35 var(--ui);color:var(--ink);overflow:hidden;background:var(--desk2)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px dotted var(--hare);outline-offset:1px}
#printArea{display:none}

#desk{position:relative;flex:1;overflow:hidden}
#desk::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .6 0 0 0 0 .3 0 0 0 0 .1 0 0 0 1.4 -.3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.rivet{position:absolute;width:14px;height:14px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#d9dcde,#6d7378 55%,#2a2e31);box-shadow:1px 2px 2px rgba(0,0,0,.6)}
#mark{position:absolute;left:50%;top:45%;width:min(62vmin,520px);height:auto;transform:translate(-50%,-50%);opacity:.5;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) saturate(.9)}
#markText{position:absolute;left:50%;top:calc(45% + min(23vmin,195px));transform:translateX(-50%);font:700 14px var(--stamp);
  color:rgba(242,194,48,.38);letter-spacing:2px;white-space:nowrap;pointer-events:none;text-shadow:0 1px 0 #000}

#icons{position:absolute;inset:0;z-index:1;pointer-events:none}
.ico{width:80px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:1px dotted transparent;cursor:default;color:#fff}
.ico svg{width:38px;height:38px;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.6))}
.ico span{font-size:11.5px;text-align:center;text-shadow:1px 1px 0 #000,0 0 3px #000;padding:0 2px;line-height:1.2}
.ico.sel span{background:var(--rust);text-shadow:none;outline:1px dotted var(--hare)}

.face{background:
   repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 2px),
   linear-gradient(180deg,var(--steel-hi) -40%,var(--face) 35%,var(--face) 70%,#8d9397 140%)}
.out{border:2px solid;border-color:var(--steel-hi) var(--steel-xx) var(--steel-xx) var(--steel-hi);box-shadow:inset -1px -1px 0 var(--steel-lo),inset 1px 1px 0 rgba(255,255,255,.5)}
.in{border:2px solid;border-color:var(--steel-lo) var(--steel-hi) var(--steel-hi) var(--steel-lo);box-shadow:inset 1px 1px 0 var(--steel-xx)}
.btn{min-height:24px;padding:2px 10px;cursor:pointer;background:var(--face);border:2px solid;
  border-color:var(--steel-hi) var(--steel-xx) var(--steel-xx) var(--steel-hi);box-shadow:inset -1px -1px 0 var(--steel-lo);white-space:nowrap}
.btn:active,.btn.on{border-color:var(--steel-xx) var(--steel-hi) var(--steel-hi) var(--steel-xx);box-shadow:inset 1px 1px 0 var(--steel-lo);padding:3px 9px 1px 11px}
.btn.rust{background:linear-gradient(180deg,var(--rust-hi),var(--rust));color:#fff6dc;border-color:#e08a4c var(--rust-dk) var(--rust-dk) #e08a4c;box-shadow:inset -1px -1px 0 #5e2509}
.btn:disabled{color:var(--steel-lo);cursor:default}
input[type=text],input[type=number],input[type=password],input[type=tel],input[type=datetime-local],select,textarea{
  background:var(--paper);border:2px solid;border-color:var(--steel-lo) var(--steel-hi) var(--steel-hi) var(--steel-lo);box-shadow:inset 1px 1px 0 var(--steel-xx);
  padding:3px 5px;min-height:24px;border-radius:0;width:100%;min-width:0}
textarea{font:15px/1.5 var(--type);resize:none}
label.f{display:flex;flex-direction:column;gap:2px;font-size:12px}
.chk{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}
.chk input{accent-color:var(--rust)}
fieldset{border:2px groove var(--steel-hi);padding:8px 10px 10px;margin:0 0 10px;min-width:0}
legend{padding:0 4px;font-size:12px;font-weight:700}

.win{position:absolute;display:flex;flex-direction:column;min-width:260px;min-height:160px;max-width:100%;max-height:100%;padding:3px;z-index:5}
.win[hidden]{display:none}
.tb{display:flex;align-items:center;gap:6px;height:24px;padding:0 3px 0 5px;cursor:move;user-select:none;touch-action:none;
  background:linear-gradient(90deg,#4e5357,#7b8186);color:#d6d9db}
.win.act .tb{background:linear-gradient(90deg,var(--rust-dk),var(--rust) 55%,var(--rust-hi));color:var(--hare)}
.tb svg,.tb img{width:16px;height:16px;flex:none}
.tb b{flex:1;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 rgba(0,0,0,.5)}
.tb button{width:20px;height:18px;padding:0;display:grid;place-items:center;font:700 11px/1 var(--ui);color:var(--ink);background:var(--face);cursor:pointer;
  border:2px solid;border-color:var(--steel-hi) var(--steel-xx) var(--steel-xx) var(--steel-hi)}
.tb button:active{border-color:var(--steel-xx) var(--steel-hi) var(--steel-hi) var(--steel-xx)}
.wb{flex:1;overflow:auto;padding:10px;margin-top:2px}
.win.max{left:0!important;top:0!important;width:100%!important;height:100%!important}
.grip{position:absolute;right:2px;bottom:2px;width:14px;height:14px;cursor:nwse-resize;touch-action:none;
  background:linear-gradient(135deg,transparent 45%,var(--steel-lo) 45% 52%,transparent 52% 62%,var(--steel-lo) 62% 69%,transparent 69% 79%,var(--steel-lo) 79% 86%,transparent 86%)}
.win.max .grip{display:none}
.status{display:flex;gap:2px;margin-top:2px;font-size:11.5px}
.status span{padding:1px 6px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#bar{height:38px;display:flex;align-items:center;gap:4px;padding:3px 4px;z-index:9000;border-top:2px solid var(--steel-hi);position:relative}
#start{display:flex;align-items:center;gap:5px;font-weight:700;height:30px}
#start img{width:24px;height:24px}
#tasks{flex:1;display:flex;gap:3px;overflow-x:auto;min-width:0;scrollbar-width:none}
#tasks .btn{display:flex;align-items:center;gap:5px;max-width:170px;min-width:0;font-size:12px;height:28px;flex:0 1 170px}
#tasks .btn svg{width:16px;height:16px;flex:none}
#tasks .btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tray{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:12px;white-space:nowrap}
#sync{display:flex;align-items:center;gap:4px}
#sync i{width:8px;height:8px;border-radius:50%;background:var(--hare);box-shadow:0 0 0 1px #000}
#sync.cloud i{background:#7fbf4a}
#startMenu{position:absolute;left:4px;bottom:40px;width:270px;max-height:calc(100% - 50px);display:flex;z-index:9500;padding:2px}
#startMenu[hidden]{display:none}
#startMenu .side{width:34px;flex:none;background:linear-gradient(0deg,var(--rust-dk),var(--rust));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:8px}
#startMenu .side img{width:30px;height:30px}
#startMenu .side b{writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px var(--stamp);color:var(--hare);letter-spacing:1px}
#startMenu ul{list-style:none;margin:0;padding:2px 0;flex:1;overflow:auto}
#startMenu li.h{padding:6px 8px 2px;font-size:11px;color:var(--steel-xx);opacity:.75}
#startMenu li button{display:flex;align-items:center;gap:10px;width:100%;padding:4px 8px;background:none;border:0;text-align:left;cursor:pointer;font-size:13px}
#startMenu li button svg{width:22px;height:22px;flex:none}
#startMenu li button:hover,#startMenu li button:focus-visible{background:var(--rust);color:#fff6dc;outline:none}
#startMenu hr{border:0;border-top:1px solid var(--steel-lo);border-bottom:1px solid var(--steel-hi);margin:3px 4px}

.split{display:flex;gap:8px;height:100%}
.list{width:180px;flex:none;overflow:auto;background:var(--paper)}
.list button{display:block;width:100%;text-align:left;padding:5px 7px;border:0;border-bottom:1px dashed #b9ae94;background:none;cursor:pointer}
.list button.on{background:var(--rust);color:#fff6dc}
.list small{display:block;opacity:.75;font-size:10.5px}
.col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:auto}
.lined{flex:1;min-height:140px;background:repeating-linear-gradient(180deg,transparent 0 21.5px,rgba(138,59,18,.18) 21.5px 22.5px),var(--paper);line-height:22.5px;padding-top:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.tw{overflow-x:auto;background:var(--paper)}
table{border-collapse:collapse;width:100%;font-size:12.5px}
th{position:sticky;top:0;background:var(--face);text-align:left;font-weight:400;padding:3px 6px;border:1px solid;border-color:var(--steel-hi) var(--steel-lo) var(--steel-lo) var(--steel-hi);white-space:nowrap}
td{padding:5px 6px;border-bottom:1px dashed #b9ae94;vertical-align:top}
td.n{text-align:right;white-space:nowrap;font-family:var(--type);font-weight:700}
td.n.neg{color:var(--bad)}
.tag{display:inline-block;padding:0 5px;font-size:10.5px;line-height:16px;color:#fff6dc;background:var(--steel-lo);white-space:nowrap}
.tag.nowe{background:#5b6166}.tag.trasa{background:var(--rust)}.tag.dowiezione{background:var(--ok)}.tag.zawalone,.tag.late{background:var(--bad)}
.tag.odd{background:#2b2f33;color:var(--hare)}
.acts{display:flex;gap:3px;flex-wrap:wrap}
.acts .btn{min-height:20px;padding:0 6px;font-size:11.5px}
.ev{margin-top:4px;font:12.5px/1.4 var(--type);color:var(--rust-dk);border-left:3px solid var(--rust);padding-left:6px}
.empty{padding:22px 10px;text-align:center;color:#5c5446;font:14px var(--type)}
.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sp{flex:1}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin-bottom:10px}
.stats div{padding:6px 8px;background:var(--paper)}
.stats b{display:block;font:700 19px var(--type)}
.stats small{font-size:11px}
.tabs{display:flex;gap:2px;margin-bottom:-2px;position:relative;z-index:1}
.tabs button{padding:3px 12px;background:var(--face);border:2px solid;border-bottom:0;border-color:var(--steel-hi) var(--steel-xx) transparent var(--steel-hi);cursor:pointer}
.tabs button.on{padding-bottom:5px;margin-top:-2px;background:var(--face);font-weight:700}
.tabpane{border:2px solid;border-color:var(--steel-hi) var(--steel-xx) var(--steel-xx) var(--steel-hi);padding:10px}
.quote{background:var(--paper);padding:10px 12px;font:13.5px/1.55 var(--type)}
.quote .ln{display:flex;justify-content:space-between;gap:10px}
.quote .tot{border-top:2px solid var(--ink);margin-top:6px;padding-top:4px;font-weight:700;font-size:17px}
.day{font-weight:700;margin:10px 0 4px;padding-bottom:2px;border-bottom:2px groove var(--steel-hi)}
.day:first-child{margin-top:0}
.item{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;background:var(--paper);margin-bottom:4px}
.item .tm{font:700 14px var(--type);width:48px;flex:none}
.item .tx{flex:1;min-width:0}
.item small{display:block;color:#5c5446}
.moods{display:flex;gap:4px;flex-wrap:wrap}
.lever{display:block;width:100%;margin:12px 0;padding:10px;font-weight:700;font-size:14px}
.card{background:var(--paper);padding:14px 14px 12px;font:16px/1.5 var(--type);min-height:110px}
.card .k{font-size:11px;color:var(--rust);font-family:var(--ui);font-weight:700}
.card.shake{animation:shk .35s}
@keyframes shk{20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,0)}80%{transform:translate(2px,1px)}}
.hist{margin-top:10px;font-size:12px;max-height:150px;overflow:auto}
.hist div{padding:3px 0;border-bottom:1px dashed var(--steel-lo)}
.part{display:grid;grid-template-columns:100px 1fr 70px;gap:8px;align-items:center;margin-bottom:5px}
.meter{height:16px;padding:2px;display:flex;gap:2px;background:var(--paper)}
.meter i{flex:1;background:var(--ok)}
.meter i.off{background:transparent}
.meter.mid i{background:var(--mid)}.meter.low i{background:var(--bad)}
input[type=range]{width:100%;accent-color:var(--rust)}
.rules{background:var(--paper);padding:16px 18px;font:15px/1.6 var(--type);max-width:62ch}
.rules h3{margin:0 0 4px;font-size:15px;color:var(--rust)}
.rules ol{padding-left:22px;margin:10px 0}
.rules li{margin-bottom:8px}
.rules p{margin:6px 0;font-size:13px;color:#5c5446}
/* documents */
.doc{background:#fbf8ef;color:#141210;padding:24px 26px;font:13px/1.5 var(--type);max-width:660px;margin:0 auto;box-shadow:2px 3px 0 rgba(0,0,0,.35)}
.doc .hd{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:3px double #141210;padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap}
.doc .hd img{width:150px;height:auto}
.doc .hd .co{text-align:right;font-size:12px}
.doc h2{font-size:17px;margin:0 0 2px;letter-spacing:.5px}
.doc .no{font-size:12px;margin-bottom:12px}
.doc .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.doc .box{border:1px solid #141210;padding:6px 8px;min-height:54px}
.doc .box small{display:block;font-size:10.5px;text-transform:none;opacity:.75}
.doc table{font-size:12.5px;margin-bottom:12px}
.doc th{background:none;border:1px solid #141210;position:static}
.doc td{border:1px solid #141210}
.doc .sig{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.doc .sig>div{font-size:11px;text-align:center}
.doc .sig.three{grid-template-columns:1fr 1fr 1fr;gap:18px}
.doc .sig .sg{height:56px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}
.doc .sig .sg img{max-height:54px;max-width:100%}
.doc .sig .sl{border-top:1px dotted #141210;padding-top:3px}
.doc .rcv{font:italic 16px var(--type)}
.doc .ft{margin-top:14px;font-size:10.5px;opacity:.7;text-align:center}
.doc .paid{display:inline-block;border:2px solid var(--ok);color:var(--ok);padding:1px 8px;transform:rotate(-4deg);font-weight:700}
/* overlays */
.dlg-wrap{position:absolute;inset:0;display:grid;place-items:center;z-index:99000;background:rgba(0,0,0,.25)}
.dlg{width:min(360px,92%);padding:3px}
.dlg .wb{display:flex;gap:12px;align-items:flex-start;flex:none}
.dlg .wb svg{width:36px;height:36px;flex:none}
.dlg .wb input{margin-top:8px}
.dlg .ft{display:flex;justify-content:center;gap:6px;padding:8px}
#boot,#lock,#login{position:fixed;inset:0;z-index:99999;background:#0d0a08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
#boot{cursor:pointer}
#boot .bootlogo,#lock .bootlogo,#login .bootlogo{width:min(380px,80vw);height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.8))}
#boot h1{margin:0;font:700 15px var(--stamp);color:var(--hare);letter-spacing:2px}
#boot p{margin:0;font:12px var(--ui);color:#9c917c}
#boot .pb{width:220px;height:16px;padding:2px;border:2px solid #6d7378;display:flex;gap:2px}
#boot .pb i{width:12px;background:var(--rust-hi);opacity:0}
#boot.go .pb i{animation:blk .07s forwards}
@keyframes blk{to{opacity:1}}
#boot.out{opacity:0;transition:opacity .35s}
#lock[hidden],#login[hidden]{display:none}
#lock .lk{width:min(320px,90%);padding:3px}
#lock .lk .wb{display:flex;flex-direction:column;gap:8px}
@media (prefers-reduced-motion:reduce){#boot.out{transition:none}.card.shake{animation:none}}
@media (max-width:640px){
  .ico{width:72px}
  .split{flex-direction:column}.list{width:100%;max-height:130px}
  #markText{display:none}
  #tray .clk-d{display:none}
  .doc .two,.doc .sig,.doc .sig.three{grid-template-columns:1fr}
}
@media print{
  body{display:block;background:#fff;overflow:visible;height:auto}
  body>*:not(#printArea){display:none!important}
  #printArea{display:block}
  #printArea .doc{box-shadow:none;max-width:none}
}

#login .lk{width:min(360px,92%);padding:3px}
#login .lk .wb{display:flex;flex-direction:column;gap:8px}
#login small,#lock small{min-height:1em;color:#3a2a20}
#login .ok{color:var(--ok);font-weight:700}
.btn[hidden]{display:none}
input:disabled,select:disabled,textarea:disabled{color:#3a352c;opacity:.85}
.ro{font-size:11px;padding:2px 6px;background:var(--paper);display:inline-block;margin-bottom:6px}
#toasts{position:absolute;right:8px;bottom:8px;z-index:99500;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}
.toast{pointer-events:auto;max-width:320px;padding:3px}
.toast .wb{padding:8px 10px;font-size:12.5px;margin:0}
.toast.err .tb{background:linear-gradient(90deg,#5e1408,var(--bad))}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8d9397;box-shadow:0 0 0 1px #000;margin-right:4px}
.dot.on{background:#7fbf4a}
.badge{display:inline-block;min-width:18px;padding:0 5px;background:var(--bad);color:#fff;font-size:10.5px;line-height:16px;text-align:center;border-radius:8px;margin-left:4px}
.ico .badge{position:absolute;margin:0;transform:translate(16px,-4px)}
.ico{position:absolute;pointer-events:auto;touch-action:none;user-select:none}
.ico.dragging{opacity:.75;z-index:3;outline:1px dotted var(--hare)}
/* matrix */
.perm td,.perm th{text-align:center}
.perm td:first-child,.perm th:first-child{text-align:left}
.perm input{accent-color:var(--rust)}
.ed td{padding:3px 4px}
.ed input,.ed select{min-height:22px;padding:2px 4px}
.ed .x{min-height:20px;padding:0 6px}
.dirty{background:var(--hare);padding:1px 6px;font-size:11.5px;font-weight:700}
/* map */
.mapwrap{display:flex;height:100%;min-height:300px}
.mapside{width:230px;flex:none;display:flex;flex-direction:column;gap:6px;padding:8px;overflow:auto}
.mapcv{flex:1;position:relative;background:#1b2a33}
.mapcv .leaflet-container{background:#22323c;font-family:var(--ui)}
#mcv{position:absolute;inset:0}
.mapmsg{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:800;padding:4px 10px;background:var(--paper);border:2px solid var(--rust);font-size:12px;pointer-events:none;white-space:nowrap}
.mapmsg[hidden]{display:none}
.maplist{background:var(--paper);flex:1;overflow:auto;min-height:80px}
.maplist button{display:flex;gap:6px;align-items:center;width:100%;text-align:left;padding:4px 6px;border:0;border-bottom:1px dashed #b9ae94;background:none;cursor:pointer;font-size:12px}
.maplist button.on{background:var(--rust);color:#fff6dc}
.maplist i{width:10px;height:10px;flex:none;border:1px solid #000;border-radius:50%}
.maplist small{opacity:.75;margin-left:auto;white-space:nowrap}
.leaflet-tooltip.mh{background:var(--paper);border:2px solid var(--steel-xx);border-radius:0;font:12px var(--ui);box-shadow:2px 2px 0 rgba(0,0,0,.4);padding:2px 6px}
.leaflet-popup-content-wrapper{border-radius:0!important;background:var(--paper)!important;border:2px solid var(--steel-xx)}
.leaflet-popup-content{margin:8px 10px!important;font:12.5px/1.4 var(--ui)}
.leaflet-popup-tip{background:var(--paper)!important}
.vtx{width:12px!important;height:12px!important;margin:-6px 0 0 -6px!important;background:var(--hare);border:2px solid #000;border-radius:2px;cursor:move}
@media (max-width:640px){.mapwrap{flex-direction:column}.mapside{width:100%;max-height:40%}}

.lgtabs{margin:6px 6px -2px}
#login .lk .tabpane{margin:0 6px 6px;background:transparent}

.doc .sig{align-items:end}
.doc .sig .rbox{text-align:left;font-size:13px;min-height:0;margin-bottom:6px}
.doc .sig .rbox small{font-size:10.5px}

/* ---------- tapety ---------- */
.wp[data-wall=rust]{background:
    radial-gradient(ellipse 40% 30% at 18% 22%,rgba(194,97,31,.55),transparent 70%),
    radial-gradient(ellipse 35% 45% at 82% 70%,rgba(138,59,18,.6),transparent 70%),
    radial-gradient(ellipse 25% 20% at 60% 18%,rgba(90,40,14,.5),transparent 70%),
    radial-gradient(ellipse 30% 25% at 30% 85%,rgba(160,80,30,.35),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),
    linear-gradient(160deg,var(--desk1),var(--desk2))}
.wp[data-wall=steel]{background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),radial-gradient(ellipse 60% 40% at 30% 20%,rgba(255,255,255,.12),transparent 70%),linear-gradient(160deg,#6f767c,#3b4045 60%,#24282c)}
.wp[data-wall=plate]{background:repeating-linear-gradient(45deg,rgba(255,255,255,.10) 0 5px,transparent 5px 20px),repeating-linear-gradient(-45deg,rgba(0,0,0,.28) 0 5px,transparent 5px 20px),linear-gradient(160deg,#848b90,#41464a 70%,#2c3033)}
.wp[data-wall=night]{background:radial-gradient(ellipse 22% 16% at 78% 14%,rgba(242,170,60,.45),transparent 70%),radial-gradient(ellipse 14% 10% at 22% 30%,rgba(242,170,60,.25),transparent 70%),radial-gradient(ellipse 70% 40% at 30% 105%,rgba(194,97,31,.3),transparent 70%),linear-gradient(180deg,#0a111d,#141b26 55%,#1d1712)}
.wp[data-wall=desert]{background:radial-gradient(ellipse 45% 28% at 72% 18%,rgba(255,226,160,.6),transparent 70%),radial-gradient(ellipse 80% 30% at 50% 100%,rgba(70,35,15,.6),transparent 70%),linear-gradient(180deg,#e2ae68 0%,#bd7a3e 50%,#6b3d1e 100%)}
.wp[data-wall=blueprint]{background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px) 0 0/120px 120px,#1d3f6e}
.wp[data-wall=classic]{background:#008080}
.wp[data-wall=coal]{background:radial-gradient(ellipse 50% 40% at 50% 45%,#2a2a2a,transparent 75%),#111}
#desk[data-wall=classic]::before,#desk[data-wall=blueprint]::before,#desk[data-wall=coal]::before{display:none}
#desk.nologo #mark,#desk.nologo #markText{display:none}
.walls{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.walls button{padding:0;border:2px solid;border-color:var(--steel-lo) var(--steel-hi) var(--steel-hi) var(--steel-lo);background:none;cursor:pointer;text-align:center;font-size:11px}
.walls button.on{outline:3px solid var(--rust);outline-offset:1px}
.walls .wprev{display:block;height:54px}
.walls span{display:block;padding:2px;background:var(--face)}
.skins{display:flex;flex-wrap:wrap;gap:6px}
.skins button{display:flex;align-items:center;gap:6px}
.skins i{display:inline-block;width:34px;height:12px;border:1px solid #000}
/* ---------- motywy ---------- */
:root[data-skin=steel]{--rust:#3f5566;--rust-hi:#6b8396;--rust-dk:#1f2b35;--hare:#eef3f6}
:root[data-skin=classic]{--rust:#000080;--rust-hi:#1084d0;--rust-dk:#000060;--hare:#ffffff;--face:#c0c0c0;--steel-hi:#ffffff;--steel-lo:#808080;--steel-xx:#000000;--paper:#ffffff}
:root[data-skin=army]{--rust:#4b5320;--rust-hi:#7a8450;--rust-dk:#2b3012;--hare:#ecdc84;--face:#a9ab94;--steel-hi:#d6d8c4;--paper:#ece9d8}
:root[data-skin=blood]{--rust:#7a1010;--rust-hi:#b42020;--rust-dk:#3d0606;--hare:#f2c230}
:root[data-skin=night]{--face:#4a4f54;--steel-hi:#7d848a;--steel-lo:#2a2e32;--steel-xx:#0c0e10;--paper:#2d2b27;--ink:#e8dfca;--rust:#a0481a;--rust-hi:#d26a28;--rust-dk:#5a2208}
:root[data-skin=night] .empty,:root[data-skin=night] .rules p,:root[data-skin=night] .item small,:root[data-skin=night] .stats small,:root[data-skin=night] #startMenu li.h{color:#c3b89e}
:root[data-skin=night] .ev{color:#e8a064}
:root[data-skin=night] .list button,:root[data-skin=night] td,:root[data-skin=night] .maplist button{border-color:#4d4a42}
:root[data-skin=night] .card .k{color:#e8a064}