@property --world-tint{syntax:"<color>"; inherits:true; initial-value:rgba(0,0,0,0);}@property --world-tint-2{syntax:"<color>"; inherits:true; initial-value:rgba(0,0,0,0);}:root{--world-ms: 1s;--world-tint: rgba(111,227,192,0);--world-tint-2: rgba(5,15,13,0);transition:--world-tint var(--world-ms) ease,--world-tint-2 var(--world-ms) ease}html[data-world=g2]{--world-tint: rgba(70,255,170,.1);--world-tint-2: rgba(0,40,24,.22)}html[data-world=g4]{--world-tint: rgba(170,150,255,.14);--world-tint-2: rgba(255,170,90,.1)}html[data-world=g3]{--world-tint: rgba(242,195,107,.12);--world-tint-2: rgba(60,20,8,.2)}html[data-world=g5]{--world-tint: rgba(211,139,255,.13);--world-tint-2: rgba(70,255,190,.08)}.bg-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,var(--world-tint),transparent 70%),linear-gradient(180deg,transparent 35%,var(--world-tint-2));mix-blend-mode:screen}.bg-ghost{opacity:1;filter:none;scale:1;transition:opacity var(--world-ms) cubic-bezier(.4,0,.2,1),filter var(--world-ms) cubic-bezier(.4,0,.2,1),scale var(--world-ms) cubic-bezier(.4,0,.2,1)}.bg-ghost.go{opacity:0;filter:blur(22px) brightness(1.25) saturate(1.3);scale:1.06}.bg-wrap.bg-arrive{animation:ssWorldArrive var(--world-ms) cubic-bezier(.2,.7,.2,1) both}@keyframes ssWorldArrive{0%{filter:blur(14px) brightness(1.2) saturate(1.25);opacity:.35}to{filter:none;opacity:1}}.bg-ghost-wide .bg-sharp{background-size:cover;background-position:center 55%;-webkit-mask-image:none;mask-image:none}.bg-ghost-wide .bg-side{display:none}@media(min-aspect-ratio:3/4){html[data-ground=wide] .bg-ghost:not(.bg-ghost-wide) .bg-sharp{background-size:auto 100%;background-position:center center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}html[data-ground=wide] .bg-ghost:not(.bg-ghost-wide) .bg-side{display:block}}#view{transition:opacity .28s ease,filter .28s ease}#view.world-out{opacity:.15;filter:blur(6px)}.world-dock{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:71;display:flex;align-items:center;gap:.55rem;padding:.32rem .4rem .32rem .7rem;background:#040c0ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--rule, rgba(230,244,238,.16));color:var(--bone, #E6F4EE);transition:bottom .5s cubic-bezier(.2,.85,.2,1),border-color var(--world-ms) ease}body.has-player .world-dock{bottom:calc(var(--player-h, 72px) + 12px)}.world-dock:empty{display:none}.wd-label{display:flex;flex-direction:column;line-height:1.1;min-width:0}.wd-label small{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;opacity:.6}.wd-label b{font-weight:500;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);white-space:nowrap;transition:color var(--world-ms) ease}.wd-row{display:flex;gap:.25rem}.wd-btn{display:inline-flex;align-items:center;gap:.3rem;height:28px;padding:0 .5rem;border:1px solid transparent;background:transparent;color:inherit;font-size:.62rem;letter-spacing:.14em;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}.wd-btn i{width:8px;height:8px;border-radius:50%;background:var(--wh);box-shadow:0 0 8px var(--wh);flex:none}.wd-btn:hover{border-color:#e6f4ee4d}.wd-btn:focus-visible{outline:1px solid var(--teal);outline-offset:2px}.wd-btn[aria-pressed=true]{border-color:var(--wh);background:#ffffff0f;color:#fff}@media(max-width:700px){.world-dock{left:auto;right:8px;padding:.25rem;gap:.2rem}.wd-label{display:none}.wd-btn{height:26px;padding:0 .36rem;font-size:.56rem;letter-spacing:.08em;gap:.22rem}.wd-btn i{width:7px;height:7px}}@media(min-width:900px){.triple-grid[data-per="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){:root{transition:none}.bg-ghost{display:none}.bg-wrap.bg-arrive{animation:none}#view,.world-dock,.wd-label b{transition:none}#view.world-out{filter:none}}.spincell .viewer.photo{position:relative;display:block;padding:0}.spincell .viewer.photo .spin-sway{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;height:auto;display:flex;align-items:center;justify-content:center}.spincell .ss-spin-photo{width:100%;height:100%;max-width:100%;max-height:100%!important;aspect-ratio:auto;object-fit:contain;background:transparent;border:0}.ss-shot img,.ss-card-img img,.shellcat .live-photo{object-fit:contain}.shellcat .live-photo{background:#fff}.ow{margin:clamp(2rem,5vw,3.6rem) 0 clamp(1.2rem,3vw,2rem)}.ow-head h2{margin:0;font-size:clamp(1.15rem,2.4vw,1.7rem);letter-spacing:.14em;text-transform:uppercase}.ow-head p{margin:.35rem 0 1rem;color:var(--dim);letter-spacing:.08em}.ow-grid{display:grid;grid-template-columns:1fr;gap:clamp(.8rem,2vw,1.2rem)}@media(min-width:900px){.ow-grid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ow-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.ow-cell{display:flex;flex-direction:column;border:1px solid var(--rule);background:var(--glass);min-width:0}.ow-art{position:relative;height:clamp(110px,12vw,150px);background-size:cover;background-position:center 40%;border-bottom:1px solid var(--wh)}.ow-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#040c0a1a,#040c0ae0)}.ow-top{position:absolute;left:.85rem;right:.85rem;bottom:.7rem;z-index:1;display:flex;flex-direction:column;gap:.25rem}.ow-top b{font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--wh);text-shadow:0 0 14px rgba(0,0,0,.8)}.ow-top span{color:#c9d8d3;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ow-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.6rem}.ow-row .ss-card-meta{font-size:.62rem}.ow-row .ss-card-sub{display:none}.ow-go{margin:0 .6rem .7rem;padding:.7rem .9rem;border:1px solid var(--wh);background:transparent;color:var(--bone,#E6F4EE);letter-spacing:.16em;text-transform:uppercase;font-size:var(--xs,.7rem);cursor:pointer;transition:background-color .2s,color .2s}.ow-go:hover,.ow-go:focus-visible{background:var(--wh);color:#04100c}@media(max-width:700px){.ow-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/soulshell-worlds.css.map */