#root{width:100%;min-height:100dvh}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-ms-overflow-style:none;scrollbar-width:none;user-drag:none}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh;--dark:#131a1b;--light:#808782;--primary:#a6d3a0;--bright:#d1ffd7;--active:#b3ffb3;background-color:var(--dark);font-family:New Rocker,system-ui;font-weight:400;font-style:normal;overflow:hidden}.flow-token{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.layer{position:absolute;inset:0;overflow:visible;pointer-events:none;--s1:0px;--s2:calc(var(--gap) * 1);--s3:calc(var(--gap) * 2)}.layer-effect{z-index:0}.layer-modal{z-index:50}.layer-front{z-index:100}ul,ol{list-style:none;padding:0;margin:0}ul.center li{display:flex;align-items:center;justify-content:center}ul.right li{display:flex;align-items:center;justify-content:flex-end}hr{border:none;background-color:#3c3c3c40}hr.horizontal{margin:calc(var(--p) / 2);height:1px}hr.vertical{margin:calc(var(--p));width:1px}hr.store{position:absolute;top:calc(var(--gap) * 3.4);width:100%;height:1px}input{font-family:inherit;color:currentColor;width:100%;background:#131a1b40;border:1px solid #666;height:var(--litle);border-radius:calc(var(--litle)/3);text-align:center}input[type=checkbox]{appearance:none;position:relative;-webkit-appearance:none;display:flex;justify-content:center;align-items:center;width:calc(var(--litle) * .6);height:calc(var(--litle) * .6);border-radius:calc(var(--litle)/5);border:1px solid #666;background:#131a1b40;cursor:pointer}input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:calc(var(--litle) * .6)}input::placeholder{color:#fff6;font-style:inherit;letter-spacing:.05em}input:focus{outline:none;border-color:currentColor;border-width:2px}.hflex{position:absolute;display:flex;inset:0;flex-direction:row}.flexPanel{position:relative;flex:1}.masked{-webkit-mask-image:url(/images/env/mask.png);mask-image:url(/images/env/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.masked_horizontal{-webkit-mask-image:url(/images/env/mask_horizontal.png);mask-image:url(/images/env/mask_horizontal.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-hidden{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.scroll-hidden::-webkit-scrollbar{display:none}.point-wrapper{position:relative;width:0;height:0;transform-style:preserve-3d}.point-wrapper>.content{position:absolute;transform:translate(-50%,-50%);transform-style:preserve-3d}.viewport{width:100vw;height:100vh;background-color:var(--dark)}.layout_base{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.layout_main{width:var(--viewport_w);height:var(--viewport_h)}.nft{--self-size:var(--cell);width:var(--cell);height:var(--cell)}.modal{width:var(--modal_w);height:var(--modal_h)}.litle{width:var(--litle);height:var(--litle)}.tab{width:var(--tab);height:var(--tab)}.store{width:var(--store_w);height:var(--store_h);filter:grayscale(0%);transition:filter .3s ease}.trade{width:var(--trade_w);height:var(--trade_h);border-radius:calc(var(--gap) * 2)}.good{width:var(--good_w);height:var(--good_h)}.drag_nft{position:absolute;width:var(--cell_d);height:var(--cell_d);--shadow-x: calc(var(--cell_d) * .02);--shadow-y: calc(var(--cell_d) * .03);--shadow-blur: calc(var(--cell_d) * .05);transform-style:preserve-3d;transform:translateZ(0);filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) rgba(0,0,0,1));transition:transform .3s ease,filter .2s ease}.slot_nft{--self-size:calc(var(--cell) * .4);width:calc(var(--cell)*1.5);height:calc(var(--cell)*1.5)}.snap{--yoffset:calc(var(--cell_d) * -.15);--zoffset:calc(var(--cell_d) * .1);transform:translate3d(0,var(--yoffset),var(--zoffset))}.big_nft{width:var(--big);height:var(--big)}.slot{--self-size:calc(var(--slot) * .4);width:var(--slot);height:var(--slot)}.card{display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;width:var(--card_w);height:var(--card_h);filter:grayscale(0%)}.pseudo{filter:grayscale(100%)}.opened{filter:grayscale(70%)}.icon{width:var(--icon);height:var(--icon)}.icon_btn{width:var(--icon_btn);height:var(--icon_btn)}.btn{width:var(--button_w);height:var(--button_h)}.source-icon-base{position:absolute;top:0;left:0;--self-size:calc(var(--cell) * .4);--xoffsetb:calc(var(--cell) * -.1);--yoffsetb:calc(var(--cell) * -.1);--zoffsetb:calc(var(--cell) * 3);transform:translate3d(var(--xoffsetb),var(--yoffsetb),var(--zoffsetb));transition:transform .3s ease,filter .2s ease}.source-icon{width:var(--self-size);height:var(--self-size)}.icon-snap{--self-size:calc(var(--cell) * .33);--xoffset:calc(var(--cell) * .13);--yoffset:calc(var(--cell) * .37);--zoffset:calc(var(--cell) * 3);transform:translate3d(var(--xoffset),var(--yoffset),var(--zoffset))}.p2{--p:calc(var(--gap) * 2);border-radius:var(--gap)}.p8{--p:calc(var(--gap) * 8)}.bg-info{background-image:url(/images/modal/info.png);transition:filter .3s ease}.info{--nft:calc(var(--cell) * .9);--card-w:var(--good_w);--card-h:var(--good_h);--skill-gap:calc(var(--gap) * 3);--skill-space:calc(var(--card-h) - var(--skill-gap));--skill:calc(var(--skill-space) / 4);--text:calc(var(--gap) * 2);--litle:calc(var(--gap) * 3.6);--s1:calc(var(--gap) / 3);--s2:calc(var(--gap) / 2);--s3:calc(var(--gap) / 3);--pack-gap:calc(var(--gap) * 2);--pack-space:calc(var(--card-h) - var(--pack-gap));--pack:calc(var(--pack-space) / 3);--pack-base:calc((var(--pack) * 2));--pack-w:calc(var(--pack-base) + (var(--gap) * 2));--pack-h:calc(var(--card-h) + (var(--gap) * 2));--alt:calc(var(--card-w)*.6);padding:var(--p)}.trade-modal{--w:calc(var(--modal_w) * .666);--s1:calc(var(--gap) / 3);--s2:calc(var(--gap) / 2);--s3:calc(var(--gap) / 3);--litle:calc(var(--gap) * 5);--tx:calc(var(--gap) * -5);--text:calc(var(--gap) * 2);--text-litle:calc(var(--gap) * 1.6);--p:var(--gap)}.user-modal{padding:calc(var(--gap) * 2) calc(var(--modal_w) / 22);--pw:calc(var(--modal_w) / 11);--ph:calc(var(--gap) * 10);--mw:calc(var(--modal_w) - var(--pw));--items-w:calc(var(--mw) / 2);--items-h:calc(var(--modal_h) - var(--ph));--gp:calc(var(--gap) * 2);--iwb:calc(var(--items-w) - var(--gp) - var(--gp));--item-w:calc(var(--iwb) / 2);--ihb:calc(var(--items-h) - var(--ph) - var(--gp));--item-h:calc(var(--ihb) / 5);--p:var(--gap)}.reveal-tab{--w:calc(var(--items-w) * 2);--h:var(--items-h);--iwb:calc(var(--w) - var(--ph) - var(--gp));--item-w:calc(var(--iwb) / 5);--ihb:calc(var(--h) - var(--ph) + var(--gp));--item-h:calc(var(--ihb) / 2)}.low-shadow{--s1:calc(var(--gap) / 2);--s2:calc(var(--gap) / 2);--s3:calc(var(--gap) / 2)}.paid{--s1:calc(var(--gap) / 3);--s2:calc(var(--gap) / 2);--s3:calc(var(--gap) / 3);--litle:calc(var(--gap) * 5);--text:calc(var(--gap) * 2.2);--text-litle:calc(var(--gap) * 1.6)}.stats{--text:calc(var(--gap) * 2);--litle:calc(var(--gap) * 3.5)}.hor{display:flex;flex-direction:row}.wrap{flex-wrap:wrap}.pad{padding:var(--p)}.pad-entity{padding:calc(var(--p) * 2)}.pad-half{padding:calc(var(--p) / 2)}.ver{display:flex;flex-direction:column}.g0{gap:calc(var(--gap)/2)}.g1{gap:var(--gap)}.abs{position:absolute;inset:0}.rel{position:relative;inset:0}.cent{align-items:center;justify-content:center}.cst{align-items:flex-start;text-align:center;justify-content:center}.cend{align-items:flex-end;justify-content:center}.cjend{align-items:center;justify-content:flex-end}.sbt{align-items:flex-start;justify-content:space-between}.text{text-wrap:balance;font-size:var(--text)}.intrl{margin-left:var(--tx)}.label-info{text-align:right;font-size:var(--text-litle)}.f1{flex:1}.image{width:var(--nft);height:var(--nft)}.fg{width:var(--card-w);height:var(--card-w)}.bg{width:var(--card-w);height:var(--card-h)}.fl{width:var(--card-w);height:calc(var(--card-h) - var(--card-w) + var(--gap) * 4)}.shadow{filter:drop-shadow(var(--s1) var(--s2) var(--s3) rgba(0,0,0,.7))}.common{color:#c8c8c8}.uncommon{color:#4caf50}.rare{color:#2196f3}.epic{color:#e17cff}.legendary{color:#ff9800}.modal-label{color:#00000060}.modal-text{color:#734807}.token-color{color:#301f05}.skill-icon{width:var(--skill);height:var(--skill);border-radius:calc(var(--gap) / 2);background-color:#4caf50}.pack-base{width:var(--pack-base);overflow:visible}.pack-content{position:absolute;top:0;left:0;width:var(--pack-base);height:var(--card-h);overflow:hidden}.pack-item{width:var(--pack);height:var(--pack)}.alt-item{width:var(--alt);height:var(--alt)}.trade-prices{width:var(--w);height:100%}.paid-border{width:100%;border:1px solid #301f05;border-radius:calc(var(--litle)/3);background-color:#ffffff45}.royalty-amount{--litle:var(--text-litle);font-size:var(--text-litle)}.listing-items{width:var(--items-w);max-height:var(--items-h);overflow:hidden}.fated-tab{width:var(--w);height:var(--h);overflow:hidden}.sold-items{width:var(--items-w);height:var(--items-h);padding-top:var(--litle);overflow:hidden}.umi{width:var(--item-w);height:var(--item-h);border-radius:calc(var(--litle)/3);--hue:0deg;--sat:100%}.umi:hover{--hue:50deg;--sat:200%}.umi-bg{border-radius:inherit;filter:hue-rotate(var(--hue)) saturate(var(--sat));transition:filter .3s ease}.umi-bg.focus{filter:hue-rotate(200deg) saturate(200%)}.umi-icon{width:var(--item-h);height:var(--item-h)}.wh{align-self:center;width:80%}.we{align-self:flex-end;width:55%}.modal-tab-base{--p:var(--gap);padding-left:calc(var(--good_w) / 2)}.modal-tab{width:var(--good_w);height:var(--good_h);border-radius:calc(var(--litle)/3);--hue:0deg;--sat:100%}.modal-tab-icon{width:60px;height:60px}.modal-tab:hover{--hue:50deg;--sat:200%}.tab-base{position:absolute;pointer-events:all}.tab-base img{position:absolute}img.border{filter:drop-shadow(0px 2px 2px rgba(0,0,0,.6)) drop-shadow(0px 6px 12px rgba(0,0,0,.5))}img.background{clip-path:circle(40% at 50% 50%)}.container{position:absolute;inset:0}.trade-main{pointer-events:all;display:flex;align-items:flex-end}.trade-content{position:absolute;top:calc(var(--gap) * 4);display:flex;flex:1}.trade-frame{position:relative;display:flex;flex:1}.trade-scroll{position:relative}.modalBase{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:100}.backdrop{position:absolute;pointer-events:all;inset:0;background:#0009;opacity:0}.backdrop.visible{animation:fadeIn .5s ease forwards}.backdrop.closing{opacity:1;animation:fadeOut .5s ease .5s forwards;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modalBody{position:absolute;display:flex;align-items:center;justify-content:center;inset:0}.modalBody>div{pointer-events:all}.modalButton{pointer-events:all}.center-main{position:relative;display:flex;margin-left:calc(var(--tab) + var(--gap));--wf:calc(var(--viewport_w) - var(--inventory_width) - var(--tab));width:var(--wf);height:100%;--s1:0px;--s2:calc(var(--gap) * 1);--s3:calc(var(--gap) * 2)}.center-left{width:calc(var(--wf) * .45);--wl: calc(var(--wf) * .45);height:100%;padding-top:var(--top_padding);padding-bottom:var(--tab);--ch:calc(var(--viewport_h) - var(--top_padding) - var(--tab));--item-h:calc(var(--ch) / 4)}.offer-cell{position:absolute;top:0;left:0;--wc:calc(var(--wl) / 2.2);width:var(--wc);--p:calc(var(--gap) * 4);--w:calc(var(--wc) - var(--p));--h:calc(var(--item-h) - var(--p));height:var(--item-h);perspective:var(--perspective)}.offer-item{--sb:calc(var(--w) / 4);--mh:calc(var(--h) - var(--sb));--skill:calc(var(--sb)*.9);width:var(--w);height:var(--h);--gap:calc(var(--sb)*.1);padding:var(--gap);border-radius:var(--gap);will-change:transform}.offer-avatar{--size:calc(var(--mh) - (var(--gap)*2) );width:var(--size);height:var(--size)}.offer-skills{width:calc(var(--w) - (var(--gap)*2))}.center-right{position:relative;width:calc(var(--wf) * .55)}.center-layout{position:absolute;left:50%;top:50%}.inventory{max-width:var(--inventory_width)}.inventory_panel{padding:var(--gap);background-color:#00000060}.price{display:flex;align-items:center;justify-content:center}.stack_base{width:100vw;height:100vh}.stacks_main{display:flex;justify-content:flex-end}.stacks_panel{display:flex;flex-direction:column;width:var(--inventory_width);height:var(--viewport_h);right:0;padding-top:var(--top_padding);pointer-events:all}.stacks_uniq_base{display:flex;flex-direction:column;height:calc(var(--cell)*2);padding-right:var(--tab)}.stacks_resources{position:relative;flex:1}.exchange{display:flex;flex-direction:row;width:100%;height:100%}.exchange-panel{display:flex;width:var(--inventory_width);padding:var(--gap);padding-left:var(--tab);background-color:#00000060}.exchange-goods{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;width:100%;height:100%;padding-top:var(--top_padding)}.exchange-good-base{position:relative;width:var(--card_w);height:var(--card_h);transform:scale(.7);perspective:var(--perspective)}.exchange-good{position:relative;display:flex;align-items:center;justify-content:center;width:var(--card_w);height:var(--card_h)}.exchange-stand{display:flex;flex-direction:column;flex:1;padding:var(--gap);padding-top:var(--top_padding)}.exchange-buttons{height:var(--cell);display:flex;align-items:center;justify-content:center}.exchange-counter{flex:1;display:flex;gap:var(--gap);perspective:var(--perspective)}.exchange-desk{position:relative;flex:1;--radius:calc(var(--tab) / 3);display:flex;align-items:flex-start;justify-content:center;padding-top:var(--radius);transform-style:preserve-3d}.exchange-content{position:absolute;height:100%;z-index:0;transform-style:preserve-3d}.exchange-card{width:var(--self-w);height:var(--self-h)}.exchange-npc{display:flex;align-items:center;justify-content:flex-start;width:calc(var(--cell) * 2);height:100%}.exchange-deal{position:absolute;inset:0;display:flex;flex-direction:column;perspective:var(--perspective);transform-style:preserve-3d}.exchange-content-item{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--self-w);height:var(--self-h);perspective:var(--perspective);transform-style:preserve-3d}.exchange-input{pointer-events:all;width:calc(var(--card_w) * .7);height:calc(var(--card_h) * .7);background-color:#ff03d350;border-radius:var(--gap);opacity:0;transition:opacity .2s ease;z-index:100}.active{opacity:1}.exchange-price{display:flex;align-items:center;justify-content:center;--offset:calc(var(--cell) * 1.2);color:#ccc;transform:translateY(var(--offset)) scale(1.3)}.market-main{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--top_padding);height:var(--viewport_h)}.market-frame{position:relative;display:flex;flex:1}.market-store{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--tab) / 2);align-items:center}.market-props{display:flex;flex:1;width:100%;align-items:center;justify-content:space-between;filter:drop-shadow(3px 5px 4px rgba(0,0,0,1))}.market-count{font-size:var(--tab);color:#783817}.market-prices{flex:1;display:flex;flex-direction:column;align-items:flex-end}.market-price{display:flex;align-items:center;font-size:medium;color:#004030f0;max-height:calc(var(--gap) * 5)}.game-main{position:relative}.game-layer{position:absolute;background-color:#0ff}.entity-hitbox{clip-path:polygon(35% 25%,65% 25%,75% 35%,75% 65%,65% 75%,35% 75%,25% 65%,25% 35%)}