/* Pelagos Cloudbook: illustrated harbor, living community, contained utility details.
 * avoid-ai-design-ignore-file: C5
 * Warm lantern light belongs to the living pixel harbor requested in the brief.
 */
:root{--p-harbor:#163b58;--p-harbor-ink:#eef7ff;--p-harbor-muted:#c5dced;--p-lantern:#edc994;--p-community-line:#d9e7f1;--p-live-green:#4f9c83}
body{position:relative;isolation:isolate}body:before{content:'';position:fixed;inset:-25px -35px;z-index:-1;pointer-events:none;background:url('../img/own/sky-backdrop.webp') center top/cover no-repeat;opacity:.62;transform:translate3d(0,0,0)}html[data-bs-theme="dark"] body:before{opacity:.08}body.ss-auth-page:before{opacity:.4}
.p-category-ribbon{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.p-category-ribbon>a{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:9px;min-width:0;width:100%;padding:13px 12px;overflow:hidden;isolation:isolate}.p-category-ribbon>a>img{width:32px;height:38px;min-width:0;object-fit:contain}.p-category-ribbon>a>span{min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.p-category-ribbon>a>i{justify-self:end;flex:none;margin:0;width:12px;font-size:12px;line-height:1}.p-category-ribbon>a:hover{border-color:#8ebce0;background:var(--p-wash)}
/* A head is one square image. No colored block is allowed to grow behind it. */
.ss-avatar,.avatar,.p-person-head,.ss-pl-head,.ss-pl-card-head{background:none;border:0;outline:0;box-shadow:none;padding:0;object-fit:cover;aspect-ratio:1;border-radius:8px;image-rendering:pixelated}.ss-pl-member .p-page-heading h1{display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap;max-width:100%}.ss-pl-portrait{display:inline-flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;height:96px;max-width:96px;padding:0;margin:0;border:0;border-radius:13px;background:transparent;box-shadow:none;overflow:hidden}.ss-pl-portrait img{display:block;width:100%;height:100%;max-width:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none;object-fit:cover}.ss-pl-member-name{flex:0 1 auto;max-width:calc(100% - 120px);line-height:1.1;overflow-wrap:anywhere}.ss-pl-member .p-page-heading h1{font-size:clamp(29px,3.5vw,44px)}.ss-pl-member-roles{margin-top:12px}.ss-pl-member .p-page-heading{min-height:145px}
.p-status-strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);padding-top:20px;padding-bottom:20px;margin-top:12px}.p-status-strip>div{display:flex;align-items:center;gap:13px;min-width:0}.p-status-strip>div>i{font-size:23px;color:var(--p-blue)}.p-status-strip span>b{display:block;font-size:18px;font-weight:800;line-height:1.2}.p-status-strip small{font-size:11px;color:var(--p-muted)}.p-status-strip small>b{font-weight:800;font-variant-numeric:tabular-nums}.p-season-clock>span>b{font-size:14px}.p-noticeboard{margin-top:26px;display:grid;grid-template-columns:125px minmax(0,1fr) 58px;gap:20px;align-items:center}.p-notice-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--p-blue)}.p-notice-label>i{font-size:22px}.p-notice-inner{display:grid;grid-template-columns:96px minmax(0,1fr) 30px;gap:18px;align-items:center;background:var(--p-surface);padding:14px;border:1px solid var(--p-line);border-radius:15px}.p-notice-inner>img{width:96px;height:64px;object-fit:cover;border-radius:9px}.p-notice-inner h2{font-size:16px;letter-spacing:-.02em;margin:0 0 5px;line-height:1.3}.p-notice-inner p{font-size:11px;line-height:1.5;color:var(--p-muted);margin:0}.p-notice-inner>a{display:grid;place-items:center;color:var(--p-blue);font-size:20px}.p-notice-controls{display:flex;gap:6px}.p-notice-controls>button{width:26px;height:31px;border:1px solid var(--p-line);border-radius:7px;background:var(--p-surface);color:var(--p-blue);font-size:10px}.p-home-categories{margin-top:60px}.p-home-categories>.p-eyebrow{display:block;margin-bottom:17px}.p-home-categories .p-category-ribbon{margin-bottom:0}.p-featured-gift{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;align-items:center;margin-top:35px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--p-line)}.p-featured-art{position:relative;display:grid;place-items:center;min-height:210px}.p-featured-art>img{width:210px;height:200px;object-fit:contain;position:relative;z-index:1}.p-featured-orbit{position:absolute;width:240px;height:88px;border:1px dashed #a9cce6;border-radius:50%;transform:rotate(-16deg);bottom:30px}.p-featured-gift h2{font-size:34px;margin:0 0 12px}.p-featured-gift>div>p:not(.p-eyebrow){font-size:14px;color:var(--p-muted);max-width:550px}.p-featured-price{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.p-featured-price>b{font-size:25px;font-weight:800}.p-featured-price>del{font-size:13px;color:var(--p-muted)}.p-home-pagination{padding-top:30px}.p-home-pagination .pagination{justify-content:flex-end}
/* Activity has compact rows and separate feeds, rather than a decorative podium. */
.p-community{padding-top:65px;padding-bottom:65px}.p-community-live{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--p-muted)}.p-community-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.85fr);gap:24px;align-items:start}.p-supporters,.p-activity-feed{background:var(--p-surface);border:1px solid var(--p-line);border-radius:17px;min-width:0}.p-module-title{display:flex;align-items:center;gap:9px;padding:21px 22px 15px}.p-module-title>i{color:var(--p-blue);font-size:19px}.p-module-title h3{font-size:17px;line-height:1.25;letter-spacing:-.02em;margin:0}.p-period-tabs{display:flex;gap:14px;margin:0 22px;border-bottom:1px solid var(--p-line)}.p-period-tabs>button{padding:4px 0 12px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--p-muted);font-size:11px;font-weight:800}.p-period-tabs>button.active{color:var(--p-blue);border-bottom-color:var(--p-blue)}.p-supporter-list{list-style:none;padding:5px 22px;margin:0}.p-supporter-list>li{display:grid;grid-template-columns:13px 36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--p-line)}.p-supporter-list>li:last-child{border-bottom:0}.p-supporter-position{font-size:10px;color:var(--p-muted);font-weight:700}.p-person-head{width:34px;height:34px;flex:none;display:block}.p-person-name{min-width:0;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-person-name a{text-decoration:none}.p-person-name a:hover{text-decoration:underline}.p-supporter-list strong{font-size:12px;white-space:nowrap;color:var(--p-blue)}.p-supporter-thanks{border-top:1px solid var(--p-line);padding:15px 22px;margin:0;font-size:10px;line-height:1.6;color:var(--p-muted);background:var(--p-wash);border-radius:0 0 17px 17px}.p-activity-stack{display:flex;flex-direction:column;gap:22px;min-width:0}.p-activity-feed .p-module-title{padding-bottom:8px}.p-activity-feed ul{list-style:none;padding:0 20px 10px;margin:0}.p-activity-feed li{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--p-line)}.p-activity-feed li:last-child{border-bottom:0}.p-activity-person{flex:1;min-width:0;font-size:12px;font-weight:800}.p-activity-person>a{text-decoration:none}.p-activity-person>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--p-muted);font-weight:400;margin-top:2px}.p-activity-feed li>strong{font-size:11px;color:var(--p-blue);white-space:nowrap}.p-purchase-check{font-size:14px;color:var(--p-live-green)}.p-module-empty{font-size:12px;color:var(--p-muted);padding:22px}.p-discord-room{background:var(--p-wash);border-radius:20px;overflow:hidden}.p-discord-scene{height:165px;position:relative;overflow:hidden}.p-discord-scene>img{width:100%;height:100%;object-fit:cover}.p-discord-scene>i{position:absolute;bottom:14px;left:20px;font-size:30px;color:white;filter:drop-shadow(0 2px 4px #1d416c80)}.p-discord-copy{padding:23px}.p-discord-copy h3{font-size:24px;line-height:1.2;margin-bottom:12px}.p-discord-copy>p:not(.p-eyebrow){font-size:12px;color:var(--p-muted)}.p-discord-copy .p-button{width:100%;font-size:12px;padding:12px 15px}.p-discord-presence{display:flex;gap:8px;align-items:center;margin-bottom:15px;font-size:11px;color:var(--p-muted)}.p-help-desk{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;padding-top:40px;padding-bottom:40px}.p-help-desk h2{font-size:32px;line-height:1.2;margin-bottom:16px}.p-help-desk>div>p:not(.p-eyebrow){font-size:13px;color:var(--p-muted)}.p-help-desk nav{margin:25px 0 18px}.p-help-desk nav>a{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--p-line);font-size:12px;text-decoration:none;color:var(--p-blue);font-weight:700}.p-help-desk .accordion-item{margin-bottom:12px;border:1px solid var(--p-line);border-radius:14px;overflow:hidden}.p-help-desk .accordion-button{font-size:14px;line-height:1.5;padding:19px 21px}.p-help-desk .accordion-body{font-size:13px;line-height:1.8;padding:5px 21px 21px}.p-help-desk .accordion-body p{margin-bottom:12px}.p-help-desk .accordion-body .p-text-link{font-size:12px}
/* Edge-to-edge pixel harbor; its painted scenery is independent of the text container. */
.p-footer--harbor{width:100%;max-width:none;position:relative;isolation:isolate;overflow:hidden;margin-top:45px;min-height:580px;background:var(--p-harbor);color:var(--p-harbor-ink)}.p-footer--harbor:after{display:none}.p-footer-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.p-footer-landscape{position:absolute;inset:-20px -3%;background:url('../img/own/harbor-footer.webp') center 60%/cover no-repeat;opacity:.8;transform:translate3d(0,0,0)}.p-footer-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--p-bg) 0%,transparent 18%,#12344f2b 36%,#102d48c9 100%)}.p-footer-mist{position:absolute;inset:0;background:url('../img/own/sky-backdrop.webp') 20% 40%/cover;opacity:.14;mix-blend-mode:screen;mask-image:linear-gradient(transparent 38%,#000 65%,transparent 100%)}.p-footer--harbor .p-footer-content{padding-top:140px;padding-bottom:27px}.p-footer-harbor-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start;padding-bottom:45px}.p-footer-story{position:relative}.p-footer-story>.p-brand{color:#f1f8ff;--p-surface:#244e71;margin-bottom:22px;align-items:center}.p-footer-story .p-brand-symbol{width:46px;height:38px}.p-footer-story .p-brand>span{font-size:29px}.p-footer-story .p-brand small{color:#d5e7f5;font-size:9px}.p-footer-story h2{font-size:35px;line-height:1.16;color:#f3f9ff;letter-spacing:-.035em;margin:0 0 17px;text-shadow:0 2px 16px #18374f55}.p-footer-story>p{font-size:13px;line-height:1.8;color:var(--p-harbor-muted);max-width:340px}.p-footer-connect{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:24px;background:#123450a6;border:1px solid #b7d5ed3d;padding:12px 17px;border-radius:13px;color:#eff7ff;max-width:340px;width:100%;text-align:left}.p-footer-connect small{display:block;font-size:10px;color:#c6dfef}.p-footer-connect b{font-size:17px}.p-footer-connect>i{font-size:20px;color:#d2e9fa}.p-footer--harbor .p-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;justify-content:initial;padding:27px;margin:5px 0 0;background:#133650b8;border:1px solid #b7d5ed30;border-radius:17px}.p-footer--harbor .p-footer-links section{min-width:0}.p-footer--harbor .p-footer-links h3{font-size:13px;color:#f0f8ff;line-height:1.4;letter-spacing:0}.p-footer--harbor .p-footer-links a{font-size:11px;color:#d2e6f5;line-height:1.6;overflow-wrap:anywhere;margin:9px 0}.p-footer--harbor .p-footer-links a:hover{color:white}.p-footer--harbor .p-footer-bottom{border-top-color:#b7d5ed36;color:#c8deee;font-size:10px;padding-top:24px}.p-footer--harbor .p-footer-controls .btn{background:#315b7c;color:#e7f3ff}.p-footer--harbor .p-backtop{color:#f0f7ff;background:#315b7c}.p-footer-airship{position:absolute;top:55px;right:16%;width:110px;height:auto;opacity:.9}.p-harbor-light{position:absolute;width:4px;height:4px;background:var(--p-lantern);border-radius:50%;box-shadow:0 0 10px 3px #efc37750;left:6%;top:58%;opacity:.5}.p-harbor-light:nth-of-type(2){left:86%;top:45%;animation-delay:-2s}.p-harbor-light:nth-of-type(3){left:92%;top:76%;animation-delay:-5s}.p-harbor-light:nth-of-type(4){left:10%;top:82%;animation-delay:-8s}
@media(prefers-reduced-motion:no-preference){.ss-motion body:before{animation:p-sky-drift 90s ease-in-out infinite alternate}.ss-motion .p-footer.is-in-view .p-footer-landscape{animation:p-harbor-drift 55s ease-in-out infinite alternate}.ss-motion .p-footer.is-in-view .p-footer-mist{animation:p-mist-drift 35s ease-in-out infinite alternate}.ss-motion .p-footer.is-in-view .p-footer-airship{animation:p-airship-float 9s ease-in-out infinite}.ss-motion .p-footer.is-in-view .p-harbor-light{animation:p-lantern-glow 7s ease-in-out infinite alternate}.p-gift,.p-world,.p-category-ribbon>a{transition:transform .25s ease,border-color .25s ease}.p-gift:hover{transform:translateY(-3px)}.p-world:hover{transform:translateY(-3px)}.ss-motion .p-featured-art>img{animation:p-item-float 7s ease-in-out infinite}.p-page-hidden *,.p-page-hidden:before,.p-page-hidden body:before{animation-play-state:paused!important}}
@keyframes p-sky-drift{to{transform:translate3d(20px,14px,0)}}@keyframes p-harbor-drift{to{transform:translate3d(18px,-8px,0) scale(1.02)}}@keyframes p-mist-drift{to{transform:translate3d(-35px,8px,0)}}@keyframes p-airship-float{50%{transform:translate3d(-12px,-9px,0) rotate(-2deg)}}@keyframes p-lantern-glow{to{opacity:1;box-shadow:0 0 15px 5px #efc37770}}@keyframes p-item-float{50%{transform:translateY(-7px)}}
@media(min-width:1800px){.p-footer--harbor{min-height:660px}.p-footer--harbor .p-footer-content{padding-top:180px}.p-footer-landscape{background-position:center 58%}}
@media(max-width:1100px){.p-community-grid{grid-template-columns:1fr 1fr}.p-discord-room{grid-column:span 2;display:grid;grid-template-columns:1fr 1.3fr}.p-discord-scene{height:100%;min-height:200px}.p-discord-copy{padding:25px}.p-footer-harbor-grid{gap:45px}.p-footer--harbor .p-footer-links{grid-template-columns:1fr 1fr}.p-help-desk{gap:40px}.p-footer-story h2{font-size:31px}.p-status-strip{gap:22px}.p-status-strip>div{flex:1 1 180px}}
@media(max-width:700px){.p-status-strip{gap:20px 15px;margin-top:5px;padding-block:20px}.p-status-strip>div{flex:1 1 calc(50% - 15px);gap:9px}.p-status-strip>div>i{font-size:19px}.p-status-strip span>b{font-size:16px}.p-status-strip small{font-size:9px}.p-season-clock>span>b{font-size:12px}.p-noticeboard{grid-template-columns:minmax(0,1fr) 58px;gap:12px;margin-top:24px}.p-notice-label{grid-column:span 2}.p-notice-inner{grid-template-columns:65px minmax(0,1fr) 18px;gap:11px;padding:11px}.p-notice-inner>img{width:65px;height:65px}.p-notice-inner h2{font-size:13px}.p-notice-inner p{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-notice-inner>a{font-size:17px}.p-home-categories{margin-top:35px}.p-category-ribbon{grid-template-columns:1fr 1fr;gap:10px}.p-category-ribbon>a{grid-template-columns:30px minmax(0,1fr) 12px;padding:12px 10px;gap:8px}.p-category-ribbon>a>span{font-size:11px}.p-category-ribbon>a>img{width:30px;height:32px}.p-featured-gift{grid-template-columns:100px minmax(0,1fr);gap:20px;padding-top:22px;padding-bottom:27px;margin-top:20px}.p-featured-art{min-height:135px}.p-featured-art>img{width:105px;height:125px}.p-featured-orbit{width:115px;height:50px;bottom:15px}.p-featured-gift h2{font-size:24px}.p-featured-gift>div>p:not(.p-eyebrow){font-size:11px;line-height:1.7}.p-featured-price{gap:12px;margin-top:16px}.p-featured-price>b{font-size:20px}.p-featured-price>.p-button{font-size:11px;padding:10px 13px}.p-community{padding-top:38px;padding-bottom:38px}.p-community-live{margin-top:15px;font-size:11px}.p-community-grid{grid-template-columns:1fr;gap:18px}.p-discord-room{grid-column:auto;grid-template-columns:1fr}.p-discord-scene{height:160px;min-height:160px}.p-discord-copy{padding:22px}.p-activity-stack{gap:18px}.p-supporter-list>li{grid-template-columns:15px 36px minmax(0,1fr) auto}.p-supporter-list strong{font-size:13px}.p-help-desk{grid-template-columns:1fr;gap:25px;padding-top:25px;padding-bottom:20px}.p-help-desk h2{font-size:28px}.p-help-desk nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:18px}.p-help-desk .accordion-button{font-size:12px;padding:17px}.p-help-desk .accordion-body{font-size:12px;padding:0 17px 18px}.p-footer--harbor{margin-top:25px;min-height:0}.p-footer--harbor .p-footer-content{padding-top:110px}.p-footer-landscape{inset:-15px -25%;background-position:45% 50%;opacity:.65}.p-footer-harbor-grid{grid-template-columns:1fr;gap:30px;padding-bottom:28px}.p-footer-story h2{font-size:32px}.p-footer-story>p{font-size:12px;max-width:340px}.p-footer--harbor .p-footer-links{grid-template-columns:1fr 1fr;max-width:none;margin:0;padding:23px;gap:25px}.p-footer--harbor .p-footer-links h3{font-size:12px}.p-footer--harbor .p-footer-links a{font-size:11px}.p-footer-airship{top:38px;right:10%;width:85px}.p-footer--harbor .p-footer-bottom{gap:15px;font-size:10px}.ss-pl-portrait{flex-basis:70px;width:70px;height:70px;max-width:70px;border-radius:9px}.ss-pl-member .p-page-heading h1{gap:16px;font-size:31px;flex-wrap:nowrap}.ss-pl-member-name{max-width:calc(100% - 86px)}.ss-pl-member .p-page-heading{min-height:130px}.p-community-live{display:none}}
@media(prefers-reduced-motion:reduce){body:before,.p-footer-landscape,.p-footer-mist,.p-footer-airship,.p-harbor-light,.p-featured-art>img{animation:none!important;transform:none!important}}
.ss-acc-avatar-frame{padding:0;background:transparent;border:0;box-shadow:none;border-radius:10px;overflow:hidden}.ss-acc-id-top .ss-avatar,.ss-acc-avatar-frame .ss-avatar,.ss-pl-podium .head{padding:0;border:0;outline:0;box-shadow:none;background:transparent;border-radius:9px}.ss-acc-id-top{background:var(--p-wash);color:var(--p-ink)}.ss-acc-id-name{color:var(--p-ink)}.ss-acc-id-mail{color:var(--p-muted)}.ss-pl-card-media{background:var(--p-wash);aspect-ratio:16/9}.ss-pl-card-media:before{display:none}.ss-pl-card-go{background:var(--p-sky);color:var(--p-blue);border-radius:50%}