.world[data-view=home]{--academy:#193742;--gilt:#e2cc91}
.world[data-view=home] .topbar{color:#f6e7bb;background:linear-gradient(#16333bf0,#16333bba);border-bottom:1px solid #e7d3a940;padding-top:12px;padding-bottom:12px}
.world[data-view=home] .brand{color:#f8e9c6;text-shadow:none;letter-spacing:4px}
.world[data-view=home] .topbar .back{color:#e9d4a0;border-color:#d4bf834d;background:#ffffff08}
.world[data-view=home] .topbar button{color:#f3dfb1;background:#ffffff08;border-color:#ddc89366;border-radius:5px}
.world[data-view=home] .topbar button:hover{background:#f6e4b222}
.world[data-view=home] .save-status{color:#d8e2cf}
.pack-library{align-self:start;margin-top:6px;padding:22px 14px 26px;border:1px solid #e4ce956e;border-radius:7px;background:linear-gradient(#1a344733,#102c3588),url('assets/material-academy-v1-opt1.webp') center/400px;box-shadow:0 12px 28px #102e3644,inset 0 0 0 5px #c4ba8640,inset 0 0 0 6px #1b3440}
.pack-library h1{margin:0 4px 24px;color:#eddbae;font-size:15px;letter-spacing:5px}.pack-library h1::after{background:#e6d09c44}
.pack-list{padding:3px 2px 9px;max-height:59svh}
.pack-library .pack-list-item{border-radius:5px;border:1px solid #e7d1a1;background:radial-gradient(circle at 50% 32%,#d7985044,transparent 48%),linear-gradient(#102e3922,#10222caa),url('assets/material-academy-v1-opt1.webp') center/300px;box-shadow:inset 0 0 0 5px #e0d69d14,0 5px 14px #091f314d}
.pack-library .pack-list-item[aria-pressed=true]{box-shadow:inset 0 0 0 4px #d4b87522,0 0 0 1px #c8af7177,0 5px 16px #051d3388}
.pack-library .pack-list-item::before{border-color:#e6d29b99;box-shadow:0 0 0 8px #ab996622,0 0 0 9px #ebd79b55}
.pack-list-item strong{color:#f0dab1;font-weight:500}.pack-list-item small{color:#b8c4b9}
.garden-heading{padding:10px 26px 12px;min-width:232px;border:1px solid #d7c28f99;border-radius:3px;background:linear-gradient(100deg,#203c46ed,#203c46cf),url('assets/material-academy-v1-opt1.webp') center/320px;box-shadow:0 8px 20px #24463722;position:relative}
.garden-heading::before,.garden-heading::after{content:"";position:absolute;top:50%;width:5px;height:5px;border:1px solid #efdca7;transform:rotate(45deg)}
.garden-heading::before{left:11px}.garden-heading::after{right:11px}.garden-heading h2{font-size:27px;color:#f2e3bd;font-weight:600;text-shadow:none;letter-spacing:5px}.garden-heading span{color:#bbcabd;font-size:10px;letter-spacing:2px}
.pack-departure{background:linear-gradient(110deg,#15353f44,#102d3c77),url('assets/material-academy-v1-opt1.webp') center/450px;border:1px solid #d1bc8caa;border-radius:7px;box-shadow:inset 0 0 0 4px #d4c39418,0 10px 35px #142d3c44}
.pack-departure h2{color:#e6d6b1;font-weight:500}.pack-departure h2 span{color:#9bbab8}
.pack-socket{border-radius:3px;border-color:#b9b8984d;background:#0a223033;box-shadow:inset 0 2px 12px #061b2633}
.pack-socket.occupied{border-color:#e3cd8a;background:linear-gradient(110deg,#a18b5e2b,#c9c29812);box-shadow:inset 0 0 0 3px #d4bd7e17}
.pack-socket .equipped-pack{color:#f3dfb4}.pack-socket>button{color:#a9beb6}.pack-socket:not(.occupied)>button::before{color:#9ab5b8}
.pack-socket .pack-remove{background:#071c2c77;border-radius:3px;color:#bccfca}
.pack-start-actions button.primary{border-radius:4px;border:1px solid #efd595;background:linear-gradient(120deg,#eed398,#c9ad70);color:#1d3640;box-shadow:inset 0 0 0 3px #ffedb033,0 3px 12px #081e3244}
.pack-start-actions button.quiet{border-radius:4px;border-color:#c9d2b742;color:#cbdad1}
.pack-drag-ghost{background:linear-gradient(#213c47d9,#213c47d9),url('assets/material-academy-v1-opt1.webp') center/300px;border-radius:5px}
@media(max-width:900px){.pack-library{padding:16px 7px 18px}.pack-library h1{margin-bottom:18px;font-size:13px;letter-spacing:2px}.garden-heading{min-width:0;padding:10px 19px}.garden-heading h2{font-size:22px;letter-spacing:3px}.garden-heading span{font-size:10px;letter-spacing:0}}
@media(max-width:550px){.pack-library{padding:12px 3px}.pack-library h1{font-size:11px;margin-bottom:15px}.pack-library .pack-list-item{height:146px}.pack-list-item strong{font-size:10px;letter-spacing:0}.pack-list-item small{font-size:8px}.garden-heading{padding:10px 15px}.garden-heading h2{font-size:19px;letter-spacing:2px}.garden-heading span{font-size:9px}.garden-heading::before{left:5px}.garden-heading::after{right:5px}.pack-departure{border-radius:6px}.world[data-view=home] .topbar{padding:10px 12px}}

.pack-list-item strong{max-width:100%;font-size:16px;letter-spacing:1px}.pack-socket .equipped-pack{font-size:12px}
@media(max-width:900px){.pack-list-item strong{font-size:12px;letter-spacing:0}}
@media(max-width:550px){.pack-library h1{letter-spacing:0}.pack-list-item strong{font-size:10px;line-height:1.5}.pack-socket .equipped-pack{font-size:10px}}

/* Original nest remains intact; silhouette hierarchy carries the contrast. */
.home-garden .nest-art{width:60%;left:20%;height:84px;bottom:0;filter:drop-shadow(0 3px 2px #49382133)}
.home-garden .pack-card .pet-motion{height:clamp(96px,15svh,150px);bottom:30px;left:7%;width:86%}
.home-garden .pack-card .pet-visual img{filter:drop-shadow(1px 0 0 #fff9e4) drop-shadow(-1px 0 0 #fff9e4) drop-shadow(0 -1px 0 #fff9e4) drop-shadow(0 2px 1px #31403499) drop-shadow(0 6px 3px #23392b44)}
@media(max-width:900px){.home-garden .nest-art{width:64%;left:18%;height:67px;bottom:1px}.home-garden .pack-card .pet-motion{height:100px;bottom:23px;left:1%;width:98%}}
@media(max-width:550px){.home-garden .nest-art{width:74%;left:13%;height:57px;bottom:2px}.home-garden .pack-card .pet-motion{height:85px;bottom:22px;left:0;width:100%}}
