@layer pages{.destination-hub{--hub-surface:oklch(from var(--md-sys-color-surface-container-high) l 0 h);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:var(--md-sys-spacing-2);display:grid}.destination-hub .destination-hub__tile{min-width:0;min-height:0;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--hub-surface);color:var(--md-sys-color-on-surface);isolation:isolate;transition:border-radius var(--motion-spatial), background-color var(--motion-effects);flex-direction:column;display:flex;position:relative}.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 a.destination-hub__tile:active{border-radius:var(--md-sys-shape-corner-large)}.destination-hub .destination-hub__tile-label{z-index:2;justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-2);min-width:0;min-height:48px;margin-top:var(--md-sys-spacing-3);flex-shrink:0;display:flex;position:relative}.destination-hub .destination-hub__tile-label h2{text-wrap:balance;overflow-wrap:anywhere;font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);margin:0}.destination-hub .destination-hub__tile--c6 .destination-hub__tile-label h2{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.destination-hub .destination-hub__open{border-radius:var(--md-sys-shape-corner-full);background:var(--hub-surface);width:40px;height:40px;color:var(--md-sys-color-on-surface);transition:transform var(--motion-spatial);flex:0 0 40px;place-items:center;display:grid}.destination-hub a.destination-hub__tile:hover .destination-hub__open{transform:rotate(-35deg)}.destination-hub .destination-hub__art{pointer-events:none;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;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{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__pictures--1 .destination-hub__picture{width:96%;height:96%;top:50%}.destination-hub .destination-hub__art--portraits .destination-hub__picture{width:48%;height:82%}.destination-hub .destination-hub__art--jackets .destination-hub__picture{width:64%;height:70%}.destination-hub .destination-hub__art--models .destination-hub__picture{width:76%;height:92%;transform:translate(calc(-50% + var(--fan-x) * 20%), calc(-50% + var(--fan-y) * 1%)) rotate(calc(var(--fan-angle) / 3))}.destination-hub .destination-hub__art--stamps .destination-hub__picture{width:52%;height:78%;transform:translate(calc(-50% + var(--fan-x) * 34%), calc(-50% + var(--fan-y) * 2%)) rotate(calc(var(--fan-angle) / 2))}.destination-hub .destination-hub__tile--c3 .destination-hub__picture{width:58%;height:75%}.destination-hub .destination-hub__tile--c3 .destination-hub__art--models .destination-hub__picture{width:76%;height:92%}.destination-hub .destination-hub__tile--c3 .destination-hub__pictures--1 .destination-hub__picture{width:96%;height:96%}.destination-hub a.destination-hub__tile:hover .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 17%), calc(-50% + var(--fan-y) * 2%)) rotate(calc(var(--fan-angle) * 1.1))}.destination-hub .destination-hub__art--stamps .destination-hub__picture{width:48%;height:76%;transform:translate(calc(-50% + var(--fan-x) * 26%), calc(-50% + var(--fan-y) * 3%)) rotate(calc(var(--fan-angle) / 2));top:52%}.destination-hub a.destination-hub__tile:hover .destination-hub__art--stamps .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 29%), calc(-50% + var(--fan-y) * 3%)) rotate(calc(var(--fan-angle) / 2))}.destination-hub .destination-hub__art--landscape .destination-hub__picture{width:70%;height:74%;transform:translate(calc(-50% + var(--fan-x) * 10%), calc(-50% + var(--fan-y) * 1%)) rotate(calc(var(--fan-angle) / 2))}.destination-hub .destination-hub__art--banners .destination-hub__picture{width:82%;height:85%;transform:translate(calc(-50% + var(--fan-x) * 8%), -50%) rotate(calc(var(--fan-angle) / 4));top:50%}.destination-hub a.destination-hub__tile:hover .destination-hub__art--landscape .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 12%), calc(-50% + var(--fan-y) * 1%)) rotate(calc(var(--fan-angle) / 2))}.destination-hub a.destination-hub__tile:hover .destination-hub__art--banners .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 10%), -50%) rotate(calc(var(--fan-angle) / 4))}.destination-hub a.destination-hub__tile:hover .destination-hub__art--models .destination-hub__picture{transform:translate(calc(-50% + var(--fan-x) * 24%), calc(-50% + var(--fan-y) * 1%)) rotate(calc(var(--fan-angle) / 3))}.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(--hub-surface);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(--hub-surface) calc(33.33% - 2px) 33.33%), repeating-linear-gradient(0deg, transparent 0 calc(33.33% - 2px), var(--hub-surface) 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(--hub-surface);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(--hub-surface);color:var(--md-sys-color-on-surface);margin-left:-12px;transform:translateY(36px)}.destination-hub .destination-hub__conversation>span:nth-child(3){background:var(--hub-surface);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(--hub-surface);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}@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}}@container (width<=420px){.destination-hub .destination-hub__symbol{--icon-size:48px}.destination-hub .destination-hub__mosaic{grid-auto-rows:80px}.destination-hub .destination-hub__tile{padding:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large)}.destination-hub .destination-hub__tile-label{gap:var(--md-sys-spacing-1);margin-top:var(--md-sys-spacing-2)}.destination-hub .destination-hub__tile-label h2{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-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__open{flex-basis:28px;width:28px;height:28px}.destination-hub .destination-hub__tile--c3 .destination-hub__open,.destination-hub .destination-hub__tile--c4 .destination-hub__open{display:none}.destination-hub .destination-hub__symbol>svg{width:48px;height:48px}.destination-hub .destination-hub__score-media{gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3)}.destination-hub .destination-hub__conversation>span{--icon-size:48px;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}}}