@font-face{src:url(./MP16REG-DSG5hEHL.ttf);font-family:MisterPixelSixteen}@font-face{font-style:normal;src:url(./MP16REG-DSG5hEHL.ttf);font-family:MisterPixelSixteen;font-display:swap;font-optical-sizing:auto;font-variation-settings:"wdth" 100}:root{font-family:MisterPixelSixteen,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;--color: #21c921;--color-dark: #208520;--color-bright: #1cff1c;--accent: #163c3e;color:var(--color);letter-spacing:2px}html,body{margin:0;padding:0}html{width:100%;min-height:100vh;background:linear-gradient(to bottom,#0d1323,#142403 90%,#17153b)}.layout{padding:40px;display:grid;grid-template-columns:200px 1fr;gap:20px;min-height:100vh}.layout .controls{display:flex;flex-direction:column;gap:20px;border-bottom:1px solid var(--color-dark)}.equipmentList{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.equipmentList:has(>.group){display:flex;flex-direction:column}.group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.group .title{font-size:120%;font-weight:700;column-span:99;grid-column-start:1;grid-column-end:-1}.equipmentCard{display:flex;flex-direction:column;gap:20px;outline:var(--color-dark) 1px dashed;padding:20px;align-items:center;transition:all .3s ease-out}.equipmentCard .name span{text-transform:uppercase;color:var(--color-bright);text-decoration:underline}.equipmentCard.armed{outline-color:var(--color-bright);outline-style:solid;background:linear-gradient(93deg,var(--accent) 50%,transparent 10%)}.equipmentCard b{font-size:1.3rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;align-self:flex-start}.equipmentCard .equipmentImage{width:100px;aspect-ratio:1/1;image-rendering:pixelated}.equipmentCard .stats{display:grid;align-self:stretch;grid-template-columns:1fr 1fr;justify-content:space-between;color:var(--color-dark)}.equipmentCard .stats span{text-align:right;color:var(--color-bright)}.equipmentCard.notOwned{filter:grayscale(1);cursor:not-allowed}.equipmentCard button{all:unset;padding:10px 30px;display:flex;align-items:center;justify-content:center;outline:var(--color-dark) 1px solid;align-self:stretch;cursor:pointer}.equipmentCard button.armed{outline-color:var(--color-bright);background:repeating-linear-gradient(to bottom,var(--color-dark) 0 1px,transparent 1px 2px);box-shadow:0 0 30px #000 inset;text-shadow:1px 1px 2px #000}#eventStream{position:sticky;bottom:10px;margin:10px;max-height:200px;overflow:auto;background:repeating-linear-gradient(to bottom,var(--accent) 0 1px,transparent 1px 2px);box-shadow:0 0 30px #000 inset;padding:20px;outline:var(--color-dark) 1px solid;display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scroll-behavior:smooth}.event button{all:unset;cursor:pointer;font-weight:700}.event .eventProps{display:grid;grid-template-columns:min-content 1fr;gap:5px 20px;font-size:80%;text-wrap:pre-line;margin-left:20px;margin-top:5px;color:var(--color-dark);transition:all .1s ease-out}.event:hover .eventProps{color:var(--color)}.event:not(.expanded) button:after{content:" (...)"}.event:not(.expanded) .eventProps{display:none}
