@layer pages{.destination-hub{container-type:inline-size}.destination-hub .destination-hub__mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:100px;grid-auto-flow:dense;gap:8px;display:grid}.destination-hub .destination-hub__tile{--tile-accent:var(--md-sys-color-primary);--tile-on-accent:var(--md-sys-color-on-primary);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);isolation:isolate;min-width:0;min-height:0;transition:border-radius var(--motion-spatial);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.destination-hub a.destination-hub__tile:hover{background:var(--md-sys-color-surface-container);border-radius:48px}.destination-hub a.destination-hub__tile:active{border-radius:var(--md-sys-shape-corner-large)}.destination-hub .destination-hub__tile--c3{grid-column:span 3}.destination-hub .destination-hub__tile--c4{grid-column:span 4}.destination-hub .destination-hub__tile--c6{grid-column:span 6}.destination-hub .destination-hub__tile--r2{grid-row:span 2}.destination-hub .destination-hub__tile--r3{grid-row:span 3}.destination-hub .destination-hub__tile--r4{grid-row:span 4}.destination-hub .destination-hub__tile-label{z-index:2;flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:12px 12px 4px 20px;display:flex;position:relative}.destination-hub .destination-hub__tile-label h2{overflow-wrap:anywhere;text-wrap:balance;min-width:0;font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--app-font);flex:1;margin:0}.destination-hub .destination-hub__tile--c6 .destination-hub__tile-label h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.destination-hub .destination-hub__open{width:48px;height:48px;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);clip-path:var(--shape-cookie-9);transition:transform var(--motion-spatial);flex:0 0 48px;place-items:center;display:grid}.destination-hub a.destination-hub__tile:hover .destination-hub__open{transform:rotate(60deg)}.destination-hub a.destination-hub__tile:hover .destination-hub__open>svg{transform:rotate(-60deg)}.destination-hub .destination-hub__art{pointer-events:none;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0 12px 12px;display:flex;position:relative}.destination-hub .destination-hub__pictures{width:100%;min-width:0;height:100%;min-height:0;position:relative}.destination-hub .destination-hub__picture{width:68%;height:78%;transform:translate(calc(-50% + var(--fan-x) * 14%), calc(-50% + var(--fan-y) * 2%)) rotate(var(--fan-angle));transform-origin:50% 80%;transition:transform var(--motion-spatial);justify-content:center;align-items:center;display:flex;position:absolute;top:52%;left:50%}.destination-hub .destination-hub__picture>img:first-child{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 3px 3px color-mix(in srgb, var(--md-sys-color-shadow) 18%, transparent))}.destination-hub .destination-hub__team{width:100%}.destination-hub .destination-hub__formation{gap:var(--md-sys-spacing-1);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.destination-hub .destination-hub__slot{border-radius:var(--md-sys-shape-corner-small);gap:6px;min-width:0;padding:4px;display:grid;position:relative}.destination-hub .destination-hub__slot--leader{outline:2px solid var(--md-sys-color-outline);transform:translateY(-8px)}.destination-hub .destination-hub__member,.destination-hub .destination-hub__snap{min-width:0;position:relative}.destination-hub .destination-hub__member{aspect-ratio:3/4}.destination-hub .destination-hub__snap{aspect-ratio:16/9}.destination-hub .destination-hub__member>img:first-child,.destination-hub .destination-hub__snap>img:first-child{object-fit:contain;width:100%;height:100%;display:block}.destination-hub .destination-hub__attribute{aspect-ratio:1;object-fit:contain;width:23%;position:absolute;top:2px;left:2px}.destination-hub .destination-hub__rarity{object-fit:contain;width:25%;height:22%;position:absolute;top:2px;right:2px}.destination-hub .destination-hub__leader{text-align:center;font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--app-font);display:block;position:absolute;top:-23px;left:0;right:0}.destination-hub .destination-hub__art--friendship{container-type:size}.destination-hub .destination-hub__bond{aspect-ratio:1312/964;width:min(94cqw,122.49cqh);position:relative}.destination-hub .destination-hub__bond img{object-fit:contain}.destination-hub .destination-hub__bond-board{width:100%;height:100%;position:absolute;inset:0}.destination-hub .destination-hub__bond-logo{z-index:5;width:19.05%;height:14.52%;position:absolute;top:8.92%;left:13.35%}.destination-hub .destination-hub__bond-lead{z-index:1;width:78.05%;height:106.22%;position:absolute;bottom:-3.8%;left:50%;transform:translate(-50%)}.destination-hub .destination-hub__bond-partner{z-index:2;left:var(--slot-x);top:var(--slot-y);aspect-ratio:1;width:26.68%;position:absolute;transform:translate(-50%,-50%)}.destination-hub .destination-hub__bond-avatar{z-index:2;width:100%;height:100%;position:absolute;inset:0}.destination-hub .destination-hub__bond-arrow{z-index:1;left:var(--arrow-x);top:var(--arrow-y);width:45.71%;height:22.86%;transform:translate(-50%, -50%) rotate(var(--arrow-rotation));position:absolute}.destination-hub .destination-hub__score{border-radius:var(--md-sys-shape-corner-medium);background:repeating-linear-gradient(90deg, transparent 0 calc(16.66% - 1px), color-mix(in srgb, currentColor 14%, transparent) calc(16.66% - 1px) 16.66%), repeating-linear-gradient(0deg, transparent 0 34px, color-mix(in srgb, currentColor 10%, transparent) 34px 35px);position:absolute;inset:0}.destination-hub .destination-hub__score i{left:calc(mod(var(--note), 6) * 16.66%);top:calc(var(--note) * 10%);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);width:15%;height:8px;position:absolute}.destination-hub .destination-hub__score i:nth-child(3n){background:var(--md-sys-color-tertiary);height:16px}.destination-hub .destination-hub__score-media{gap:var(--md-sys-spacing-5);width:100%;height:100%;padding:var(--md-sys-spacing-5);justify-content:center;align-items:center;display:flex;position:relative}.destination-hub .destination-hub__score-media img{aspect-ratio:1;object-fit:contain;width:50%;max-height:100%}.destination-hub .destination-hub__score-media .destination-hub__sonolus{width:26%}.destination-hub .destination-hub__edit{--icon-size:48px;background:var(--md-sys-color-surface-container-highest);width:64px;height:64px;color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large);flex:0 0 64px;place-items:center;display:grid}.destination-hub .destination-hub__puzzle{aspect-ratio:1;max-width:100%;height:100%;position:relative}.destination-hub .destination-hub__puzzle img{object-fit:contain;width:100%;height:100%}.destination-hub .destination-hub__puzzle>span{background:repeating-linear-gradient(90deg, transparent 0 calc(33.33% - 2px), var(--md-sys-color-surface-container-highest) calc(33.33% - 2px) 33.33%), repeating-linear-gradient(0deg, transparent 0 calc(33.33% - 2px), var(--md-sys-color-surface-container-highest) calc(33.33% - 2px) 33.33%);position:absolute;inset:0}.destination-hub .destination-hub__guess{--icon-size:40px;gap:var(--md-sys-spacing-5);justify-content:center;align-items:center;max-width:100%;height:100%;display:flex}.destination-hub .destination-hub__guess img{object-fit:contain;width:55%;height:100%}.destination-hub .destination-hub__guess>svg{flex-shrink:0}.destination-hub .destination-hub__conversation{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.destination-hub .destination-hub__conversation>span{--icon-size:48px;width:104px;height:88px;color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-small);place-items:center;display:grid}.destination-hub .destination-hub__conversation>span:nth-child(2){background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);margin-left:-12px;transform:translateY(36px)}.destination-hub .destination-hub__conversation>span:nth-child(3){background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);margin-left:-12px;transform:translateY(-24px)}.destination-hub .destination-hub__personal{--icon-size:64px;align-items:center;gap:var(--md-sys-spacing-5);height:100%;display:flex}.destination-hub .destination-hub__personal>svg{max-height:100%}.destination-hub .destination-hub__personal>svg:last-child{--icon-size:40px}.destination-hub .destination-hub__related{z-index:2;gap:var(--md-sys-spacing-2);padding-top:var(--md-sys-spacing-4);flex-wrap:wrap;display:flex;position:relative}.destination-hub .destination-hub__related a{background:var(--md-sys-color-surface-container-highest);min-height:48px;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);white-space:normal;flex:calc(50% - 8px);padding:10px 14px}.destination-hub .destination-hub__symbol{--icon-size:64px;width:100%;height:100%;color:var(--md-sys-color-primary);place-items:center;display:grid}.destination-hub .destination-hub__symbol>svg{width:64px;height:64px}.destination-hub [class*=--look-] .destination-hub__art{margin:0;position:relative}.destination-hub .destination-hub__tile--look-arc .destination-hub__picture{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium);width:auto;height:92%;box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);transform:translate(calc(-50% + var(--fan-x) * 62%), calc(-50% + var(--fan-y) * -3%)) rotate(calc(var(--fan-x) * 7deg));transform-origin:50% 130%;top:60%}.destination-hub a.destination-hub__tile--look-arc:hover .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 74%), calc(-53% + var(--fan-y) * -3%)) rotate(calc(var(--fan-x) * 9deg))}.destination-hub .destination-hub__tile--look-arc .destination-hub__picture>img:first-child{border-radius:inherit;object-fit:cover;filter:none}.destination-hub .destination-hub__picture>.destination-hub__attribute{width:24%;top:4px;left:4px}.destination-hub .destination-hub__picture>.destination-hub__rarity{width:30%;height:auto;top:4px;right:4px}.destination-hub .destination-hub__tile--look-records .destination-hub__picture{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium);width:auto;height:74%;box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);transform:translate(calc(-50% + var(--fan-x) * 26%), calc(-50% + var(--fan-y) * 2%)) rotate(calc(var(--fan-angle) * .6));top:48%}.destination-hub a.destination-hub__tile--look-records:hover .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 34%), calc(-50% + var(--fan-y) * 2%)) rotate(calc(var(--fan-angle) * .8))}.destination-hub .destination-hub__tile--look-records .destination-hub__picture>img:first-child{border-radius:inherit;object-fit:cover;filter:none}.destination-hub .destination-hub__song-marks{gap:2px;display:flex;position:absolute;top:4px;left:4px}.destination-hub .destination-hub__song-marks img{object-fit:contain;width:28px;height:28px}.destination-hub .destination-hub__levels{justify-content:center;gap:3px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:-22px;left:0;right:0}.destination-hub .destination-hub__levels li{border-radius:var(--md-sys-shape-corner-full);min-width:24px;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);text-align:center;font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / 18px var(--app-font);font-variant-numeric:tabular-nums}.destination-hub .destination-hub__tile--look-cookies .destination-hub__picture{aspect-ratio:1;width:auto;height:72%;transform:translate(calc(-50% + var(--fan-x) * 64%), calc(-50% + var(--fan-x) * var(--fan-x) * -6%));top:54%}.destination-hub .destination-hub__tile--look-cookies .destination-hub__picture:before{background:var(--character);clip-path:var(--shape-cookie-9);content:"";position:absolute;inset:-4%}.destination-hub .destination-hub__tile--look-cookies .destination-hub__picture>.destination-hub__character-band{object-fit:contain;width:30%;height:30%;position:absolute;bottom:4%;right:4%}.destination-hub .destination-hub__tile--look-cookies .destination-hub__picture>img:first-child{clip-path:var(--shape-cookie-9);object-fit:cover;object-position:50% 10%;filter:none;position:relative}.destination-hub .destination-hub__tile--look-polaroid .destination-hub__picture{aspect-ratio:16/9;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-lowest);width:54%;height:auto;box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent);transform:translate(calc(-50% + var(--fan-x) * 44%), calc(-50% + var(--fan-y) * 2%)) rotate(var(--fan-angle));padding:4px;top:54%}.destination-hub a.destination-hub__tile--look-polaroid:hover .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 54%), calc(-50% + var(--fan-y) * 2%)) rotate(calc(var(--fan-angle) * 1.3))}.destination-hub .destination-hub__tile--look-polaroid .destination-hub__picture>img:first-child{object-fit:cover;filter:none}.destination-hub .destination-hub__tile--look-panels .destination-hub__pictures{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:6px;padding:0 16px 16px;display:grid;transform:rotate(-2deg)scale(1.04)}.destination-hub .destination-hub__tile--look-panels .destination-hub__picture{border-radius:var(--md-sys-shape-corner-small);border:2px solid;width:auto;height:auto;min-height:0;position:relative;inset:auto;overflow:hidden;transform:none}.destination-hub .destination-hub__tile--look-panels .destination-hub__picture:first-child{grid-row:span 2}.destination-hub .destination-hub__tile--look-panels .destination-hub__picture>img:first-child{object-fit:cover;object-position:top;filter:none}.destination-hub .destination-hub__tile--look-bleed .destination-hub__art{position:absolute;inset:0}.destination-hub .destination-hub__tile--look-bleed .destination-hub__picture{width:100%;height:100%;transition:scale var(--motion-spatial);inset:0;transform:none}.destination-hub .destination-hub__tile--look-bleed .destination-hub__picture:not(:first-child){display:none}.destination-hub a.destination-hub__tile--look-bleed:hover .destination-hub__picture{scale:1.04}.destination-hub .destination-hub__tile--look-bleed .destination-hub__picture>img:first-child{object-fit:cover;filter:none}.destination-hub .destination-hub__tile--look-bleed .destination-hub__tile-label{color:#fff;background:linear-gradient(#0000009e,#0000);padding-block-end:28px}.destination-hub .destination-hub__tile--look-capsule .destination-hub__picture{border-radius:var(--md-sys-shape-corner-full);outline:6px solid var(--tile-accent);outline-offset:-6px;width:84%;height:72%;top:52%;overflow:hidden;transform:translate(-50%,-50%)}.destination-hub .destination-hub__tile--look-capsule .destination-hub__picture:not(:first-child){display:none}.destination-hub .destination-hub__tile--look-capsule .destination-hub__picture>img:first-child{object-fit:cover;filter:none}.destination-hub .destination-hub__tile--look-scatter .destination-hub__art:before{aspect-ratio:1;background:color-mix(in srgb, var(--tile-accent) 18%, transparent);width:auto;height:130%;clip-path:var(--shape-very-sunny);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.destination-hub .destination-hub__tile--look-scatter .destination-hub__picture{width:42%;height:82%;transform:translate(calc(-50% + var(--fan-x) * 52%), calc(-50% + var(--fan-y) * 3%)) rotate(var(--fan-angle));top:50%}.destination-hub a.destination-hub__tile--look-scatter:hover .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 58%), calc(-50% + var(--fan-y) * 3%)) rotate(calc(var(--fan-angle) * -1))}.destination-hub .destination-hub__tile--look-shelf .destination-hub__art:after{border-radius:var(--md-sys-shape-corner-full);background:var(--tile-accent);content:"";height:8px;position:absolute;bottom:14px;left:16px;right:16px}.destination-hub .destination-hub__tile--look-shelf .destination-hub__picture{width:30%;height:72%;transform:translateX(calc(-50% + var(--fan-x) * 100%));top:auto;bottom:20px}.destination-hub .destination-hub__tile--look-stage .destination-hub__art:before{background:color-mix(in srgb, var(--tile-accent) 22%, transparent);height:44%;clip-path:var(--shape-oval);content:"";position:absolute;bottom:-18%;left:12%;right:12%}.destination-hub .destination-hub__tile--look-stage .destination-hub__picture{width:62%;height:112%;transform:translateX(calc(-50% + var(--fan-x) * 34%));top:auto;bottom:0}.destination-hub .destination-hub__tile--look-stage .destination-hub__picture>img:first-child{object-position:bottom}.destination-hub .destination-hub__tile--look-burst .destination-hub__symbol{--icon-size:56px;width:148px;height:148px;color:var(--tile-on-accent);background:var(--tile-accent);clip-path:var(--shape-soft-burst);transition:rotate var(--motion-spatial);position:absolute;bottom:-28px;right:-20px}.destination-hub .destination-hub__tile--look-burst:nth-child(3n) .destination-hub__symbol{clip-path:var(--shape-cookie-12)}.destination-hub .destination-hub__tile--look-burst:nth-child(3n+1) .destination-hub__symbol{clip-path:var(--shape-clover-8)}.destination-hub a.destination-hub__tile--look-burst:hover .destination-hub__symbol{rotate:24deg}.destination-hub .destination-hub__tile--look-burst .destination-hub__symbol>svg{width:56px;height:56px}@container (width<=700px){.destination-hub .destination-hub__mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:90px}.destination-hub .destination-hub__tile--c4{grid-column:span 3}.destination-hub .destination-hub__tile--c6{grid-column:span 6}.destination-hub .destination-hub__tile--r4{grid-row:span 3}}@container (width<=420px){.destination-hub .destination-hub__mosaic{grid-auto-rows:80px}.destination-hub .destination-hub__tile--look-burst .destination-hub__symbol{width:104px;height:104px}.destination-hub .destination-hub__tile--look-burst .destination-hub__symbol>svg{width:40px;height:40px}.destination-hub .destination-hub__symbol,.destination-hub .destination-hub__conversation>span{--icon-size:48px}.destination-hub .destination-hub__tile{border-radius:var(--md-sys-shape-corner-large)}.destination-hub .destination-hub__tile-label{gap:4px;padding:8px 8px 2px 12px}.destination-hub .destination-hub__tile-label h2{font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height)}.destination-hub .destination-hub__tile--c6 .destination-hub__tile-label h2{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.destination-hub .destination-hub__tile--c3 .destination-hub__open{display:none}.destination-hub .destination-hub__conversation>span{width:80px;height:68px}.destination-hub .destination-hub__conversation>span:nth-child(2){transform:translateY(20px)}.destination-hub .destination-hub__conversation>span:nth-child(3){transform:translateY(-16px)}.destination-hub .destination-hub__related a{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.destination-hub .destination-hub__picture,.destination-hub .destination-hub__tile,.destination-hub .destination-hub__open{transition:none}}}