.koji-uni-viewport{position:relative;width:100vw;height:calc(100dvh - 80px - var(--pt-mob) - var(--pb-mob));margin-top:var(--pt-mob);margin-bottom:var(--pb-mob);background-color:var(--bg-color);overflow:hidden;font-family:Red Hat Display,sans-serif;user-select:none;-webkit-user-select:none}@media screen and (min-width:990px){.koji-uni-viewport{height:calc(100vh - 100px - var(--pt-desk) - var(--pb-desk));margin-top:calc(100px + var(--pt-desk));margin-bottom:var(--pb-desk)}}.koji-uni-map-container{width:100%;height:100%;cursor:grab}.koji-uni-map-container:active{cursor:grabbing}.koji-uni-map{position:absolute;width:var(--map-size);height:var(--map-size);left:50%;top:50%;transform-origin:center center;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(var(--scale, 1));will-change:transform}.koji-synapse-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(74,47,148,.1) 0%,transparent 2px),radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 1px);background-size:100px 100px,20px 20px;opacity:.5;z-index:0;pointer-events:none}.koji-synapse-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.koji-uni-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s}.koji-uni-loader.is-hidden{opacity:0;visibility:hidden}.koji-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:koji-spin 1s linear infinite}@keyframes koji-spin{to{transform:rotate(360deg)}}.koji-loader-text{margin-top:16px;font-size:11px;font-weight:500;color:#ffffff80;text-transform:lowercase;letter-spacing:1px}.koji-uni-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.koji-hud-top{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:320px;margin:0 auto;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.koji-hud-title{font-size:18px;font-weight:900;color:#fff;margin:0;letter-spacing:2px;text-shadow:0 4px 10px rgba(0,0,0,.8)}.koji-hud-essences{width:100%}.koji-essence-track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch;justify-content:flex-start}.koji-essence-track::-webkit-scrollbar{display:none}.koji-essence-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 12px;border-radius:16px;font-family:Red Hat Display,sans-serif;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer;transition:all .3s;text-transform:uppercase}.koji-essence-btn.is-active{background:var(--accent-color);color:#fff;border-color:#8c5cff;box-shadow:0 4px 15px #4a2f9466}.koji-hud-zoom{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:10px 6px;border-radius:30px;pointer-events:auto;box-shadow:0 8px 20px #0006}.koji-zoom-btn{background:transparent;border:none;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .2s,transform .2s;padding:0}.koji-zoom-btn:active{transform:scale(.9)}.koji-zoom-track{display:flex;flex-direction:column;gap:4px;margin:4px 0}.koji-zoom-dot{width:4px;height:4px;background:#ffffff4d;border-radius:50%;transition:all .3s}.koji-zoom-dot.is-active{background:var(--accent-color);height:14px;border-radius:4px;box-shadow:0 0 8px #4a2f94cc}@media screen and (min-width:990px){.koji-uni-hud{padding:40px}.koji-hud-top{flex-direction:row;max-width:fit-content;border-radius:40px;padding:12px 32px;gap:24px}.koji-hud-title{font-size:24px}.koji-hud-essences{width:auto}.koji-essence-track{flex-wrap:wrap;justify-content:center;padding:0}.koji-essence-btn{padding:10px 16px;font-size:11px}.koji-hud-zoom{right:40px;padding:16px 10px;gap:10px}.koji-zoom-btn{width:36px;height:36px}.koji-zoom-dot{width:6px;height:6px}.koji-zoom-dot.is-active{height:18px}}.koji-uni-node{position:absolute;width:160px;height:160px;transform:translate(-50%,-50%);z-index:10;perspective:1000px;transition:opacity .5s ease,filter .5s ease;cursor:pointer}.koji-uni-node.is-dimmed{opacity:.15;filter:grayscale(100%) blur(2px);pointer-events:none}.koji-node-card{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.1);overflow:hidden;transform-style:preserve-3d;box-shadow:0 15px 40px #0009;transition:transform .2s ease-out,box-shadow .3s ease;background:#000;position:relative}.koji-node-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.6;transition:opacity .4s,transform .4s;transform:translateZ(-20px) scale(1.1)}.koji-node-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#0000001a,#000000e6);transition:background .4s ease;pointer-events:none}.koji-node-char{position:absolute;bottom:-5%;left:50%;width:100%;height:auto;object-fit:contain;transform:translate(-50%) translateZ(40px);pointer-events:none;filter:drop-shadow(0 -10px 20px rgba(0,0,0,.5));transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}.koji-node-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translateZ(30px);opacity:0;pointer-events:none;transition:all .4s ease}.koji-node-status{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:900;color:#fff;background:#000c;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);margin-bottom:6px}.koji-status-dot{width:4px;height:4px;border-radius:50%;background:#555}.koji-status-dot.is-live{background:#0f8;box-shadow:0 0 8px #0f8}.koji-node-title{font-size:15px;font-weight:900;color:#fff;margin:0 0 4px;text-transform:uppercase;line-height:1.1;text-shadow:0 4px 10px rgba(0,0,0,.9)}.koji-node-hook{font-size:8px;font-weight:600;color:#fffc;margin:0 0 10px;line-height:1.3;font-style:italic;max-width:90%}.koji-node-loot{display:flex;gap:4px;margin-bottom:12px;justify-content:center}.koji-loot-item{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:3px 6px;border-radius:6px;display:flex;flex-direction:column;align-items:center}.koji-loot-item.is-rare{background:#4a2f9466;border:1px solid #8c5cff}.koji-loot-val{font-size:10px;font-weight:900;color:#fff;line-height:1}.koji-loot-lbl{font-size:6px;font-weight:800;color:#fff9;text-transform:uppercase}.koji-loot-item.is-rare .koji-loot-lbl{color:#b89eff}.koji-explore-btn{background:#fff;color:#000;font-family:Red Hat Display,sans-serif;font-size:9px;font-weight:900;text-transform:uppercase;padding:6px 12px;border-radius:20px;text-decoration:none;box-shadow:0 5px 15px #00000080;transition:transform .2s,background .2s;pointer-events:none}.koji-explore-btn:active{transform:scale(.95)}.koji-uni-node.is-open{z-index:60}.koji-uni-node.is-open .koji-node-card{border-color:var(--accent-color);box-shadow:0 20px 60px #000000e6,0 0 40px #4a2f9499}.koji-uni-node.is-open .koji-node-overlay{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.koji-uni-node.is-open .koji-node-char{opacity:.15;transform:translate(-50%) translateZ(10px) scale(.9)}.koji-uni-node.is-open .koji-node-content{opacity:1;pointer-events:auto}.koji-uni-node.is-open .koji-explore-btn{pointer-events:auto}@media screen and (min-width:990px){.koji-uni-node{width:200px;height:200px}.koji-node-title{font-size:18px}.koji-node-hook{font-size:9px}.koji-node-status{font-size:8px;padding:4px 8px}.koji-loot-val{font-size:12px}.koji-loot-lbl{font-size:7px}.koji-explore-btn{font-size:10px;padding:8px 16px}@media(hover:hover){.koji-uni-node:hover:not(.is-open) .koji-node-card{border-color:#ffffff4d;box-shadow:0 30px 60px #000c}.koji-uni-node:hover:not(.is-open) .koji-node-char{transform:translate(-50%) translateZ(60px) scale(1.05);filter:drop-shadow(0 -15px 30px rgba(0,0,0,.7))}}}.koji-uni-map-container[data-zoom="0"] .koji-node-hook,.koji-uni-map-container[data-zoom="0"] .koji-node-loot,.koji-uni-map-container[data-zoom="0"] .koji-node-status,.koji-uni-map-container[data-zoom="0"] .koji-explore-btn{opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-universi.css.map */