.Hostile{background-color:rgba(198,90,90,.53);border:1px #a6575d solid;border-radius:4px;padding:.2rem;font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;text-transform:uppercase;color:#eee}.Neutral{background-color:rgba(221,191,93,.53);border:1px #ca984f solid;border-radius:4px;padding:.2rem;font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;text-transform:uppercase;color:#eee}.Friendly{background-color:rgba(69,138,71,.56);border:1px rgba(60,177,62,.6) solid;border-radius:4px;padding:.2rem;font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;text-transform:uppercase;color:#eee}.database-items-page .database-content.block-grid{display:grid !important;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1rem;max-width:none;justify-content:stretch}.database-items-page .content-items{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1rem;align-items:start}.database-items-page .content-items #database-compare-sidebar:empty{display:none}.database-items-page .content-items:has(#database-compare-sidebar:empty){grid-template-columns:minmax(0, 1fr)}.database-items-page .content-items .monster-box{display:flex;flex-direction:column;gap:.5rem}.database-items-page .content-items .monster-box .monster-box-header{display:flex;flex-direction:column;gap:.5rem}.database-items-page .content-items .monster-box .monster-box-header .item-head{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.database-items-page .content-items .monster-box .monster-box-header .item-head .name{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-family:"Roboto",sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.02rem;color:#eee;text-transform:uppercase;background-color:rgba(21,21,21,.69);border:1px rgba(230,175,103,.53) solid;border-radius:4px}.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats .type{font-family:"Roboto",sans-serif;font-weight:400;font-size:.85rem;letter-spacing:.02rem;color:#aaa;text-transform:uppercase;background-color:rgba(21,21,21,.69);border:1px rgba(230,175,103,.53) solid;border-radius:4px;padding:.5rem}.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats .faction .Hostile,.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats .faction .Neutral,.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats .faction .Friendly{position:relative;top:.45rem;font-family:"Roboto",sans-serif;font-weight:400;font-size:.85rem;letter-spacing:.02rem;color:#eee;text-transform:uppercase;border-radius:4px;padding:.5rem}.database-items-page .content-items .monster-box .monster-box-header .item-head .head-stats .level{font-family:"Roboto",sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.02rem;color:#e6af67;text-transform:uppercase;background-color:rgba(21,21,21,.69);border:1px rgba(230,175,103,.53) solid;border-radius:4px;padding:.5rem}.database-items-page .content-items .monster-box .monster-tabs{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;margin-top:2rem}.database-items-page .content-items .monster-box .monster-tabs .tab .tab-button{font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;color:#eee;text-transform:uppercase;background-color:rgba(21,21,21,.69);border:1px rgba(230,175,103,.53) solid;border-radius:4px;padding:.5rem;cursor:pointer}.database-items-page .content-items .monster-box .monster-tabs .tab .tab-button:hover{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid}.database-items-page .content-items .monster-box .monster-tabs .tab .tab-button.active{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid}.database-items-page .content-items .monster-box .monster-box-body{display:flex;flex-direction:column;gap:.5rem;border-radius:4px;margin-top:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body{display:flex;flex-direction:column}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats .stat-group{width:100%;border:1px rgba(230,175,103,.33) solid;background-color:rgba(21,21,21,.69);border-radius:4px;padding:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats .stat-group .stat-group-title{font-family:"Roboto",sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.02rem;color:#c5a472;text-transform:uppercase;margin-bottom:1rem;text-align:center;border-bottom:1px rgba(230,175,103,.33) solid;padding-bottom:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats .stat-group .stat-group-items{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats .stat-group .stat-group-items .stat .name{font-family:"Roboto",sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.02rem;color:#d8a563;text-transform:uppercase}.database-items-page .content-items .monster-box .monster-box-body .item-body .stats .stat-group .stat-group-items .stat .value-wrap{font-family:"Roboto",sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.02rem;color:#fff;text-transform:uppercase}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops{display:flex;flex-direction:column;gap:1rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .no-drops{font-family:"Roboto",sans-serif;font-weight:400;font-size:.85rem;color:#aaa;text-align:center;padding:2rem;background-color:rgba(21,21,21,.69);border:1px rgba(230,175,103,.33) solid;border-radius:4px}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-tabs{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;border-radius:4px}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-tabs .category-tab .category-tab-button{font-family:"Roboto",sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.02rem;color:#aaa;text-transform:uppercase;background-color:rgba(21,21,21,.5);border:1px rgba(230,175,103,.2) solid;border-radius:4px;padding:.4rem .75rem;cursor:pointer;transition:all .2s ease}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-tabs .category-tab .category-tab-button:hover{background-color:rgba(138,116,85,.5);border:1px rgba(230,175,103,.4) solid;color:#eee}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-tabs .category-tab .category-tab-button.active{background-color:rgba(138,116,85,.7);border:1px rgba(230,175,103,.6) solid;color:#eee;font-weight:600}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content{display:flex;flex-direction:column;gap:1rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(218, 165, 32, 0.1) 100%);border:1px solid rgba(255,215,0,.4);border-radius:4px;margin-bottom:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-icon{font-size:1.5rem;filter:drop-shadow(0 0 4px rgba(255, 215, 0, 0.6))}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-amount{display:flex;flex-direction:column;gap:.25rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-amount .gold-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;color:gold;text-transform:uppercase}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-amount .gold-range{font-family:"Roboto",sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.02rem;color:#fff}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-chance{display:flex;align-items:center;margin-left:auto}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-gold-box .gold-chance .chance-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.02rem;color:gold;text-transform:lowercase}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items{display:flex;flex-direction:column;gap:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .no-items{font-family:"Roboto",sans-serif;font-weight:400;font-size:.8rem;color:#888;text-align:center;padding:.5rem}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item{display:flex;flex-direction:row;gap:.5rem;padding:.5rem;background-color:rgba(34,34,34,.62);border:1px rgba(230,175,103,.2) solid;border-radius:4px;transition:background-color .2s ease;cursor:pointer}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item:hover{background-color:rgba(138,116,85,.3);border:1px rgba(230,175,103,.4) solid}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-name{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:"Roboto",sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.02rem;color:#eee}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-name .item-chance{margin-left:auto;font-family:"Roboto",sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.02rem;color:#e6af67;text-transform:uppercase}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-name .item-chance.very-low{color:#f55}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-meta{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-meta .item-code{font-family:"Roboto",sans-serif;font-weight:400;font-size:.75rem;letter-spacing:.02rem;color:#c5a472}.database-items-page .content-items .monster-box .monster-box-body .item-body .drops .category-content .drop-items .drop-item .item-info .item-meta .item-category{font-family:"Roboto",sans-serif;font-weight:400;font-size:.75rem;letter-spacing:.02rem;color:#aaa}#database-viewport{--viewport-aspect: 16 / 9;display:flex;position:relative;flex-direction:column;gap:1rem;aspect-ratio:var(--viewport-aspect, 16/9);background-color:#222;border:1px rgba(230,175,103,.53) solid;border-radius:4px;overflow:hidden}#database-viewport .monster-viewport-iframe{width:100%;height:100%;border:0;display:block;background:rgba(0,0,0,0)}@media(max-width: 1024px){.database-items-page .database-content.block-grid{grid-template-columns:1fr}.database-items-page .content-items.compare-active{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}@media(max-width: 768px){.database-items-page .content-items,.database-items-page .content-items.compare-active{grid-template-columns:1fr}}