#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}.button-shadow{--s1: 0px;--s2: calc(var(--gap) * 1);--s3: calc(var(--gap) * 2)}.layer{position:absolute;inset:0;overflow:visible;pointer-events:none;--s1: 0px;--s2: calc(var(--gap) * 1);--s3: calc(var(--gap) * 2)}.layer-background{z-index:0}.layer-effect{z-index:50}.layer-modal{z-index:100}.layer-front{z-index:150}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;--s1: calc(var(--gap) / 3);--s2: calc(var(--gap) / 2);--s3: calc(var(--gap) / 3);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%}.subject{-webkit-mask-image:url(/images/env/card_mask.png);mask-image:url(/images/env/card_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}.social-media{position:absolute;display:flex;flex-direction:row;right:var(--gap);bottom:var(--gap);gap:var(--gap)}.social-media>div{display:flex;align-items:center;justify-content:center;width:calc(var(--tab) / 2.2);height:calc(var(--tab) / 2.2);cursor:pointer;pointer-events:all;border-radius:var(--gap);padding:var(--gap);overflow:hidden}.social-media>div.thin_padding{padding:calc(var(--gap) / 2)}.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;--yoffset:calc(var(--cell_d) * -.15);--zoffset:calc(var(--cell_d) * .1);transform:translate3d(0,var(--yoffset),var(--zoffset));filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) rgba(0,0,0,1));transition:transform .3s ease,filter .2s ease}.subject_image{position:absolute;--size: calc(var(--cell_d) * 2.2);width:var(--size);height:var(--size);--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;--yoffset:calc(var(--cell_d) * -.15);--zoffset:calc(var(--cell_d) * .1);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-shadow{--s1: calc(var(--gap) / 3);--s2: calc(var(--gap) / 2);--s3: calc(var(--gap) / 3)}.slot_nft{--self-size:calc(var(--cell) * .4);width:calc(var(--cell)*1.5);height:calc(var(--cell)*1.5)}.snap{transform:translateZ(0)}.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) * .5);--xoffsetb:calc(var(--card_w) * -.6);--yoffsetb:calc(var(--card_h) * -.6);--zoffsetb:calc(var(--cell) * .1);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) * -.6);--yoffset:calc(var(--cell) * -.6);--zoffset:calc(var(--cell) * 0);transform:translate3d(var(--xoffset),var(--yoffset),0)}.p2{--p:calc(var(--gap) * 2);border-radius:var(--gap)}.p8{--p:calc(var(--gap) * 8)}.bg-info{transition:filter .3s ease}.bg-info:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--gap);border:2px solid #f00;background-image:url(/images/modal/info.jpg);background-size:cover;opacity:.65;filter:hue-rotate(100deg);transition:filter .3s ease,opacity .3s ease}.bg-info.shadow:before{opacity:1}.bg-info.trade:before{opacity:1;filter:hue-rotate(0deg);border:1px solid rgb(179,90,1)}.bg-info.forein:before{opacity:1;filter:hue-rotate(0deg);border:1px solid rgb(179,90,1)}.bg-info.own:before{opacity:1}.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-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)}.setup{width:calc(var(--nft) * 3);height:calc(var(--nft) * 3)}.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{--mw:calc(var(--cell) / 1);--mh:calc(var(--cell) * 1.3);--p:var(--gap);padding-left:calc(var(--good_w) / 2)}.modal-tab{--icon:calc(var(--mw) / 2);width:var(--mw);height:var(--mh);border-radius:calc(var(--litle)/3);--hue:0deg;--sat:100%}.modal-tab-icon{width:var(--icon);height:var(--icon)}.modal-tab:hover{--hue:50deg;--sat:200%}.info-icon{--size:calc(var(--cell) / 3);width:var(--size);height:var(--size);padding:calc(var(--gap)/2)}.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;--s1: calc(var(--gap) / 3);--s2: calc(var(--gap) / 2);--s3: calc(var(--gap) / 3);will-change:transform;font-size:calc(var(--tab) / 3.2)}.close-button{--size:calc(var(--cell) / 6);width:var(--size);height:var(--size)}.usage-button{width:100%;height:100%}.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);--tc:calc(var(--top_padding) + var(--gap));--bc:calc(var(--gap) * 3.5);--rc:calc(var(--tab) + var(--gap));--lc:calc(var(--gap) * 1.5);clip-path:inset(var(--tc) var(--rc) var(--bc) var(--gap) round var(--lc))}.price{display:flex;align-items:center;justify-content:center}.stack_base{width:100vw;height:100vh}.stacks_main{display:flex;justify-content:flex-end}.stack_panel{padding:var(--gap)}.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;overflow:visible}.stacks_uniq_base{position:relative;display:flex;flex-direction:column;height:calc(var(--cell)*2);padding-right:calc(var(--tab) + var(--gap) + var(--gap))}.stack_separator{width:var(--inventory_width);height:auto}.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)}.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(--cell)}.exchange-buttons{height:var(--button_h);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)}.market-prices{flex:1;display:flex;flex-direction:column;align-items:flex-end}.market-price{display:flex;align-items:center;font-size:medium;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%)}.pad-entity{padding:calc(var(--p))}