/* Integration styles for Minecraft-CSS. Upstream component files are unmodified.
   Source and MPL-2.0 license: ./vendor/minecraft-css/ */
:root{--spacing-sm:.5rem;--spacing-md:1rem;--btn-primary-inner-color:#4d842f;--btn-primary-inner-hover-color:#609b3d;--btn-primary-inner-shadow-color:#2f541c;--btn-primary-inner-border-lt-color:#83b35b;--btn-primary-inner-border-br-color:#659445;--btn-normal-inner-color:#d5d6ca;--btn-normal-border-color:#34402d;--btn-normal-inner-border-lt-color:#ffffef;--btn-normal-inner-border-br-color:#8a927e;--btn-normal-text-color:#34402d;--btn-normal-inner-hover-color:#b9d29b;--btn-normal-border-hover-color:#435536;--btn-normal-inner-border-lt-hover-color:#e4f7cd;--btn-normal-inner-border-br-hover-color:#71845b;--btn-normal-text-hover-color:#253c30}
.button-primary,.button-normal,.button-normal:hover,.form-input{font-family:inherit;letter-spacing:0;transition:none;border-radius:0}
.button{margin:0}.button-primary{display:inline-flex;padding:10px 20px 16px;font-size:12px;min-height:46px;color:#fff;text-shadow:1px 2px #183414;font-weight:700}
.button-primary:hover{transform:none;box-shadow:inset 0 -6px var(--btn-primary-inner-shadow-color),inset 3px 3px var(--btn-primary-inner-border-lt-color),inset -3px -9px var(--btn-primary-inner-border-br-color)}
.button-primary:active{box-shadow:inset 3px 3px var(--btn-primary-inner-border-lt-color),inset -3px -3px var(--btn-primary-inner-border-br-color);transform:translateY(2px)}
.button-normal:hover{transform:none}.button-normal:active{box-shadow:inset 2px 2px var(--btn-normal-inner-border-br-color),inset -2px -2px var(--btn-normal-inner-border-lt-color);transform:translateY(1px)}
.icon-button.button-normal{display:inline-grid;padding:0;height:36px;width:36px;flex-shrink:0}.admin-link.button-normal{padding:10px 14px;min-height:38px}
.tabs{gap:7px}.tab.button-normal{padding:8px 14px;font-size:11px;min-height:36px}.tab.active{background:#4d842f;color:#fff;border-color:#34402d;box-shadow:inset 2px 2px #90ba68,inset -2px -2px #2f541c;text-shadow:1px 1px #234313}
.search{border:0;background:transparent;padding:0;position:relative;height:36px}.search>svg{position:absolute;left:10px;color:#7c8c6a;pointer-events:none;z-index:1}.search .form-input{padding:4px 10px 4px 33px;font-size:11px;height:36px;width:230px;background:#e6e9dc;color:#253c30;border:2px solid #65735b;box-shadow:inset 3px 3px #bec8b0,inset -2px -2px #fdfef3}.search input::placeholder{color:#627353}
.form-input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tools select.form-input{font-size:11px;padding:4px 9px;width:auto;height:36px;background:#e6e9dc;color:#253c30;border:2px solid #65735b;box-shadow:inset 2px 2px #bec8b0}
.node-card{background:var(--surface);border:2px solid #718362;border-top:5px solid #7a9c55;box-shadow:inset 3px 3px #ffffff70,inset -3px -3px #71836230,4px 4px var(--shadow);padding:19px}.node-card.offline{border-top-color:#899183}.node-card.unknown{border-top-color:var(--orange)}
.node-emblem{width:54px;height:46px;background:#c8cbbb;border:2px solid #526044;box-shadow:inset 2px 2px #8a967d,inset -2px -2px #f5f7e9;position:relative;overflow:hidden}.pixel-flag{display:block;width:40px;height:30px;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:1px 1px #0004}.node-emblem .flag-unknown{width:30px;height:30px}.node-emblem .flag-code{position:absolute;right:1px;bottom:0;font-size:8px;line-height:11px;background:#243420e0;color:#fff;padding:0 2px}.offline .pixel-flag{filter:saturate(.4)}.node-identity{gap:11px}.card-heading{min-height:46px}
.meter-track{height:10px;border:2px solid #526044;box-shadow:0 1px #ffffff60;background:#26351c;padding:1px}.meter-fill{background:repeating-linear-gradient(90deg,#80bd36 0,#80bd36 6px,#466f24 6px,#466f24 8px);box-shadow:inset 0 1px #c5e864}.meter-fill.medium{background:repeating-linear-gradient(90deg,#dbac45 0,#dbac45 6px,#8f691e 6px,#8f691e 8px);box-shadow:inset 0 1px #ffe6a1}.meter-fill.high{background:repeating-linear-gradient(90deg,#db7950 0,#db7950 6px,#8c3c26 6px,#8c3c26 8px);box-shadow:inset 0 1px #ffb183}
dialog{border:3px solid #34402d;box-shadow:inset 4px 4px #ffffff70,inset -4px -4px #71836260,7px 7px #0004}.dialog-heading{border-bottom:2px solid var(--line);padding-bottom:15px}.flag-detail{display:inline-block;vertical-align:middle;margin-right:10px;width:40px;height:30px;image-rendering:pixelated;border:1px solid var(--line)}
.footer .credits{font-size:9px;text-decoration:underline;text-underline-offset:3px}.sound-mobile{display:none}
:root[data-appearance=dark]{--btn-normal-inner-color:#51574a;--btn-normal-inner-border-lt-color:#7e8b6e;--btn-normal-inner-border-br-color:#2a3324;--btn-normal-text-color:#edf2df;--btn-normal-inner-hover-color:#658349;--btn-normal-text-hover-color:#fff;--btn-normal-inner-border-lt-hover-color:#8ea97a;--btn-normal-inner-border-br-hover-color:#384f28}
:root[data-appearance=dark] .search .form-input,:root[data-appearance=dark] .tools select.form-input{background:#1d281b;color:#dfe8d0;box-shadow:inset 3px 3px #101a0c,inset -2px -2px #3b4a31;border-color:#5a6b4b}:root[data-appearance=dark] .search input::placeholder{color:#a3b791}:root[data-appearance=dark] .node-card{box-shadow:inset 3px 3px #84967525,inset -3px -3px #0a130b90,4px 4px var(--shadow)}:root[data-appearance=dark] .node-emblem{background:#38432e;box-shadow:inset 2px 2px #172210,inset -2px -2px #68785a}
@media(max-width:1050px){.search .form-input{width:185px}.nav-wrap nav{gap:12px}.node-card{padding:16px}}
@media(max-width:700px){.nav-wrap{flex-wrap:wrap;padding:14px 18px;gap:12px}.brand{flex:1}.nav-wrap nav{gap:6px}.nav-current,.nav-divider{display:none}.admin-link.button-normal{padding:7px 9px;font-size:10px;min-height:36px}.hero-copy .button-primary{padding:9px 16px 15px}.tools .search{flex:1;min-width:80px}.search .form-input{width:100%}.tools select.form-input{max-width:100px;min-width:0;font-size:10px}.node-name{max-width:100%}.node-emblem{width:54px;flex-shrink:0}.toolbar .icon-button{width:32px}.tab.button-normal{padding:7px 12px}.footer{align-items:flex-start}.footer small{width:100%}}
@media(max-width:400px){.nav-wrap{padding:12px}.brand strong{font-size:14px}.brand small{font-size:6px}.brand img{width:26px}.nav-wrap .admin-link{gap:4px;padding:7px}.nav-wrap .admin-link span{display:none}.nav-wrap .icon-button{width:30px}.nav-wrap nav{gap:5px}.node-card{padding:15px}.tools{flex-wrap:wrap}.tools .search{flex-basis:100%}.tools select.form-input{flex:1;max-width:none}}
@media(prefers-reduced-motion:reduce){.button-primary:active,.button-normal:active{transform:none;top:0}}
.node-card{min-width:0}.node-grid.list{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.node-grid{grid-template-columns:minmax(0,1fr)}.node-identity>div{overflow:hidden}.meter-label{gap:8px}.meter-label strong{text-align:right}}