.profile-names{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-names .player-tag{margin-left:0;font-size:14px}.profile-names h1{overflow-wrap:anywhere;font-size:24px}.profile-names .muted{overflow-wrap:anywhere;font-size:14px}.totals span{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.totals b{font-family:var(--display);font-size:26px}@media (max-width:760px){.totals b{font-size:20px}}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.profile-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.profile-slot{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.profile-slot>.card{height:var(--slot-h,var(--mate-h,auto));flex:auto;min-height:0}.profile-slot.is-tall>.card,.profile-ghost.is-tall>.card{overflow:hidden}.profile-slot.is-tall .activity,.profile-slot.is-tall .worlds,.profile-ghost.is-tall .activity,.profile-ghost.is-tall .worlds{flex:1 1 0;height:auto;min-height:0}.profile-slot.is-tall .world-shelf,.profile-slot.is-tall .soon-badges,.profile-ghost.is-tall .world-shelf,.profile-ghost.is-tall .soon-badges{flex:auto;align-content:start;min-height:0;margin-top:-6px;padding-top:6px;overflow:hidden}.slot-grow{z-index:3;cursor:ns-resize;touch-action:none;border-radius:6px;height:12px;position:absolute;bottom:-5px;left:12px;right:12px}.slot-grow:after{background:color-mix(in srgb, var(--accent) 45%, transparent);content:"";border-radius:999px;width:46px;height:4px;transition:background .15s;position:absolute;top:50%;left:50%;translate:-50% -50%}.slot-grow:hover:after{background:var(--accent)}.profile-slot.is-sized>.card{outline-color:var(--accent)}.profile-grid.is-edit .profile-slot>.card{outline:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.slot-bar{align-items:center;gap:6px;padding:0 2px;display:flex}.slot-bar b{color:var(--text-2);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:auto;font-size:12px;font-weight:800;overflow:hidden}.slot-bar{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slot-bar:active{cursor:grabbing}.slot-grip{color:var(--text-3);flex:none;align-items:center;justify-items:center;display:grid}.slot-grip .icon{width:17px;height:17px}.slot-bar button{border:1px solid var(--line);background:var(--card-2);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:9px;flex:none;align-items:center;justify-items:center;padding:0;transition:color .15s,border-color .15s;display:grid}.slot-bar button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--text)}.profile-slot.is-held{opacity:.25}.profile-ghost{z-index:60;opacity:.95;pointer-events:none;border-radius:20px;position:fixed;overflow:hidden;rotate:-.6deg;box-shadow:0 24px 60px rgba(0,0,0,.55)}.profile-ghost>.card{height:100%}.slot-bar .slot-off .icon{width:14px;height:14px}.slot-bar .slot-off:hover{border-color:color-mix(in srgb, #d9534f 55%, var(--line));color:#ff8f99}.profile-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-top .back{margin:0}.profile-tune{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.65);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:6px 0;font-size:14px;font-weight:700;transition:color .15s}.profile-tune:hover{color:rgba(255,255,255,.78)}.profile-tune.on{color:var(--accent)}.profile-tune.is-chip{color:#fff;background:0 0;border:0;padding:4px 2px;font-size:14px;font-weight:700}.profile-tune.is-gear{color:#fff;align-items:center;gap:7px;height:30px;padding:0 10px 0 12px;display:inline-flex}.profile-tune.is-gear span{white-space:nowrap;font-size:12.5px;font-weight:700}@media (max-width:400px){.profile-tune.is-gear{justify-content:center;width:30px;padding:0}.profile-tune.is-gear span{display:none}}.profile-tune.is-gear svg{filter:drop-shadow(0 1px 6px rgba(0,0,0,.65));width:20px;height:20px}.profile-tune.is-chip:hover{color:rgba(255,255,255,.78)}.profile-tune.is-chip.on{color:#fff}.profile-add{flex-direction:column;gap:10px;min-height:130px;padding:14px 16px;display:flex}.profile-add>b{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.profile-add-row{flex-wrap:wrap;gap:8px;display:flex}.profile-add-row button{align-items:center;gap:7px;height:38px;margin:0;padding:0 14px;display:inline-flex}.profile-add-row .icon{width:15px;height:15px}.profile-middle{flex-direction:column;gap:14px;min-width:0;display:flex}.profile-middle-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}@media (min-width:721px){.profile-middle>.profile-middle-cols{flex:1}.profile-column>:last-child{flex:auto;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}}.profile-column{flex-direction:column;gap:14px;min-width:0;display:flex}.profile-hero{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:24px;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.22)}.profile-banner{z-index:1;background:linear-gradient(rgba(255,255,255,.05),transparent);border-radius:23px 23px 0 0;height:196px;position:relative;overflow:hidden}.profile-art{z-index:0;pointer-events:none;border-radius:23px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.profile-art:before{z-index:1;content:"";background:linear-gradient(90deg,rgba(13,15,18,.66),rgba(13,15,18,.34) 34%,transparent 60%);border-radius:23px;position:absolute;top:0;bottom:0;left:0;right:0}.profile-art:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";background:linear-gradient(rgba(13,15,18,0),rgba(13,15,18,.32));border-radius:0 0 23px 23px;position:absolute;top:42%;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(transparent,#000 94%);mask-image:linear-gradient(transparent,#000 94%)}.profile-art img,.profile-art video{object-fit:cover;object-position:50% 28%;width:100%;height:100%}.profile-stage{z-index:1;aspect-ratio:3.85;width:100%;min-width:0;min-height:145px;position:relative}.profile-canvas{width:var(--stage-width,1120px);zoom:var(--stage-scale,1);height:291px;position:relative}.profile-canvas .profile-hero-body .profile-hero-tiles{grid-auto-columns:172px}.profile-canvas .profile-art,.profile-canvas .profile-art:before,.profile-canvas .profile-banner{border-radius:calc(23px / var(--stage-scale,1))}.profile-canvas .profile-art:after{border-radius:0 0 calc(23px / var(--stage-scale,1)) calc(23px / var(--stage-scale,1))}.profile-canvas .profile-hero-main{zoom:var(--stage-text,1)}.profile-canvas .profile-banner{height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.profile-canvas>.profile-hero-body{zoom:calc(.88 * var(--stage-boost,1));margin:0;padding:0 44px 34px 32px;position:absolute;bottom:0;left:0;right:0}.profile-canvas .profile-hero-id>.avatar,.profile-canvas .profile-hero-id>.ava-trigger{align-self:center;translate:0 -10px}.profile-canvas .profile-hero-id{translate:none}.profile-hero-body.is-under.profile-tiles-out{margin:0;padding:0}.profile-tiles-out .profile-hero-tiles>.hero-tile:not(.is-add){background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.08)}.banner-pick{position:relative}.banner-pick .modes-pop{width:max(100%,320px);top:calc(100% + 12px);left:auto;right:0}.nick-dye{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(13,15,18,.52);border:0;border-radius:13px;flex:none;align-self:center;align-items:center;justify-items:center;width:38px;height:38px;margin-top:-19px;margin-bottom:-19px;padding:0;font-size:22px;transition:color .15s,background .15s;display:grid}.nick-dye:hover,.nick-dye.is-open{color:var(--nick,var(--accent));background:rgba(13,15,18,.68)}.tone-what{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.tone-dot.is-plain{border:1px solid rgba(255,255,255,.35)}.tone-shop{overscroll-behavior-x:contain;scrollbar-width:none;flex:none;gap:8px;margin:0;padding:2px 0;list-style:none;display:flex;overflow-x:auto}.banner-pick .banner-shop{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.tone-rail .tone-shop{overflow:visible}.tone-rail .rail-arrow{justify-content:center;width:26px}.tone-rail.has-left{padding-left:26px}.tone-rail.has-right{padding-right:26px}.tone-rail .rail-track{scroll-snap-type:x proximity;scroll-padding:0 4px}.tone-rail .tone-dot{scroll-snap-align:center}.tone-rail.has-left .rail-track{--rail-left:38px}.tone-rail.has-right .rail-track{--rail-right:38px}.tone-shop.is-wrap{flex-wrap:wrap;overflow:visible}.tone-shop::-webkit-scrollbar{display:none}.tone-shop li{flex:none}.tone-dot{background:var(--dot,var(--accent));cursor:pointer;width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--card-2-solid);border:2px solid transparent;border-radius:50%;padding:0}.tone-dot:hover{border-color:rgba(255,255,255,.45)}.tone-dot.on{border-color:#fff}.banner-shop{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;gap:8px;min-height:0;margin:0;padding:0 12px 0 0;list-style:none;display:grid;overflow-y:auto}.modes-pop .banner-shop{margin-right:-13px;padding-right:7px}@supports ((-moz-appearance:none)){.modes-pop .banner-shop{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 26%, transparent) transparent}}.modes-pop .banner-shop::-webkit-scrollbar{width:6px}.modes-pop .banner-shop::-webkit-scrollbar-track{background:0 0}.modes-pop .banner-shop::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 26%, transparent);background-clip:content-box;border:1px solid transparent;border-radius:8px}.banner-face{border:1px solid var(--line);background:var(--card-2);width:100%;height:62px;color:var(--text);cursor:pointer;font:inherit;border-radius:18px;align-items:flex-end;padding:8px 12px;font-size:13px;font-weight:800;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),border-color .2s;display:flex;position:relative;overflow:hidden}.banner-face img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.banner-face span{z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.8);position:relative}.banner-face:after{content:"";background:linear-gradient(transparent,rgba(13,15,18,.75));position:absolute;top:0;bottom:0;left:0;right:0}.banner-face.is-none{background:var(--card-2);justify-content:center;align-items:center}.banner-face.is-none i{position:absolute;top:0;bottom:0;left:0;right:0}.banner-face.is-none em{color:color-mix(in srgb, var(--text-3) 14%, transparent);font-family:var(--display);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-style:normal;font-weight:800;line-height:1;position:absolute}.banner-face.is-none:after{display:none}.banner-face:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.28)}.banner-face.on{border-color:var(--accent)}.profile-banner em{color:color-mix(in srgb, var(--text-3) 11%, transparent);font-family:var(--display);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-style:normal;font-weight:800;line-height:1;position:absolute;transform:translate(-50%,-50%)}.hero-acts{z-index:4;gap:8px;display:flex;position:absolute;top:12px;right:12px}.hero-act{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(13,15,18,.52);border:0;border-radius:13px;align-items:center;justify-items:center;width:38px;height:38px;font-size:22px;transition:color .15s,background .15s;display:grid}.hero-act:hover{background:rgba(13,15,18,.68)}.hero-acts .banner-pick.is-open .hero-act{color:var(--accent);background:rgba(13,15,18,.68)}.hero-acts .modes-pop{left:auto;right:0}.hero-acts>.banner-pick{position:static}.profile-banner-acts{z-index:3;align-items:center;gap:14px;display:flex;position:relative}.profile-hero-body{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:22px;margin-top:-96px;padding:0 30px 26px;display:flex;position:relative}.profile-hero-body .profile-hero-id{flex:340px;min-width:0;translate:0 24px}.profile-hero-body .profile-hero-tiles{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;grid-auto-rows:86px;grid-auto-flow:column;grid-auto-columns:var(--slot,174px);flex:none;grid-template-columns:none;justify-content:end;align-items:stretch;gap:10px;min-width:0;display:grid}.profile-hero-body.is-stack{padding-right:198px}@media (min-width:561px){.profile-hero-body.is-under{margin-top:-150px}}.profile-hero-body .profile-hero-tiles.is-stack{grid-template-columns:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:row;width:158px;position:absolute;bottom:26px;right:30px}.profile-hero-body .profile-hero-tiles.is-under{flex:100%;grid-auto-columns:minmax(0,calc(33.3333% - 6.66667px));justify-content:start}.profile-hero-body .profile-hero-tiles>.hero-tile{justify-content:center;position:relative}.profile-hero-body .profile-hero-tiles>.hero-tile:not(.is-add){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(13,15,18,.52)}.profile-hero-body .profile-hero-tiles>.hero-tile>span,.profile-hero-body .profile-hero-tiles>.hero-tile .hero-tile-open>span{color:rgba(255,255,255,.74);text-shadow:0 1px 6px rgba(0,0,0,.6)}.profile-hero-body .profile-hero-tiles>.hero-tile b,.profile-hero-body .profile-hero-tiles>.hero-tile small{text-shadow:0 1px 8px rgba(0,0,0,.55)}.profile-hero-tiles>.hero-tile.is-held{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.profile-hero-tiles>.hero-tile.is-held>*{visibility:hidden}.hero-tile.tile-lift{z-index:70;background:var(--card-2-solid);border-color:color-mix(in srgb, var(--accent) 45%, transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation:none;position:fixed;top:0;left:0;box-shadow:0 22px 44px rgba(0,0,0,.55)}.profile-hero-tiles .tile-off{z-index:3;border:1px solid var(--line);background:var(--card-solid);width:26px;height:26px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;justify-items:center;padding:0;transition:color .15s,border-color .15s;display:grid;position:absolute;top:-8px;right:-8px}.profile-hero-tiles .tile-off svg{width:14px;height:14px}.profile-hero-tiles .tile-off:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--text)}.hero-tile.is-add.is-hole{pointer-events:none;background:0 0;border-color:transparent}.profile-hero-tiles.is-edit>.hero-tile:not(.is-add){touch-action:none;cursor:grab}.profile-hero-tiles.is-edit>.hero-tile:not(.is-add)>.hero-tile-open{pointer-events:none}.profile-hero-tiles.is-edit>.hero-tile.is-add{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(13,15,18,.22)}.hero-tile.is-add{border-style:dashed;border-color:var(--line);background:0 0;padding:0;transition:background .2s,transform .26s cubic-bezier(.22,1,.36,1),color .2s}.profile-hero-tiles>.hero-tile.is-add:hover:not(.is-open){border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-3px)}.profile-hero-tiles>.hero-tile.is-add:hover:not(.is-open)>.hero-tile-open{color:var(--accent)}.hero-tile.is-add .hero-tile-open{height:100%;color:var(--text-3);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:800}.hero-tile.is-add .hero-tile-open svg{width:18px;height:18px}.profile-hero-tiles>.hero-tile.is-open{z-index:20;animation:none;translate:none}.tile-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tile-shop .hero-tile{border-color:var(--line);width:100%;height:86px;color:inherit;cursor:pointer;font:inherit;text-align:left;justify-content:center;align-items:flex-start;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),border-color .2s}.tile-shop .hero-tile:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.28)}.profile-hero-body .profile-hero-tiles>.hero-tile>.hero-tile-open{justify-content:center;height:100%}.profile-hero-id{align-items:center;gap:14px;min-width:0;display:flex}.profile-hero-id .avatar,.profile-hero-id .ava-trigger .avatar{border-radius:50%;width:172px;height:172px;font-size:72px}.profile-hero-id .ava-trigger{border-radius:50%}.profile-hero-id>.avatar,.profile-hero-id>.ava-trigger{align-self:center;margin:23px}.profile-hero-id .avatar.has-frame,.profile-hero-id .ava-trigger .avatar.has-frame{width:152px;height:152px;font-size:64px}.profile-hero-id>.avatar.has-frame{margin:33px}.profile-hero-id>.ava-trigger:has(.avatar.has-frame){margin:33px}.profile-hero-main{flex:auto;grid-template-rows:1fr auto;align-self:center;align-items:end;row-gap:12px;min-width:0;min-height:172px;display:grid;container-type:inline-size}.profile-hero-id{align-items:stretch}.profile-hero .level-panel{display:contents}.profile-hero-main:has(.profile-hero-acts){grid-template-rows:auto auto auto auto;align-content:center;row-gap:9px}.profile-hero-acts{flex-wrap:wrap;align-self:start;gap:10px;margin-top:5px;display:flex}.profile-hero-acts .profile-duel,.profile-hero-acts .profile-friend,.profile-hero-acts .profile-friend-ask button{width:auto;min-height:40px;margin:0;padding:0 18px}.profile-hero-acts .profile-friend-ask{gap:10px;display:flex}.profile-hero .level-panel .level-bar,.profile-hero .level-line{max-width:none}@media (max-width:800px){.profile-hero-body .profile-hero-id:not(.profile-canvas *),.profile-hero-body .profile-hero-tiles:not(.profile-canvas *){flex-basis:100%}}.profile-hero .level-line{justify-content:space-between;align-self:end;align-items:baseline;gap:12px;display:flex}.profile-hero-main .level-bar{margin-bottom:6px}.profile-hero-name{flex-direction:column;align-self:center;align-items:flex-start;gap:6px;min-width:0;display:flex}.title-shop{flex-wrap:wrap;gap:8px;margin:0;padding:2px 0 4px;list-style:none;display:flex}.title-pick{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);color:var(--text-2);cursor:pointer;font:inherit;background:rgba(255,255,255,.04);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.title-pick.on{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.hero-nick-line{flex-wrap:nowrap;align-self:stretch;align-items:baseline;gap:8px 12px;min-width:0;display:flex}.profile-hero-name>.player-title.is-under{align-self:flex-start;margin-top:4px}.hero-nick-who{align-items:center;gap:7px;min-width:0;display:flex}.profile-hero-name .player-tag,.profile-hero-name .player-title{flex:none}.profile-hero-name .player-title{text-shadow:none;border-width:.12em;margin-top:0;padding:.18em .78em;font-size:max(10.5px,min(.95vw,13px))}.profile-hero-name .player-tag{color:color-mix(in srgb, var(--nick,#c9d1dd) 72%, #0d0f12);text-shadow:0 1px 3px rgba(0,0,0,.45);margin-left:0;font-size:max(12.5px,min(1.25vw,16px))}.profile-hero-name h1{color:var(--nick,#fff);text-shadow:0 1px 3px rgba(0,0,0,.55);margin:0;font-size:max(28px,min(3.3vw,42px));line-height:1}.profile-hero-level{color:rgba(255,255,255,.72);white-space:nowrap;font-size:13px;font-weight:800}.profile-hero-rank{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:800}.profile-hero .level-line{color:var(--text-2);font-size:13px;font-weight:700}.profile-hero .level-line small{color:var(--text-3);white-space:nowrap;font-size:13px;font-weight:700}.profile-hero .level-line,.profile-hero-level{text-shadow:0 1px 3px rgba(0,0,0,.5)}.profile-hero .level-xp{white-space:nowrap}.profile-hero .level-xp b{color:var(--text);font-size:15px}.profile-hero-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;display:grid}.hero-tile{background:var(--card-2);border:1px solid transparent;border-radius:18px;flex-direction:column;gap:4px;padding:15px 16px;animation:9s ease-in-out infinite tile-float;display:flex}.profile-facts .hero-tile:nth-child(2){animation-duration:11.5s;animation-delay:-3.5s}.profile-facts .hero-tile:nth-child(3){animation-duration:10.5s;animation-delay:-6s}.profile-facts .hero-tile:nth-child(4){animation-duration:12.5s;animation-delay:-1.5s}.hero-tile:hover{animation-play-state:paused}@keyframes tile-float{0%{translate:0}50%{translate:0 -3px}to{translate:0}}@media (prefers-reduced-motion:reduce){.hero-tile{animation:none}}.hero-tile.is-modes{padding:0;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),border-color .2s;position:relative}.hero-tile-open{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;flex-direction:column;gap:4px;padding:15px 16px;display:flex}.hero-tile.is-modes:hover,.hero-tile.is-modes.is-open{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.3)}.hero-tile.is-modes.is-open{z-index:8}.hero-tile.is-link{cursor:pointer;color:inherit;text-decoration:none;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),border-color .2s}.hero-tile.is-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.3)}.modes-pop{z-index:8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overscroll-behavior:contain;cursor:default;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),rgba(13,15,18,.97);border:1px solid rgba(255,255,255,.12);border-radius:20px;flex-direction:column;gap:10px;width:460px;min-width:320px;max-width:calc(100vw - 32px);max-height:min(420px,58vh);padding:14px 16px;animation:.16s modes-pop-in;display:flex;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.45)}.modes-pop .modes-list,.modes-pop .streak-days{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding-right:12px;overflow-y:auto}.modes-pop header{padding-right:20px}.modes-pop .modes-list::-webkit-scrollbar{width:8px}.modes-pop .streak-days::-webkit-scrollbar{width:8px}.modes-pop .modes-list::-webkit-scrollbar-track{background:0 0}.modes-pop .streak-days::-webkit-scrollbar-track{background:0 0}.modes-pop .modes-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 26%, transparent);background-clip:content-box;border:2px solid transparent;border-radius:8px}.modes-pop .streak-days::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 26%, transparent);background-clip:content-box;border:2px solid transparent;border-radius:8px}.modes-pop header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.modes-pop h2{font-family:var(--display);margin:0;font-size:18px}.modes-pop .muted{font-size:13px}.modes-pop .modes-list{gap:9px}.modes-pop .modes-list li{gap:8px 12px}.modes-pop .mode-name{white-space:normal;overflow:visible}.modes-pop .modes-list b{font-size:16px}.modes-pop .mode-bar{height:5px}@keyframes modes-pop-in{0%{opacity:0;transform:translateY(-6px)}}.hero-tile>span,.hero-tile-open>span{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.hero-tile b{font-family:var(--display);white-space:nowrap;align-items:baseline;gap:8px;font-size:32px;line-height:1.05;display:flex}.hero-tile b i{color:var(--text-3);font-size:13px;font-style:normal;font-weight:700}.hero-tile small{min-height:1.25em;color:var(--text-3);font-size:12.5px}.hero-tile.gold b{color:#f5c451}.hero-tile.silver b{color:#d7dde6}.hero-tile.bronze b{color:#d79a63}.streak-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.streak-days li{flex-direction:column;align-items:center;gap:6px;display:flex}.streak-days li span{border:1px solid var(--line);background:var(--card-2);border-radius:10px;width:100%;height:34px}.streak-days li.is-on span{background:var(--accent);border-color:transparent}.streak-days li small{color:var(--text-3);font-size:11px;font-weight:700}.streak-days li.is-on small{color:var(--text)}.profile-card{flex-direction:column;gap:16px;display:flex;position:relative}.profile-id{align-items:center;gap:3px;display:flex}.profile-id .avatar{border-radius:50%;width:84px;height:84px;font-size:35px}.profile-id .ava-trigger{border-radius:50%}.profile-id .ava-trigger .avatar{border-radius:50%;width:84px;height:84px;font-size:35px}.profile-id>.avatar,.profile-id>.ava-trigger{margin:11px}.profile-facts{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.profile-facts .fact{background:var(--card-2);border-radius:18px;flex-direction:column;justify-content:center;gap:6px;min-height:92px;padding:10px 12px;display:flex;overflow:hidden}.profile-facts .fact span{-webkit-line-clamp:2;line-clamp:2;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;-webkit-box-orient:vertical;font-size:11.5px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.profile-facts .fact-rank{--place:var(--text)}.profile-facts .fact-rank span{color:color-mix(in srgb, var(--place) 62%, var(--text-2))}.profile-facts .fact b{font-family:var(--display);font-size:27px;font-weight:700;line-height:1.1}.profile-facts .fact>b{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-facts .fact-rank{background:var(--card-2)}button.fact-rank{color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1)}button.fact-rank:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.3)}.places-pop{z-index:30;border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),rgba(13,15,18,.97);border-radius:20px;flex-direction:column;gap:8px;width:min(320px,100%);padding:12px;animation:.15s fade-in;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:auto;box-shadow:0 20px 44px rgba(0,0,0,.6)}.places-pop-title{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.places-list{scrollbar-width:thin;scrollbar-color:var(--card-2) transparent;flex-direction:column;gap:6px;max-height:210px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.places-list li{background:var(--card-2);border-radius:11px;flex:none;align-items:center;gap:12px;height:54px;padding:0 10px;display:flex}.places-list li b{min-width:46px;color:var(--accent);font-family:var(--display);flex:none;font-size:19px}.places-list li span{flex-direction:column;flex:1;gap:2px;min-width:0;font-weight:700;display:flex}.places-list li span i,.places-list li span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.places-list li span i{font-style:normal}.places-list li small{color:var(--text-3);font-size:12px;font-weight:600}.profile-facts .fact-place{align-items:baseline;gap:7px;min-width:0;margin:0;display:flex}.profile-facts .fact-place b{color:var(--place);flex:none}.profile-facts .fact-place small{min-width:0;color:color-mix(in srgb, var(--place) 45%, var(--text-2));white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.profile-facts b.small{font-size:18px;line-height:1.2}.profile-facts b.empty{color:var(--text-3);font-size:27px}.profile-facts small{color:var(--text-3);font-size:12px}.card-title{flex-direction:column;gap:2px;display:flex}.card-title p{margin:0;font-size:13px}.streak-card,.worlds-card,.activity-card,.soon-card{flex-direction:column;gap:12px;display:flex}.worlds-card,.activity-card{min-height:0}.streak-now{align-items:center;gap:12px;display:flex}.streak-flame{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:14px;align-items:center;justify-items:center;display:grid}.streak-flame svg{width:20px;height:20px}.streak-now b{font-family:var(--display);font-size:34px;line-height:1}.streak-now div{flex-direction:column;gap:2px;display:flex}.streak-now small.ok{color:#64c98a}.streak-week small{color:var(--text-3);font-size:11px}.modes-list li.is-empty .mode-name,.modes-list li.is-empty b,.worlds li.is-empty .world-tag,.worlds li.is-empty .world-name{opacity:.5}.world-tag{color:#10131a;width:36px;height:36px;font-family:var(--display);text-transform:uppercase;border-radius:8px;grid-row:1/span 2;align-items:center;justify-items:center;font-size:12px;font-weight:800;display:grid}.world-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.world-count{color:var(--text-3);white-space:nowrap;font-size:13px}.world-count b{color:var(--text)}.world-bar,.mode-bar{background:var(--card-2);border-radius:999px;grid-column:2/-1;height:6px;overflow:hidden}.world-bar i,.mode-bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.modes-list li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.mode-count{font-size:13px}.modes-list b{font-family:var(--display);font-size:18px}.mode-bar{grid-column:1/-1}.activity-dot{background:var(--text-3);border-radius:50%;width:10px;height:10px}.activity-dot.won{background:#64c98a}.activity-dot.lost{background:#e0715f}.activity-dot.skipped{background:var(--accent)}.activity-text{flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.activity-text i,.activity-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-text i{font-style:normal}.activity-text small,.activity-when{color:var(--text-3);font-size:12px}.activity-when{align-self:center}.level-panel{background:rgba(255,255,255,.043);border-radius:12px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.level-line{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;font-size:12px;display:flex}.level-line small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.level-line small b{color:var(--text-2);font-weight:800}.level-rank,.level-xp{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.level-rank b{font-family:var(--display);color:var(--accent);font-size:14px}.level-xp b{font-family:var(--display);color:var(--text);font-size:14px}.level-bar{background:color-mix(in srgb, var(--text-3) 30%, transparent);clip-path:polygon(min(4px,100%) 0,100% 0,calc(100% - min(10px,100%)) 100%,0 100%);filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));border-radius:0;height:7px;overflow:hidden}.profile-hero .level-bar,.mini-me .level-bar{filter:drop-shadow(0 1px 4px rgba(0,0,0,.55));background:rgba(13,15,18,.42)}.soon-card p{margin:0;font-size:13px}.soon-rows,.soon-badges{gap:8px;margin:0;padding:0;list-style:none;display:grid}.soon-badges{grid-template-columns:repeat(4,minmax(0,200px));justify-content:center;gap:16px 14px}.soon-badges li{flex-direction:column;gap:8px;min-width:0;display:flex}.soon-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--tier,var(--accent)) 34%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tier,var(--accent)) 16%, transparent), transparent 78%), var(--card-2);width:100%;color:var(--tier,var(--accent));border-radius:18px;align-items:center;justify-items:center;display:grid}.soon-mark .icon{width:26px;height:26px}.soon-badges li b{text-align:center;min-height:18px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:800;line-height:1.24;overflow:hidden}.soon-badges li small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:-8px;font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden}.soon-badges li>a{gap:inherit;min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.soon-badges li>a .soon-mark{transition:border-color .18s,color .18s,transform .18s}.soon-badges li.on>a:hover .soon-mark{border-color:var(--tier,var(--accent));transform:translateY(-3px)}.soon-badges li.free>a{gap:inherit;min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.soon-badges li.free>a .soon-mark{transition:border-color .18s,color .18s,transform .18s}.soon-badges li.free>a:hover .soon-mark{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);transform:translateY(-3px)}.soon-badges li.free .soon-mark{color:var(--text-3);background:rgba(255,255,255,.03);border:1.5px dashed rgba(255,255,255,.13)}.soon-badges li.free b{color:var(--text-3);font-weight:700}@media (max-width:900px){.profile-middle-cols{grid-template-columns:minmax(0,1fr)}}@media (max-width:1080px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-grid>.profile-stack,.profile-grid>.profile-column,.profile-grid>.profile-middle,.profile-middle>.profile-middle-cols,.profile-middle-cols>.profile-column{display:contents}.profile-card{order:1}.streak-card{order:3}.activity-card{order:4}.worlds-card{order:5}.soon-card{order:7}}.streak-week li.future span{border:2px dashed var(--line);background:0 0}.streak-week li.now span{background:var(--accent);color:#1a0f05;border:none}.streak-week li.now small{color:var(--text);font-weight:800}.streak-week small{font-size:12px;font-weight:700}.profile-duel{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.profile-duel svg{width:18px;height:18px}.profile .card .fact,.profile .card .places-list li{background:rgba(255,255,255,.043)}.profile-friend,.profile-friend-ask button{justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;display:flex}.profile-friend svg{width:17px;height:17px}.profile-friend-ask{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:800px){.profile-hero-body:not(.profile-canvas *){gap:22px}.profile-hero-body .profile-hero-tiles:not(.profile-canvas *){flex:100%;width:100%}.hero-tile.is-modes.is-open,.profile-hero-body .profile-hero-tiles>.hero-tile.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(13,15,18,.78);transform:none}.profile-hero-body .profile-hero-tiles>.hero-tile.is-add.is-open,.profile-hero-body .profile-hero-tiles.is-edit>.hero-tile.is-add.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none;position:static;transform:none}.profile-hero-body .profile-hero-tiles>.hero-tile.is-add .modes-pop{z-index:30;width:auto;min-width:min(320px,100vw - 24px);max-width:none;max-height:min(60vh,460px);position:absolute;top:calc(100% + 10px);bottom:auto;left:0;right:0}.profile-hero-tiles>.hero-tile .modes-pop,.modes-pop{z-index:60;width:auto;min-width:0;max-width:none;max-height:72vh;position:fixed;top:auto;bottom:12px;left:12px;right:12px}}@media (max-width:560px){.profile-hero-body .profile-hero-id:not(.profile-canvas *){translate:none}.hero-nick-line:not(.profile-canvas *){gap:6px 12px}.profile-hero-name:not(.profile-canvas *){translate:0 8px}.profile-banner:not(.profile-canvas *){height:138px}.profile-banner em:not(.profile-canvas *){opacity:.6}.profile-tune.is-chip{padding:4px 2px}.profile-hero-body:not(.profile-canvas *){gap:18px;margin-top:-82px;padding:0 20px 22px}.profile-hero-id:not(.profile-canvas *){gap:2px}.profile-hero-id .avatar:not(.profile-canvas *),.profile-hero-id .ava-trigger .avatar:not(.profile-canvas *){border-radius:50%;width:112px;height:112px;font-size:40px}.profile-hero-id>.avatar:not(.profile-canvas *),.profile-hero-id>.ava-trigger:not(.profile-canvas *){margin:18px 6px 18px 10px}.profile-hero-id .avatar.has-frame:not(.profile-canvas *),.profile-hero-id .ava-trigger .avatar.has-frame:not(.profile-canvas *){width:100px;height:100px;font-size:36px}.profile-hero-id>.avatar.has-frame:not(.profile-canvas *){margin:24px 10px 24px 14px}.profile-hero-id>.ava-trigger:has(.avatar.has-frame):not(.profile-canvas *){margin:24px 10px 24px 14px}.profile-hero-id>.avatar:not(.profile-canvas *),.profile-hero-id>.ava-trigger:not(.profile-canvas *){translate:none}.profile-hero-main:not(.profile-canvas *){min-height:92px}.profile-hero-id:not(.profile-canvas *){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 18px;display:grid}.profile-hero-id>.avatar:not(.profile-canvas *),.profile-hero-id>.ava-trigger:not(.profile-canvas *){grid-area:1/1/span 3}.profile-hero-main:not(.profile-canvas *){display:contents}.profile-hero .level-line small:not(.profile-canvas *){display:none}.profile-hero-name:not(.profile-canvas *),.profile-hero .level-bar:not(.profile-canvas *),.profile-hero .level-line:not(.profile-canvas *){grid-column:2}.profile-hero .level-line:not(.profile-canvas *){margin-top:6px}.profile-hero-main .level-bar:not(.profile-canvas *){margin-top:-4px;margin-bottom:0}.profile-hero-acts:not(.profile-canvas *){grid-column:1/-1;width:100%;margin-top:2px}.profile-hero-acts>:not(.profile-canvas *){flex:140px}.profile-hero-acts .profile-duel:not(.profile-canvas *),.profile-hero-acts .profile-friend:not(.profile-canvas *),.profile-hero-acts .profile-friend-ask button:not(.profile-canvas *){white-space:nowrap;min-height:42px;padding:0 14px;font-size:14px}.profile-hero-acts .profile-friend-ask button:not(.profile-canvas *){flex:auto}.hero-tile{padding:13px 14px}.hero-tile b{font-size:26px}.profile-hero-body .profile-hero-tiles.is-under>.hero-tile>span,.profile-hero-body .profile-hero-tiles.is-under>.hero-tile .hero-tile-open>span{letter-spacing:.04em;font-size:max(8px,min(4.6vw - 6.6px,11px))}.profile-hero-body .profile-hero-tiles.is-under>.hero-tile,.profile-hero-body .profile-hero-tiles.is-under>.hero-tile .hero-tile-open{text-align:left;align-items:flex-start}.profile-hero-body .profile-hero-tiles.is-under>.hero-tile b,.profile-hero-body .profile-hero-tiles.is-under>.hero-tile .hero-tile-open b{justify-content:flex-start;gap:.3em;font-size:max(15px,min(12vw - 21px,26px))}.profile-hero-body .profile-hero-tiles.is-under>.hero-tile b i{font-size:.46em}.profile-hero-body .profile-hero-tiles.is-under>.hero-tile small{font-size:max(10px,min(3.6vw - 1.5px,12.5px))}}.worlds-card>header,.soon-card>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.worlds-card>header h2,.soon-card>header h2{align-items:baseline;gap:10px;display:flex}.worlds-card>header h2 small,.soon-card>header h2 small{color:var(--text-3);font-family:var(--font-body), system-ui, sans-serif;font-size:13px;font-weight:700}.worlds-all{color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.worlds-all .icon{width:14px;height:14px}.worlds-all:hover{color:rgba(255,255,255,.78)}.world-shelf{grid-template-columns:repeat(4,minmax(0,200px));justify-content:center;gap:16px 14px;margin:0;padding:0;list-style:none;display:grid}.world-shelf li{min-width:0;position:relative}.world-shelf a{color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.world-flip img{pointer-events:none;-webkit-user-drag:none}.world-pic{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--world-accent,var(--accent)) 38%, transparent);background:var(--card-2);border-radius:18px;width:100%;height:auto;transition:transform .18s,border-color .18s;display:block;position:relative;overflow:hidden;container-type:inline-size}.world-art,.world-lit{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.world-art{object-fit:cover;filter:grayscale()brightness(.42)contrast(.95)}.world-lit{clip-path:inset(calc(100% - var(--fill,0%)) 0 0 0);filter:saturate(1.12);background-position:50%;background-size:cover}.world-edge{right:0;bottom:var(--fill,0%);background:var(--world-accent,var(--accent));height:2px;box-shadow:0 0 10px 1px color-mix(in srgb, var(--world-accent,var(--accent)) 78%, transparent), 0 0 28px color-mix(in srgb, var(--world-accent,var(--accent)) 45%, transparent);position:absolute;left:0}.world-share{color:var(--world-accent,var(--accent));font-family:var(--display);text-shadow:0 1px 6px rgba(0,0,0,.55);background:rgba(5,7,11,.6);border-radius:999px;align-items:center;gap:max(2px,min(3cqw,4px));padding:max(1px,min(2cqw,3px)) max(4px,min(5.5cqw,8px));font-size:max(9px,min(9cqw,13px));font-style:normal;font-weight:800;display:inline-flex;position:absolute;top:max(4px,min(5cqw,7px));right:max(4px,min(5cqw,7px))}.world-share.is-full{box-shadow:none;color:color-mix(in srgb, var(--world-accent,var(--accent)) 58%, #fff);text-shadow:0 1px 8px rgba(0,0,0,.7);background:0 0;border:0}.world-share .icon{width:max(8px,min(7.6cqw,11px));height:max(8px,min(7.6cqw,11px))}.world-count{color:#fff;font-family:var(--display);text-shadow:0 2px 12px rgba(0,0,0,.75);align-items:baseline;gap:max(2px,min(3cqw,4px));font-size:max(11px,min(17cqw,25px));line-height:1;display:flex;position:absolute;bottom:max(3px,min(4cqw,6px));left:max(5px,min(7cqw,10px))}.world-count small{color:rgba(255,255,255,.68);font-size:.5em;font-weight:800}.world-shelf a:hover .world-pic{border-color:color-mix(in srgb, var(--world-accent,var(--accent)) 72%, transparent);transform:translateY(-3px)}.world-shelf li:hover .world-pic{border-color:color-mix(in srgb, var(--world-accent,var(--accent)) 72%, transparent)}.world-shelf li:hover .world-flip,.world-shelf li:hover .world-drop{transform:translateY(-3px)}.world-shelf li .world-drop:hover{transform:translateY(-3px)scale(1.12)}.world-line{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.worlds-card .world-line{justify-content:center}.worlds-card .world-line b{text-align:center}.world-line b{text-overflow:ellipsis;white-space:nowrap;min-height:18px;font-size:14.5px;font-weight:800;line-height:1.24;overflow:hidden}.world-line em{font-family:var(--display);flex:none;font-size:15px;font-style:normal;font-weight:800}.world-shelf .world-bar{grid-column:auto;height:5px}.world-shelf.is-all{grid-template-columns:repeat(8,minmax(0,1fr));gap:max(26px,min(3vw,40px)) max(12px,min(1.6vw,22px));padding:14px}@media (max-width:1180px){.world-shelf.is-all{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.world-shelf.is-all{grid-template-columns:repeat(2,minmax(0,1fr))}}.world-shelf .is-seat.is-quiet .world-pic,.world-shelf .is-seat.is-quiet .world-line{opacity:.4}.world-shelf.is-all li{flex-direction:column;gap:8px;display:flex}.world-shelf li{position:relative}.world-drop{z-index:2;color:rgba(255,255,255,.75);cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.65));background:0 0;border:0;align-items:center;justify-items:center;width:28px;height:28px;padding:0;transition:color .16s,transform .16s;display:grid;position:absolute;top:6px;left:6px}.world-drop:hover{color:#ff8d7a}.world-drop .icon{width:14px;height:14px}.world-shelf li.is-seat .world-pic.is-empty{aspect-ratio:1;width:100%;color:var(--text-3);background:rgba(255,255,255,.03);border:2px dashed rgba(255,255,255,.13);border-radius:18px;align-items:center;justify-items:center;display:grid}.world-shelf.is-all .world-line{height:18px;min-height:18px}.world-shelf li.is-seat .world-bar{background:0 0}.world-shelf li.is-dump .world-pic.is-empty{color:#e0715f;background:rgba(224,113,95,.08);border-color:rgba(224,113,95,.45);animation:1.6s ease-in-out infinite world-seat}.world-shelf li.is-dump.is-swap .world-pic.is-empty{background:rgba(224,113,95,.18);border-color:#e0715f}.world-shelf li.is-seat.is-swap .world-pic.is-empty{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}button.world-pic.is-empty{font:inherit;cursor:pointer;padding:0;transition:border-color .16s,background .16s,color .16s,transform .16s}button.world-pic.is-empty:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);transform:translateY(-3px)}.world-shelf li.is-seat.is-aim .world-pic.is-empty{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);animation:1.6s ease-in-out infinite world-seat}.world-shelf li.is-seat.is-aim .world-line b{color:var(--accent)}.world-shelf.is-aiming li:not(.is-seat):hover .world-pic{border-color:var(--accent)}.world-shelf.is-board{position:relative}.world-shelf.is-shelf{background:0 0;border:1.5px dashed rgba(255,255,255,.11);border-radius:24px;transition:border-color .18s,background .18s}.world-shelf.is-shelf.is-live{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.26)}.world-shelf.is-rest{margin-top:6px}.world-shelf.is-ghost .world-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.world-shelf.is-ghost .world-word{border-radius:6px;width:58%;height:11px}.world-shelf.is-board:before{content:"";height:calc(var(--seats,170px) + 10px);pointer-events:none;background:0 0;border:1.5px dashed rgba(255,255,255,.11);border-radius:24px;transition:border-color .18s,background .18s;position:absolute;top:4px;left:4px;right:4px}.world-shelf.is-board.is-plain:before{display:none}.world-shelf.is-board.is-live:before{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.26)}.world-shelf li.is-held .world-flip,.world-shelf li.is-held .world-line,.world-shelf li.is-held .world-bar{visibility:hidden}.world-shelf li.is-held{position:relative}.world-shelf li.is-held:before{content:"";aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--world-accent,var(--accent)) 60%, transparent);background:color-mix(in srgb, var(--world-accent,var(--accent)) 12%, transparent);border-radius:18px;animation:1.6s ease-in-out infinite world-seat;position:absolute;top:0;bottom:auto;left:0;right:0}@keyframes world-seat{50%{border-color:color-mix(in srgb, var(--world-accent,var(--accent)) 30%, transparent)}}.world-shelf li.is-swap .world-pic{border-color:color-mix(in srgb, var(--world-accent,var(--accent)) 75%, transparent);transform:scale(.96)}.world-lift{z-index:90;pointer-events:none;will-change:transform;filter:drop-shadow(0 22px 34px rgba(0,0,0,.55));animation:.16s world-lift-in;display:block;position:fixed;top:0;left:0}.world-lift .world-pic{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--world-accent,var(--accent)) 80%, transparent);border-radius:18px;width:100%;height:auto;transform:scale(1.06)rotate(-2deg)}@keyframes world-lift-in{0%{transform-origin:50%;opacity:.7}}.world-flip{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;perspective:900px;cursor:pointer;background:0 0;border:0;width:100%;padding:0;transition:transform .18s;display:block}.world-blank{color:var(--text-3);flex-direction:column;gap:8px;text-decoration:none;display:flex}.world-pic.is-empty{background:rgba(255,255,255,.03);border:1.5px dashed rgba(255,255,255,.13);align-items:center;justify-items:center;transition:border-color .18s,color .18s,transform .18s;display:grid}a.world-blank:hover .world-pic.is-empty{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);transform:translateY(-3px)}.world-blank .world-bar{background:0 0}.world-blank .icon{width:22px;height:22px}.worlds-page{flex-direction:column;gap:18px;width:100%;padding-bottom:40px;display:flex}.worlds-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.worlds-acts{justify-content:flex-end;align-items:center;gap:10px;min-height:38px;display:flex}.worlds-save{align-items:center;gap:10px;transition:opacity .18s;display:flex}.worlds-save.is-off{visibility:hidden;opacity:0}.worlds-acts button{border-radius:12px;justify-content:center;align-items:center;height:42px;min-height:0;margin:0;padding:0 20px;font-size:15px;font-weight:800;display:inline-flex}@media (max-width:560px){.worlds-acts,.worlds-save{width:100%}.worlds-save button{flex:1 1 0;padding:0 12px}}@media (max-width:940px){.worlds-card .world-shelf,.soon-badges{gap:12px 10px}}.world-shelf li.is-seat .world-line{justify-content:center}.world-shelf li.is-seat .world-line b{color:var(--text-3);text-align:center;font-weight:700}.tile-sheet{z-index:60;position:fixed;top:0;bottom:0;left:0;right:0}.tile-sheet .modes-pop{z-index:61;width:auto;min-width:0;max-width:none;position:fixed;top:auto;bottom:auto;left:auto;right:auto;translate:none}@media (max-width:800px){.hero-acts .banner-pick .modes-pop{z-index:30;width:min(86vw,360px);min-width:0;max-width:none;max-height:min(58vh,420px);position:absolute;top:calc(100% + 10px);bottom:auto;left:auto;right:0}}@media (hover:none){.profile-hero-tiles>.hero-tile.is-add:hover:not(.is-open){transform:none}}.profile-hero:has(.profile-hero-body.is-deck){margin-bottom:calc(var(--deck-tiles,86px) + 14px);position:relative}.profile-hero.shop-mock:has(.profile-hero-body.is-deck){margin-bottom:0}.profile-hero-body.is-deck{margin-top:0;padding:16px 18px;position:static}.profile-hero-body.is-deck .profile-hero-id{gap:6px 16px;translate:none}.profile-hero-body.is-deck .profile-hero-id>.avatar,.profile-hero-body.is-deck .profile-hero-id>.ava-trigger{margin:0 0 0 4px}.profile-hero-body.is-deck .profile-hero-id .avatar,.profile-hero-body.is-deck .profile-hero-id .ava-trigger .avatar,.profile-hero-body.is-deck .profile-hero-id .avatar.has-frame,.profile-hero-body.is-deck .profile-hero-id .ava-trigger .avatar.has-frame{width:72px;height:72px;font-size:28px}.profile-hero-body.is-deck .profile-hero-name{gap:3px}.profile-hero-body.is-deck .profile-hero-main{row-gap:6px;min-height:0}.profile-hero:has(.profile-hero-body.is-deck){min-height:112px}.profile-hero-body.is-deck .profile-hero-name h1{font-size:20px}.profile-hero-body.is-deck .profile-hero-name .player-tag{font-size:12px}.profile-hero-body.is-deck .profile-hero-name .player-title{font-size:10.5px}.profile-hero-body.is-deck .level-line,.profile-hero-body.is-deck .level-xp,.profile-hero-body.is-deck .profile-hero-level{font-size:12px}.profile-hero-body.is-deck .level-xp b{font-size:14px}.profile-hero:has(.profile-hero-body.is-deck) .profile-banner{z-index:0;border-radius:23px;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:560px){.profile-hero-body.is-deck{padding:16px}}.profile-hero-body .profile-hero-tiles.is-deck{flex:none;justify-content:start;width:auto;position:absolute;top:calc(100% + 14px);left:0;right:0}.profile-hero-body .profile-hero-tiles.is-deck>.hero-tile:not(.is-add){background:var(--card-2);-webkit-backdrop-filter:none;backdrop-filter:none}.profile-hero-body .profile-hero-tiles>.hero-tile>span,.profile-hero-body .profile-hero-tiles>.hero-tile .hero-tile-open>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-hero-body.is-deck .level-panel{text-decoration:none}@media (max-width:560px){.profile-hero-body.is-deck .level-xp{display:none}}.profile-hero-body .profile-hero-tiles.is-stack{z-index:21}.profile-hero-body .profile-hero-tiles.is-stack>.hero-tile.is-add.is-open,.profile-hero-body .profile-hero-tiles.is-stack>.hero-tile.is-open{position:relative}.profile-hero-body .profile-hero-tiles.is-stack>.hero-tile .modes-pop,.profile-hero-body .profile-hero-tiles.is-stack>.hero-tile.is-add .modes-pop{width:min(360px,100vw - 24px);min-width:0;max-width:none;max-height:min(70vh,480px);position:absolute;top:calc(100% + 10px);bottom:auto;left:auto;right:0}@media (min-width:801px){.profile-hero-body .profile-hero-tiles>.hero-tile .modes-pop{left:auto;right:0}}@media (max-width:560px){.nick-dye{width:34px;height:34px;margin-top:-17px;margin-bottom:-17px;font-size:20px}.hero-act{width:34px;height:34px;font-size:20px}.hero-acts{gap:6px;top:10px;right:10px}}@media (max-width:750px){.worlds-card .world-line,.soon-card .soon-badges li b{display:none}}.modes-pop header:has(.look-open){align-items:center;padding-right:0}.modes-pop header .look-open{height:34px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:0 10px 0 12px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.modes-pop header .look-open svg{width:17px;height:17px}.modes-pop header .look-open:hover{color:var(--text);background:rgba(255,255,255,.06)}.profile-hero-body .profile-hero-tiles>.hero-tile.is-add,.profile-hero-body .profile-hero-tiles>.hero-tile.is-add .hero-tile-open{text-align:center;align-items:center}.profile-visit-acts{flex-wrap:wrap;justify-content:flex-end;gap:10px}.profile-visit-acts .profile-duel,.profile-visit-acts .profile-friend{white-space:nowrap;border-radius:12px;align-items:center;gap:8px;width:auto;min-height:38px;margin:0;padding:0 16px;font-size:13.5px;font-weight:800;display:inline-flex}.profile-visit-acts .profile-duel svg,.profile-visit-acts .profile-friend svg{width:16px;height:16px}.profile-visit-acts .profile-duel,.profile-visit-acts .profile-duel:hover,.profile-visit-acts .profile-friend{color:#fff}@media (max-width:560px){.profile-visit-acts{gap:8px}.profile-visit-acts .profile-friend,.profile-visit-acts .profile-duel{justify-content:center;width:40px;min-height:40px;padding:0}.profile-visit-acts .profile-friend>span,.profile-visit-acts .profile-duel>span{display:none}.profile-visit-acts .profile-duel svg,.profile-visit-acts .profile-friend svg{width:19px;height:19px}}.profile-visit-acts .profile-duel,.profile-visit-acts .profile-friend{transition:transform .15s,filter .15s,background-color .15s,border-color .15s}.profile-visit-acts .profile-duel:hover:not(:disabled),.profile-visit-acts .profile-friend:hover{background-color:color-mix(in srgb, #fff 6%, var(--card));border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.profile-visit-acts .profile-duel:active:not(:disabled),.profile-visit-acts .profile-friend:active{transform:translateY(0)}.worlds-all{transition:color .15s}.worlds-all .icon{transition:transform .15s}.worlds-all:hover .icon{transform:translate(3px)}
