:root{--primary:#432423;--grey-light:#f1f3f5;--grey:#d5d7d9;--warning:#721c24}html{background-color:var(--primary)}body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;background-image:url(https://raw.githubusercontent.com/cmlenius/gloomhaven-card-browser/images/images/background.jpeg);background-repeat:repeat}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{background-color:var(--grey-light);border:1px solid var(--primary);border-radius:4px;box-sizing:border-box;cursor:pointer;height:24px;padding:2px 8px}.btn-selected,button:hover{background-color:#fff}.btn-selected{font-weight:800}.button-group{justify-content:flex-end}.button-group,.button-group-left{align-items:center;display:flex;min-width:230px}.button-group-left{justify-content:flex-start}.button-group-left>:not(:first-child),.button-group>:not(:first-child){margin-left:8px}.empty{align-items:center;color:var(--warning);display:flex;flex-direction:column;padding:12px;margin-top:24px;text-align:center}.empty svg{margin-bottom:16px}.flex{align-items:center;display:flex}.invisible{color:transparent;letter-spacing:0;margin-top:12px;font-size:16px;pointer-events:none;position:absolute;text-align:center;width:100%}.main{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 56px)}.issues{align-self:center;margin:12px 0}.issues a{color:#000;font-size:13px;text-decoration:underline}input[type=checkbox],input[type=radio]{accent-color:#432423;cursor:pointer}.card-list{align-items:stretch;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px;max-width:1100px;padding:0 12px;width:100%}.card{flex:1 0 21%}.card,.card-horizontal{border-radius:12px;box-sizing:border-box;position:relative;margin:4px}.card-horizontal{flex:1 0 32%}.card-img{height:100%}.card-img,.card-inner{border-radius:12px;text-align:center;width:100%}.card-inner{background-image:repeating-linear-gradient(-55deg,#ddd,#ddd 5px,#ccc 0,#ccc 10px);color:#000;font-weight:500;transition:transform .6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card-inner-flipped{transform:rotateY(180deg)}.card-img-back,.card-img-front{backface-visibility:hidden;transform-style:preserve-3d;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.card-img-back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.card-id{background-color:#fff;font-weight:600;font-size:10px;top:8px;left:4px;height:20px;width:20px;z-index:5}.card-flip-btn,.card-flip-btn-back,.card-id{align-items:center;border-radius:100%;display:flex;justify-content:center;opacity:.7;position:absolute}.card-flip-btn,.card-flip-btn-back{height:40px;width:40px;top:4px;right:4px}.card-flip-btn-back,.card-flip-btn-back:hover{background-color:#000}.card-flip-btn-back:hover,.card-flip-btn:hover{opacity:.9}.card-flip-svg,.card-flip-svg-back{border-radius:100%;height:20px;width:20px}.card-flip-svg-back{color:#fff}.multi-level-card{display:flex;flex-direction:column}.multi-level-card-controller{margin:16px 0}.monster-stat-card{box-sizing:border-box;position:relative;margin:0 16px;max-width:400px;overflow:hidden;width:90%}.monster-img-outer{background-image:repeating-linear-gradient(-55deg,#ddd,#ddd 5px,#ccc 0,#ccc 10px);height:100%;width:100%}.monster-img{top:0;left:0;height:100%;width:100%;position:absolute;display:none;transition:transform .5s}.monster-img-active{display:block}.card-index-btn{border-radius:100%;opacity:.7;height:40px;width:40px;position:absolute;font-weight:700;font-size:18px;top:10px;left:10px}.character-details{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-top:16px;max-width:720px;padding:0 12px;width:100%}.character-details img{padding:8px 0;width:100%}.dropdown{position:relative;display:inline-block;flex:0 0 auto}.dropdown-anchor{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--grey-light);border:1px solid var(--primary);border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;height:24px;min-width:50px;padding:2px 8px;margin-right:8px}.dropdown-anchor:hover{background-color:#fff}.dropdown select{background-image:url(https://raw.githubusercontent.com/cmlenius/gloomhaven-card-browser/images/images/icons/select.svg);background-position:100%;background-size:20px 30px;background-repeat:no-repeat;padding-right:18px}.dropdownnav{height:100%;z-index:10}.dropdownnav-anchor{align-items:center;border-radius:4px;color:var(--grey);cursor:pointer;display:flex;height:100%;padding:0 12px}.dropdownnav:hover .dropdownnav-anchor{color:#fff;text-decoration:underline;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dropdownnav-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdownnav-hover:hover .dropdownnav-content{display:block}.dropdownnav-option{color:#000;cursor:pointer;display:flex;padding:12px;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dropdownnav-option:hover{background-color:var(--grey)}.id-filter{background-color:var(--grey-light);border:1px solid var(--primary);border-radius:4px;box-sizing:border-box;cursor:pointer;height:24px;margin:0 8px;padding:2px 8px;text-align:right;width:65px}.filters{align-items:center;display:flex;flex-wrap:wrap;padding:0 12px}.filters>:not(:first-child){margin-left:8px}.filter-icon{align-items:center;border-bottom:2px solid transparent;cursor:pointer;display:flex;justify-content:center}.filter-icon img{height:24px;width:24px}.filter-icon svg{height:20px;width:20px}.filter-icon-selected{border-bottom:2px solid var(--primary)}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.75)}.modal-content{margin:auto;position:relative;min-height:120px;max-width:720px;width:80%}.modal-content img{height:100%;width:100%}.modal .close{align-items:center;background-color:#000;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;height:36px;opacity:.8;position:absolute;right:12px;top:12px;width:36px}.modal .close:focus,.modal .close:hover{opacity:1}.settings-overlay{background-color:#000;left:0;opacity:.3;width:100%}.settings,.settings-overlay{height:100%;position:fixed;top:0;z-index:15}.settings{background-image:url(https://raw.githubusercontent.com/cmlenius/gloomhaven-card-browser/images/images/background.jpeg);background-repeat:repeat;opacity:1;overflow-x:hidden;right:0;transition:.5s;width:360px;white-space:nowrap}.settings-inner{display:flex;flex-direction:column;padding:16px}.settings-header{align-items:center;display:flex;justify-content:space-between}.spoilers{padding:0 4px;margin-bottom:16px}.spoilers ul{margin:0 0 12px;padding:0}.spoilers li{list-style-type:none;padding:0}.spoiler-class-icon{margin-right:4px;height:22px;width:22px}.spoilers-close-icon{align-self:flex-end;cursor:pointer;height:24px;width:24px}.spoiler-check-option{align-items:center;cursor:pointer;display:flex;min-height:28px}.spoiler-check-option input{margin-right:8px}.spoiler-section{align-items:center;display:flex;flex-direction:column}.spoiler-header{align-self:center}.spoiler-header h4{margin:16px 0}.spoilers .prosperity-spoilers{display:flex;flex-direction:column;margin-top:8px}.spoilers .prosperity-option{align-items:center;cursor:pointer;display:flex}.spoilers .prosperity-option input{height:20px;margin-right:4px}.spoilers .prosperity-spoilers h5{align-self:center;margin:0}.spoilers .prosperity-spoilers ul{column-count:3;-moz-columns:3;-webkit-columns:3}.spoilers-warning{border-radius:12px;color:var(--warning);display:flex;flex-direction:column;margin-top:8px;padding:12px;white-space:normal}.spoilers-warning span{margin-top:12px;text-align:center}.spoilers .character-spoilers{column-count:2;-moz-columns:2;-webkit-columns:2}.slider,.spoilers .item-spoilers{display:flex}.slider{align-items:center;flex-direction:column;margin:-4px 20px 0;width:240px}.slider span{color:var(--primary);font-size:16px;font-weight:500;margin-bottom:8px}.slider input[type=range]{-webkit-appearance:none!important;background:var(--primary);border:none;height:2px;max-width:240px;outline:none;width:80%}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:var(--grey-light);border:2px solid var(--primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.slider input[type=range]::-webkit-slider-thumb:hover{background:#fff}.slider input[type=range]::-moz-range-thumb{-moz-appearance:none!important;background:var(--grey-light);border:2px solid var(--primary);border-radius:50%;cursor:pointer;height:14px;width:14px}.slider input[type=range]::-moz-range-thumb:hover{background:#fff}.toolbar{border-bottom:1px solid rgba(0,0,0,.1);min-height:56px;margin-bottom:16px}.toolbar,.toolbar-inner{align-items:center;display:flex;width:100%}.toolbar-inner{box-sizing:border-box;justify-content:space-between;max-width:1100px;margin:auto;padding:8px 12px}.toolbar-inner>div{flex:1 1}.toolbar .sort{align-items:center;display:flex;flex-shrink:0}.topbar{background-color:var(--primary);flex-direction:column}.topbar,.topbar-inner{display:flex;width:100%}.topbar-inner{box-sizing:border-box;height:56px;justify-self:center;max-width:1100px;margin:auto}.topbar .header-links,.topbar-inner{align-items:center;justify-content:space-between}.topbar .header-links{display:flex;height:100%}.topbar .header-icon{color:inherit;height:14px;margin-right:8px;width:14px}.topbar .view-more{align-items:center;color:var(--grey);cursor:pointer;display:flex;height:100%;padding:0 12px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.topbar .view-more:hover{color:#fff;text-decoration:underline}.topbar .view-more span{align-items:center;display:flex}.topbar .view-more:focus{color:var(--grey-light)}@media (max-width:920px){.card{flex:1 0 26.5%}.card-horizontal{flex:1 0 32.75%}}@media (max-width:620px){.button-group,.button-group-left{justify-content:center}.card{flex:1 0 32.75%}.card-horizontal{flex:1 0 51%}.filters{justify-content:center;margin-top:8px}.home{width:300px}.modal-content,.settings{width:100%}.settings,.settings-inner{height:100%}.slider{margin-bottom:8px;width:240px}.topbar .desktop{display:none}.topbar .mobile{display:flex}.toolbar-inner{flex-direction:column;padding:12px}.toolbar-inner>:not(:first-child){margin-top:12px}.toolbar .sort{justify-content:center}}