/* Herbino BIT v1.1: opt-in visual adapter only.
   Enabled only by https://herbino.pro/?bit=1 ; never changes domain state, wallets or map geometry.
   Source material builder: /srv/herbino/server/scripts/bit_materials_texture_builder.py */
html[data-bit-materials="v1"]{
 --bit-paper:#f8efd9;--bit-wood:#8b623b;--bit-outline:#a88859;
 --bit-forest:#294b32;--bit-moss:#628353;--bit-ink:#283729;
 --bit-texture-paper:url("/bit-materials-v1/assets/papir.webp");
 --bit-texture-parchment:url("/bit-materials-v1/assets/pergamen.webp");
 --bit-texture-wood:url("/bit-materials-v1/assets/dub.webp");
 --bit-texture-soil:url("/bit-materials-v1/assets/hlina.webp");
 --bit-texture-leaf:url("/bit-materials-v1/assets/list.webp");
 --bit-texture-moss:url("/bit-materials-v1/assets/mech.webp");
}
html[data-bit-materials="v1"] body{
 background-color:#f0e6cb;
 background-image:var(--bit-texture-parchment);
}
html[data-bit-materials="v1"] .topbar{
 background-color:#f6edd7;
 background-image:linear-gradient(90deg,#fff4dcaa,#f7e4c0c8),var(--bit-texture-paper);
 border-bottom:3px solid #ab8b58;
 box-shadow:0 3px 12px #2e271b20;
}
html[data-bit-materials="v1"] .button:not(.button-outline),
html[data-bit-materials="v1"] .piece-filter[aria-pressed="true"]{
 border:1px solid #1b4029;
 border-radius:11px;
 box-shadow:inset 0 1px 1px #a6c7a36e,0 3px 0 #1c3825;
}
html[data-bit-materials="v1"] .identity-plate,
html[data-bit-materials="v1"] .fieldbook,
html[data-bit-materials="v1"] .home-discover-card,
html[data-bit-materials="v1"] .piece-inspector,
html[data-bit-materials="v1"] .piece-balance,
html[data-bit-materials="v1"] .piece-card{
 background-color:var(--bit-paper);
 background-image:var(--bit-texture-paper);
 background-repeat:repeat;
 border-color:#bba777;
}
html[data-bit-materials="v1"] .piece-card{
 border:2px solid #a78b5e;
 border-radius:15px;
 box-shadow:inset 0 2px 1px #fffef89c,0 7px 0 #9d835a,0 12px 12px #493b2526;
}
html[data-bit-materials="v1"] .piece-card.is-selected{
 outline:3px solid #446f42;outline-offset:3px;
}
html[data-bit-materials="v1"] .piece-art{
 position:relative;isolation:isolate;
 background:transparent;
 overflow:visible;
 padding:11%;
}
html[data-bit-materials="v1"] .piece-art::before{
 content:"";pointer-events:none;
 position:absolute;z-index:0;inset:0;
 background:url("/bit-materials-v1/assets/dilek_papir.webp") center / contain no-repeat;
 filter:drop-shadow(0 4px 4px #44321d30);
}
html[data-bit-materials="v1"] .piece-art img{
 position:relative;z-index:1;
 width:82%;height:82%;object-fit:contain;
 filter:drop-shadow(0 2px 3px #22341d2e);
 margin:auto;
}
html[data-bit-materials="v1"] .piece-card.is-locked .piece-art::before{
 background-image:url("/bit-materials-v1/assets/dilek_kamen.webp");
}
html[data-bit-materials="v1"] .piece-owned{
 border-radius:7px;
 border:1px solid #8da37155;
}
html[data-bit-materials="v1"] .piece-board{
 border:11px solid #8d6741;
 border-radius:17px;
 box-shadow:inset 0 5px 20px #1f170c55,0 6px 13px #422d1c29;
 background-image:linear-gradient(#f1e5ca26,#f1e5ca15),var(--bit-texture-soil);
}
html[data-bit-materials="v1"] .piece-board.is-drop-target{
 outline:3px solid #a7d987;
 outline-offset:2px;
}
html[data-bit-materials="v1"] .piece-placement-art{
 background:transparent url("/bit-materials-v1/assets/dilek_dub.webp") center/contain no-repeat;
 filter:drop-shadow(0 6px 7px #2b231c6e);
}
html[data-bit-materials="v1"] .piece-inspector{
 border:2px solid #aa915c;
 border-radius:14px;
 box-shadow:0 7px 0 #ac98708a;
}
html[data-bit-materials="v1"] .piece-search,
html[data-bit-materials="v1"] .piece-filter{
 border-radius:10px;
 background-color:#fff9ed;
}
html[data-bit-materials="v1"] .piece-placement-tools{z-index:10}
html[data-bit-materials="v1"] .piece-mini-btn{min-width:32px;min-height:32px;border-radius:6px}
html[data-bit-materials="v1"]::after{
 content:"BIT TEXTURY · NÁHLED";
 position:fixed;right:8px;bottom:9px;z-index:999;
 padding:5px 9px;border-radius:8px;
 background:#1e462ee8;color:white;
 font:600 10px/1.25 system-ui,sans-serif;
 pointer-events:none;
}
@media(max-width:720px){
 html[data-bit-materials="v1"] .piece-card{box-shadow:0 4px 0 #9d835a,0 7px 9px #43332424}
 html[data-bit-materials="v1"] .piece-art{padding:7%}
 html[data-bit-materials="v1"] .piece-art img{width:88%;height:88%}
 html[data-bit-materials="v1"] .piece-board{border-width:7px}
 html[data-bit-materials="v1"]::after{bottom:82px;right:8px;opacity:.8}
}
@media(prefers-reduced-motion:reduce){
 html[data-bit-materials="v1"] .piece-card,
 html[data-bit-materials="v1"] .piece-card *{transition:none!important}
}