@font-face{font-family:deadlock;src:url(/shopping-cart/assets/Colus-Regular-D6xbFq0i.ttf)}:root{font-family:deadlock,Retail Demo,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--primary);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #ffefd7;--weapon-accent: #a36816;--vitality-accent: #508150;--spirit-accent: #7a487a}*{box-sizing:border-box;margin:0;padding:0;color:var(--primary)}body{min-height:100vh}.app{display:flex;flex-direction:column;padding:20px;min-height:90vh;width:100%;align-items:center}video{position:fixed;z-index:-1;right:0;bottom:0;object-fit:cover;min-width:100%;min-height:100%}.shop-background{position:fixed;z-index:-1;right:0;bottom:0;object-fit:cover;min-width:100%;min-height:100%}.navbar{display:flex;justify-content:center;align-items:center;margin:0 auto;width:70%}.home-page{display:flex;flex-direction:column;align-items:center;margin:auto}.title-card{display:flex;align-items:center;justify-content:center}.title-card img{width:90%;align-self:center;margin:20px}.cart-button{margin-left:auto}.home-page-content{margin:10px}.home-page-content button{padding:15px;font-size:2rem}.shop-logo{height:120px;max-height:180px;margin-bottom:20px;align-self:center}.shop-logo img{height:100%}.shop-container{display:flex}.item-tooltip{position:fixed;right:25px;width:300px;padding:15px;border:1px solid #000;border-radius:8px;pointer-events:none;font-size:1rem;font-family:"system-ui",Segoe UI,sans-serif}.item-tooltip ul{margin:5px 0}.item-tooltip li{list-style-type:none}.item-tooltip p{margin-top:5px 0}.shop{position:relative;width:60vw;height:900px;max-width:1100px;aspect-ratio:1100 / 900;background-image:url(/shopping-cart/assets/catalog_shop_bg_weapon-Db73DmWJ.png);background-size:100% 100%;background-repeat:no-repeat}.shop.weapon{background-image:url(/shopping-cart/assets/catalog_shop_bg_weapon-Db73DmWJ.png)}.shop.vitality{background-image:url(/shopping-cart/assets/catalog_shop_bg_vitality-DjYZWulk.png)}.shop.spirit{background-image:url(/shopping-cart/assets/catalog_shop_bg_spirit-BFrOPTzl.png)}.cart-exit-button{align-self:end;margin:2px;max-width:170px}.shop-header-left{width:50px}.shop-header{display:flex;align-items:center;justify-content:end;width:100%}.shop-categories{display:flex;z-index:1}.shop-categories button{margin:0 1px}.weapon-category button{background-color:var(--weapon-accent)}.vitality-category button{background-color:var(--vitality-accent)}.spirit-category button{background-color:var(--spirit-accent)}.shop-main{width:100%;height:100%;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.section{position:absolute;min-width:450px;padding-top:50px}.section-header{position:absolute;top:0;left:0;display:flex;align-items:center;rotate:-5deg}.tier-1 .section-header{top:2%;left:-1%}.tier-2 .section-header{top:.5%;left:.5%}.tier-3 .section-header{top:-.5%;left:1%}.tier-4 .section-header{top:-2.5%;left:1%}.shop.weapon .tier-4 .section-header{top:-2.5%;left:4%}.soul-symbol{height:20px;margin:0 2px}.tier-1{top:14.5%;left:4%}.tier-2{top:1.5%;right:4%;width:48%}.tier-3{bottom:3%;left:4.5%;width:47%}.tier-4{bottom:3%;right:3.5%;width:40%}.shop.vitality .tier-3,.shop.spirit .tier-3{width:30%}.shop.vitality .tier-4,.shop.spirit .tier-4{width:47%;right:4.5%}.section-header{margin:5px}.items-grid{display:grid;gap:2px;grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}.item{position:relative;height:120px;padding-top:1px;display:flex;flex-direction:column;cursor:pointer;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.item:hover{transform:scale(1.03);box-shadow:0 7px 15px #00000080}.item:active{transform:scale(.9)}.item.purchased:after{content:"";position:absolute;inset:0;background-image:url(/shopping-cart/assets/purchased-BUJ5-aKB.png);background-size:contain;background-repeat:no-repeat;pointer-events:none}.purchased{pointer-events:none;transform:none!important;box-shadow:none!important;opacity:.3;filter:alpha(opacity = 60)}.item-graphic{display:flex;height:100%;width:100%;background-position:center;background-size:cover;justify-content:center;align-items:end;border-radius:1px}.item-name{display:flex;margin-top:auto;justify-content:center;text-align:center;font-size:.7rem;height:60px;align-items:center;background-color:var(--weapon-accent);color:#000;font-weight:700;padding:0 1px;font-family:"system-ui",Segoe UI,sans-serif}.cart-page{margin:20px auto;display:flex;flex-direction:column;width:80%;justify-self:center}.cart-header{width:70%;display:flex;align-items:center;align-self:center;justify-content:space-between;margin-bottom:2px}.cart-header h1{width:170px}.cart-page hr{width:70%;align-self:center;margin-bottom:10px;border:1px solid var(--primary)}.cart-items{display:grid;gap:7px;grid-template-columns:repeat(6,minmax(110px,140px));grid-template-rows:repeat(2,minmax(140px,180px));overflow:auto;grid-auto-flow:column;align-self:center}.cart-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:7px;border:3px solid black}.cart-item-graphic{display:flex;height:100%;width:100%;background-position:center;background-size:cover;justify-content:center;align-items:start;justify-content:end}.cart-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;padding:0 4px}.cart-item-name{text-align:center;font-size:1rem;color:#000;font-family:system-ui,Segoe UI,sans-serif;font-weight:700}.remove-button{margin:0;display:flex;height:22px;width:20px;font-size:.6rem;align-items:center;justify-content:center;border-radius:1px}a{font-weight:500;color:#c2c2c2;text-decoration:inherit}a:hover{color:var(--primary)}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}