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