@font-face{font-family:"Syne";src:url("/assets/fonts/Syne-Medium.ttf?v=18.36.249") format("truetype");font-style:normal;font-weight:500;font-display:block}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#f9fafa;overflow:hidden}
body{font-family:Arial,sans-serif;-webkit-text-size-adjust:100%}
button{font:inherit}
a,button,.gallery-card{-webkit-tap-highlight-color:transparent}
img,video{vertical-align:middle}
.site-shell{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden;visibility:hidden}
html.is-ready .site-shell{visibility:visible}
.site-loader{position:fixed;inset:0;z-index:2147483647;background:#f9fafa;opacity:1;pointer-events:auto}
.site-loader.is-done{opacity:0;pointer-events:none}
.sidebar-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2vh;width:15vw;height:100%;padding:0 0 2vh 2vw;position:relative;flex:0 0 auto;overflow:visible}
.social-section{--social-swap-shift:0px;margin-top:auto;position:relative;z-index:20;flex:0 0 auto}
.social-trigger{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5vw;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .24s ease-out;transform-origin:center}
.social-trigger:hover{transform:scale(1.1)}
.social-icon{display:block;max-width:2vw}
.social-font{display:block;align-self:center;font-family:"Syne",sans-serif;font-size:.9vw;font-weight:500;line-height:1;color:#000;white-space:nowrap;user-select:none;-webkit-user-select:none;transform:translateY(.22em)}
.social-wrapper{position:absolute;left:50%;top:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1vw;width:max-content;max-height:none;opacity:0;overflow:visible;margin:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .2s ease}
.social-wrapper a,.social-wrapper .social-static{display:block;transform-origin:center;transition:transform .2s ease-out}
.social-wrapper a{cursor:pointer}
.social-wrapper .social-static{cursor:not-allowed}
.social-wrapper .social-static img{transform:scale(1.15);transform-origin:center}
.social-wrapper a:hover,.social-wrapper .social-static:hover{transform:scale(1.1)}
.social-wrapper img{display:block;width:1vw;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.sidebar-left.socials-open .social-wrapper{opacity:1;pointer-events:auto}
.sidebar-left.socials-open .social-trigger{transform:translateY(calc(0px - var(--social-swap-shift) - 1.5vh))}
.sidebar-left.socials-open .social-trigger:hover{transform:translateY(calc(0px - var(--social-swap-shift) - 1.5vh)) scale(1.1)}
.gallery-right{flex:1 1 auto;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.collection-list{--columns:10;display:grid;width:100%;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:16.666vh;grid-auto-flow:row}
.collection-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.gallery-card{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;transition:transform .2s ease-out;transform-origin:center;position:relative;overflow:visible;touch-action:manipulation}
.gallery-card.is-active{transform:scale(1.1)}
.inventory{display:block;object-fit:contain;max-width:90%;max-height:90%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.inventory[src*="/010-computer.gif"]{max-width:64%;max-height:64%}
.gallery-video{display:block;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:cover;background:transparent;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.touch-video-image{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;display:block;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background:#f9fafa;opacity:0;transition:inset .2s ease-out,width .2s ease-out,height .2s ease-out}
.touch-video-image.is-active{inset:6%;width:88%;height:88%;opacity:1}
.touch-quality-image{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;display:block;z-index:3;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background:transparent}
#magnifier{position:fixed;width:180px;height:180px;border-radius:50%;pointer-events:none;display:none;z-index:99999;border:1px solid rgba(255,255,255,.18);background-repeat:no-repeat;box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html.touch-device .gallery-right{padding-bottom:max(32px,env(safe-area-inset-bottom,0px));scroll-padding-bottom:max(32px,env(safe-area-inset-bottom,0px))}
html.touch-device .gallery-video{pointer-events:none}
@media (hover:hover) and (pointer:fine){.gallery-card:hover{transform:scale(1.1)}}
@media (min-width:1101px){
html.touch-device .site-shell{position:fixed;inset:0;width:auto;height:auto}
html.touch-device .sidebar-left{height:100%;overflow:hidden;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}
html.touch-device .gallery-right{height:100%;padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom,0px)));scroll-padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom,0px)))}
}
@media (min-width:700px) and (orientation:landscape){
html.touch-device .site-shell{position:fixed;top:var(--lvl120mage-visual-top,0px);right:0;bottom:auto;left:0;width:auto;height:var(--lvl120mage-visual-height,100svh)}
html.touch-device .sidebar-left{height:100%;overflow:hidden;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}
html.touch-device .gallery-right{height:100%;padding-bottom:0;scroll-padding-bottom:0}
html.touch-device .collection-list{grid-auto-rows:var(--lvl120mage-row-height,16.666vh)}
}
@media (max-width:699px), (min-width:700px) and (max-width:1100px) and (orientation:portrait){
.site-shell{flex-direction:column;height:100vh;height:100svh}
.sidebar-left{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2vh;width:100%;height:10vh;flex:0 0 10vh;padding:1vh 2vw 0 2vw}
.sidebar-left.socials-open{height:calc(10vh + var(--social-topbar-overflow,0px));flex-basis:calc(10vh + var(--social-topbar-overflow,0px))}
.sidebar-left.socials-open .social-trigger,.sidebar-left.socials-open .social-trigger:hover{transform:none}
.social-section{margin-top:0;margin-left:auto;margin-right:0;display:flex;flex-direction:column;align-items:center}
.social-trigger{justify-content:center}
.social-wrapper{position:relative;left:auto;top:auto;transform:none;max-height:0;overflow:hidden;margin-top:1.5vh;pointer-events:auto;transition:max-height .35s ease,opacity .25s ease}
.social-wrapper{gap:1rem;justify-content:center;align-self:center;width:max-content}
.gallery-right{height:auto;min-height:0;flex:1 1 auto}
}
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
.social-icon{max-width:3vw}
.social-font{font-size:1.8vw}
.social-wrapper img{width:2vw}
.collection-list{--columns:8;height:100%;grid-auto-rows:calc((100vh - 10vh)/9);grid-auto-rows:calc((100svh - 10vh)/9)}
}
@media (max-width:699px){
.social-icon{max-width:4vw}
.social-font{font-size:2.4vw}
.social-wrapper img{width:3vw}
.collection-list{--columns:5;grid-auto-rows:auto}
}
@media (max-width:479px){
.sidebar-left{height:auto;flex:0 0 auto;padding:.5vh 2.5vw 0 2.5vw}
.sidebar-left.socials-open{height:auto;flex-basis:auto;padding-bottom:1.5vh}
.social-icon{max-width:6vw}
.social-font{font-size:3vw}
.social-wrapper img{width:4vw}
.collection-list{--columns:3}
}
@media (prefers-reduced-motion:reduce){.gallery-card,.social-trigger,.social-wrapper,.social-wrapper a,.social-wrapper .social-static,.touch-video-image{transition:none!important}}
@media (orientation:landscape) and (max-height:500px){
html.touch-device .site-shell{
flex-direction:column;
height:100vh;
height:100svh
}
html.touch-device .sidebar-left{
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
gap:2vh;
width:100%;
height:auto;
flex:0 0 auto;
padding-top:max(.5vh,env(safe-area-inset-top,0px));
padding-right:max(2.5vw,env(safe-area-inset-right,0px));
padding-bottom:8px;
padding-left:max(2.5vw,calc(env(safe-area-inset-left,0px) + 6px))
}
html.touch-device .sidebar-left.socials-open{
padding-bottom:8px
}
html.touch-device .social-section{
margin-top:0;
margin-left:auto;
margin-right:0;
display:flex;
flex-direction:column;
align-items:center
}
html.touch-device .social-trigger{
justify-content:center
}
html.touch-device .sidebar-left.socials-open .social-trigger,
html.touch-device .sidebar-left.socials-open .social-trigger:hover{
transform:none
}
html.touch-device .social-wrapper{
position:relative;
left:auto;
top:auto;
transform:none;
max-height:0;
overflow:hidden;
margin-top:1.5vh;
pointer-events:auto;
transition:max-height .35s ease,opacity .25s ease
}
html.touch-device .social-icon{
max-width:4vw
}
html.touch-device .social-font{
font-size:2.4vw
}
html.touch-device .social-wrapper{
gap:1rem;
justify-content:center;
align-self:center;
width:max-content
}
html.touch-device .social-wrapper img{
width:3vw
}
html.touch-device .gallery-right{
height:auto;
min-height:0;
flex:1 1 auto
}
}

.full-send-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.09);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .20s ease,visibility 0s linear .20s}
.full-send-modal[hidden]{display:none}
.full-send-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease}
.full-send-modal-frame{position:relative;width:max-content;background:#ece9d8;border:2px solid #0054e3;border-radius:8px 8px 2px 2px;overflow:hidden;box-shadow:0 0 0 1px #003c96,0 12px 32px rgba(0,0,0,.2);transform:scale(.985);opacity:0;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .16s ease}
.full-send-modal.is-open .full-send-modal-frame{transform:scale(1);opacity:1;transition:transform .23s cubic-bezier(.22,1,.36,1) .05s,opacity .18s ease .05s}
.full-send-modal-titlebar{height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 4px 3px 8px;background:linear-gradient(to bottom,#2b90ff 0%,#0d6fe8 18%,#0058d7 55%,#0a6ae7 100%);border-bottom:1px solid #003c96;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(0,47,153,.55);user-select:none;-webkit-user-select:none}
.full-send-modal-title{min-width:0;color:#fff;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:1px 1px 0 #003a8c}
.full-send-modal-close{position:relative;display:flex;align-items:center;justify-content:center;width:21px;height:21px;margin:0;padding:0;border:1px solid rgba(255,255,255,.95);border-radius:3px;background:linear-gradient(to bottom,#f89b71 0%,#e85e39 42%,#cc3c1f 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.55),inset -1px -1px 0 rgba(0,49,150,.65),0 0 0 1px rgba(0,49,150,.9);box-sizing:border-box;appearance:none;-webkit-appearance:none;cursor:pointer;color:transparent;font-size:0;line-height:0;text-shadow:none}
.full-send-modal-close::before,.full-send-modal-close::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#fff;box-shadow:0 1px 0 rgba(126,29,10,.55);transform-origin:center}
.full-send-modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.full-send-modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.full-send-modal-close:hover{filter:brightness(1.08)}
.full-send-modal-close:active{transform:translateY(1px)}
.full-send-modal-viewport{width:max(480px,min(40vw,calc(100vh * 16 / 9)));aspect-ratio:16/9;background:#000;border-top:2px solid #083eaf;box-sizing:content-box}
.full-send-modal-iframe{display:block;width:100%;height:100%;border:0;background:#000}
@media (hover:none),(pointer:coarse){
.full-send-modal{padding:16px}
.full-send-modal-frame{max-width:calc(100vw - 32px)}
.full-send-modal-viewport{width:min(720px,86vw,calc((var(--lvl120mage-visual-height,100svh) - 76px) * 16 / 9));min-width:0}
}

@media (prefers-reduced-motion:reduce){.full-send-modal,.full-send-modal-frame{transition:none}}

.disc-card{overflow:hidden}
.disc-spin{animation:lvl120mageDiscSpin 4.8s linear infinite;transform-origin:center center;will-change:transform}
@keyframes lvl120mageDiscSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
