.album-app .sortable-catalog .catalog-dragging{opacity:.45!important;outline:2px dashed #295cdd;box-shadow:none}
.profile-delete-footer{margin-right:auto}.modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.storage-card{background:white;border:1px solid #d0dced;border-radius:10px;padding:24px}.storage-card>strong{font-size:32px}.storage-card progress{display:block;width:100%;height:18px;accent-color:#295cdd}.storage-card progress[hidden]{display:none}#board-link{display:block;font-size:20px;font-weight:700;margin-bottom:20px}#statistics-link{display:block;margin-top:20px}@media(max-width:900px){.desktop-statistics{display:none}}
.avatar-builder .part-colors{min-height:72px;margin:16px 0 4px;text-align:center}.avatar-builder .part-colors .swatches{border:0;margin:0;padding:0}.avatar-builder .part-colors legend{font-size:14px;margin-bottom:10px;float:none;width:100%;font-weight:650}.avatar-builder .part-colors .swatches{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.avatar-builder .part-colors label{cursor:pointer}.avatar-builder .part-colors input{position:absolute;opacity:0;width:1px}.avatar-builder .part-colors span{display:block;width:27px;height:27px;border-radius:50%;background:var(--swatch);border:2px solid white;box-shadow:0 0 0 1px #b8c6df}.avatar-builder .part-colors input:checked+span{box-shadow:0 0 0 3px #295cdd}.avatar-builder .part-colors input:focus-visible+span{outline:3px solid #9178bd;outline-offset:4px}.live-status{font-size:13px;color:#52698f}.live-error{padding:36px;max-width:650px;margin:auto}.live-error a{color:#295cdd}

@media(min-width:901px){.album-app .board{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px}.album-app .board .child-card{width:auto!important;min-width:0}}
.catalog-icon{display:inline-grid;place-items:center;min-width:42px;min-height:42px;padding:9px}.catalog-icon svg{width:21px;height:21px}.catalog-ghost{position:fixed!important;z-index:10000;pointer-events:none;opacity:.7;background:#fff;border:1px solid #8eabe5;box-shadow:0 8px 24px #20345c40;display:flex;gap:14px;align-items:center;padding:18px;border-radius:12px}.catalog-ghost .details{flex:1}.catalog-ghost .pixel img{width:48px;height:48px}.catalog-ghost h3,.catalog-ghost p{margin:4px}.catalog-dragging{opacity:.2!important}.onboarding{max-width:600px;margin:45px auto;text-align:center;padding:32px;background:#fff;border:1px solid #ccd8f0;border-radius:12px}.onboarding>img{width:88px;image-rendering:pixelated}.onboarding h2{font-size:30px}.reset-profile{margin:18px 0}

.album-app #content:has(.board){padding-top:24px}

.album-app .main-toolbar{position:sticky;top:calc(70px + env(safe-area-inset-top));z-index:19;background:#f3f6fc}
@media(max-width:760px){.album-app .main-toolbar{top:calc(62px + env(safe-area-inset-top))}}

.album-app .board{max-height:none}
.sync-status{margin:0 0 16px;padding:10px 14px;background:#fff3cc;border:1px solid #ead17e;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.sync-status[hidden]{display:none}.sync-status button{flex:none}.pending-movement{color:#926a10}

.album-app .redeem-avatar,.album-app .redeem-avatar:hover,.album-app [data-new-item],.album-app [data-new-item]:hover{font-family:inherit;font-weight:700;font-size:16px;line-height:1.35;border:1px solid #193f9d;border-radius:6px;box-shadow:0 3px #193f9d;text-shadow:none;min-height:48px;padding:12px 18px}
.album-app .redeem-avatar{padding:12px 10px}.album-app .redeem-avatar:active,.album-app [data-new-item]:active{transform:translateY(2px);box-shadow:0 1px #193f9d}
.pwa-guide{max-width:440px;width:calc(100% - 32px);border:1px solid #bdcce7;border-radius:12px;padding:26px;color:#20345c;background:white;font:16px/1.6 "Segoe UI",Arial,sans-serif}.pwa-guide::backdrop{background:#20345c80}.pwa-guide h2{font-size:23px;line-height:1.25;margin:0 0 20px}.pwa-guide ol{padding-left:22px}.pwa-guide li{margin-bottom:12px}.pwa-guide button{background:#295cdd;color:white;border:1px solid #193f9d;border-radius:6px;padding:10px 18px;box-shadow:0 3px #193f9d;font:inherit;cursor:pointer}.pwa-installed [data-install-app]{display:none!important}

.sync-status{flex-wrap:wrap}.pwa-installed #install{display:none!important}

.album-app .penalty-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center;margin-top:18px;background:#fff0ef;border-radius:8px}.album-app .penalty-row .action.penalty{margin:0;padding-right:6px;background:transparent}.album-app .penalty-row .quick-undo{margin-right:0}.album-app .home-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.album-app .home-heading>div{min-width:0;flex:1}.album-app #house{max-width:100%;text-overflow:ellipsis}.family-install{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#111;color:white;border:1px solid #000;border-radius:6px;box-shadow:0 3px #000;padding:10px 14px;font-size:14px;font-weight:700;flex:none;white-space:nowrap}.family-install:hover{background:#242424;color:white;border-color:#000}.family-install img{width:20px;height:22px;flex:none}.family-install[hidden]{display:none!important}.family-install:active{transform:translateY(2px);box-shadow:0 1px #000}
@media(max-width:760px){.album-app .home-heading{gap:10px}.album-app #house{font-size:19px;letter-spacing:-.5px;padding-right:14px;min-width:0}.album-app .family-install{padding:9px 10px;font-size:13px;gap:6px}.album-app .family-install img{width:18px;height:20px}}

.album-app .empty-child-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:350px;width:100%;border:2px dashed #9aafd3;border-radius:12px;background:transparent;color:#526b98;font-size:20px;font-weight:700;box-shadow:none;flex:0 0 100%}.album-app .empty-child-card:hover{border-color:#295cdd;background:#eaf0fc;color:#295cdd}.empty-child-plus{font-size:64px;font-weight:400;line-height:1}.album-app .empty-child-card:active{background:#dfe9fc}

.album-app .board-add-child{flex:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;border:1px solid #193f9d;border-radius:6px;box-shadow:0 3px #193f9d;padding:10px 16px}.board-add-child[hidden]{display:none!important}.album-app .board-add-child:active{transform:translateY(2px);box-shadow:0 1px #193f9d}.board-add-child>span{font-size:23px;line-height:1}@media(max-width:760px){.album-app .home-heading{flex-wrap:wrap}.album-app .board-add-child{order:3;flex-basis:100%;margin-top:4px}}

.avatar-builder .avatar-control-group h3{text-align:center}.avatar-builder .avatar-control-grid>.swatches:has(input[name="skin"]){grid-column:1/-1;justify-content:center;text-align:center}.avatar-builder .avatar-control-grid>.swatches:has(input[name="skin"]) legend{width:100%;text-align:center}
/* Keep horizontal profile navigation inside the board, including Safari. */
html.album-app{overflow-x:clip}.album-app body{width:100%;min-width:0}.album-app main{width:100%;min-width:0}.album-app #content,.album-app .board{min-width:0;max-width:100%}.album-app .main-toolbar nav{flex:1;overscroll-behavior-x:contain}.album-app .app-header .logo{min-width:0}.album-app .header-tools{flex-shrink:0}.album-app .home-heading h1{min-width:0}.album-app #house{width:100%;min-width:0}
@media(max-width:760px){.album-app .app-header{gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.album-app .logo{flex:1;overflow:hidden}.album-app .logo>img{flex:none}.album-app .logo>span:first-of-type{flex:none}.album-app #current-child-name{min-width:0;flex:1;max-width:none}.album-app .board{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.album-app main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
/* Controls stay together above the full-width description on phones. */
@media(max-width:760px){.album-app .sortable-catalog .list-row,.catalog-ghost{display:grid;grid-template-columns:28px minmax(0,1fr) repeat(3,38px);gap:6px;align-items:center}.album-app .sortable-catalog .drag-handle{grid-column:1;grid-row:1;min-width:28px;width:28px;padding:3px;order:0}.album-app .sortable-catalog .list-row>.pixel{grid-column:2;grid-row:1;width:44px}.album-app .sortable-catalog .list-row>.details{grid-column:1/-1;grid-row:2;width:100%}.album-app .sortable-catalog .catalog-icon{grid-row:1;min-width:38px;width:38px;padding:8px;margin:0!important}.album-app .sortable-catalog .catalog-icon[data-edit-item]{grid-column:3}.album-app .sortable-catalog .catalog-icon[data-archive]{grid-column:4}.album-app .sortable-catalog .catalog-icon.danger{grid-column:5}.catalog-ghost .details{grid-column:1/-1;grid-row:2}.catalog-ghost .drag-handle,.catalog-ghost .pixel,.catalog-ghost .catalog-icon{grid-row:1}.catalog-ghost .drag-handle{order:0}}