/* Drawn accessories sit with the companion; they never affect marking. */
.drawn-avatar .pet-scarf{z-index:1}.drawn-avatar .desk-charm{inset:auto;left:-9%;bottom:-5%;width:40%;height:43%;z-index:4;transform:rotate(-5deg)}
.collection-sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collection-set.complete{border-color:var(--good)}.collection-set-title{display:flex;align-items:center;gap:12px}.collection-set-title h3{margin:0}.collection-set-title .drawn-icon{color:var(--cyan);flex:none}.set-items{display:flex;gap:7px;flex-wrap:wrap}.set-item{background:var(--surface2);color:var(--muted);border:1px dashed var(--line);border-radius:9px;padding:7px 10px;font-size:.78rem;line-height:1.4;text-align:left}.set-item:hover{border-color:var(--cyan)}.set-item.owned{border-style:solid;color:var(--lime);border-color:var(--lime)}
.reward-toolbar{display:flex;align-items:end;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:24px 0 18px}.reward-toolbar .field{min-width:230px}.reward-toolbar input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:12px;font:inherit;width:100%}.reward-target{outline:3px solid var(--cyan);outline-offset:4px}.trophy-filters{margin-bottom:20px}.reward-shop-card .reward-preview{padding:6px 10px 12px}
.notebook-cover{--cover-paper:#f0e8d7;--cover-accent:#8a9b9d;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:125px;height:142px;border:3px solid #283345;border-left:9px solid var(--cover-accent);border-radius:6px 13px 11px 6px;background:var(--cover-paper);color:#283345;box-shadow:4px 4px 0 #070b1430;text-align:center;padding:10px 7px;transform:rotate(-3deg);flex:none}.notebook-cover strong{font-size:.77rem;line-height:1.25}.notebook-cover small{font-size:.63rem}.cover-emblem{display:block;width:35px;height:37px}.cover-emblem svg{width:100%;height:100%}
.cover-botanical{--cover-paper:#e4ead9;--cover-accent:#799d77;--notebook-edge:#8aab88}.cover-tidal{--cover-paper:#dcebf0;--cover-accent:#759fab;--notebook-edge:#7ba5b3}.cover-workshop{--cover-paper:#e9dcc7;--cover-accent:#a18666;--notebook-edge:#c0a17c}.cover-starlight{--cover-paper:#e6e2f0;--cover-accent:#9083aa;--notebook-edge:#a898c5}.cover-patchwork{--cover-paper:#eedee5;--cover-accent:#b0889e;--notebook-edge:#c39fb3}
.notebook-cover.cover-botanical{background-image:radial-gradient(ellipse at 20% 80%,#9cbf8a55 0 9px,transparent 10px),radial-gradient(ellipse at 80% 15%,#9cbf8a55 0 9px,transparent 10px)}.notebook-cover.cover-tidal{background-image:repeating-radial-gradient(ellipse at 0% 130%,transparent 0 11px,#7ba5b320 12px 14px,transparent 15px 25px)}.notebook-cover.cover-workshop{background-image:linear-gradient(#8a9b9d22 1px,transparent 1px),linear-gradient(90deg,#8a9b9d22 1px,transparent 1px);background-size:14px 14px}.notebook-cover.cover-starlight{background-image:radial-gradient(#8e83a533 1px,transparent 2px);background-size:21px 21px}.notebook-cover.cover-patchwork{background-image:conic-gradient(#9eb6ad22 25%,transparent 0 50%,#9eb6ad22 0 75%,transparent 0);background-size:35px 35px}
.notebook-cover-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;background:var(--surface);border:2px solid var(--notebook-edge,var(--line));border-radius:20px 24px 16px 21px}.notebook-cover-banner h1{font-size:2.5rem!important;line-height:1.1;margin:12px 0 20px}.notebook-cover-banner .notebook-cover{width:145px;height:170px}.notebook-page .notebook-list .card{border-color:var(--notebook-edge,var(--line))}.notebook-page .notebook-list .card{border-left-width:4px}.notebook-page.cover-plain .notebook-list .card{border-left-width:1px}
@media(max-width:850px){.collection-sets{grid-template-columns:1fr}.notebook-cover-banner{gap:18px;padding:23px}.notebook-cover-banner .notebook-cover{width:120px;height:150px}}
@media(max-width:600px){.notebook-cover-banner{flex-direction:column;align-items:start}.notebook-cover-banner .notebook-cover{width:100px;height:115px}.notebook-cover-banner .notebook-cover strong{font-size:.68rem}.notebook-cover-banner .cover-emblem{width:27px;height:29px}.reward-toolbar{align-items:stretch}.reward-toolbar .field{width:100%;min-width:0}.reward-preview .notebook-cover{width:98px;height:116px}.reward-preview .notebook-cover strong{font-size:.67rem}.reward-preview .cover-emblem{width:27px;height:29px}.reward-preview .notebook-cover small{font-size:.58rem}}

.notebook-visual{display:grid;place-items:center;padding:15px;margin:16px 0;background:var(--surface2);border:1px solid var(--line);border-radius:13px}.notebook-visual svg{display:block;width:min(380px,100%);height:auto;max-height:230px}

/* Habitat scenes use the same animal and accessory coordinate system. */
.drawn-avatar.has-habitat{isolation:isolate;border-radius:17px 21px 15px 23px}.drawn-avatar .pet-habitat{z-index:0;border-radius:inherit}.drawn-avatar.has-habitat .pet-drawing{z-index:1}.drawn-avatar.has-habitat .pet-drawing,.drawn-avatar.has-habitat .pet-hat,.drawn-avatar.has-habitat .pet-scarf,.drawn-avatar.has-habitat .pet-glasses{inset:12.5%;width:75%;height:75%}.drawn-avatar.has-habitat .pet-scarf{z-index:2}.drawn-avatar.has-habitat .pet-hat{z-index:3}.drawn-avatar.has-habitat .pet-glasses{z-index:4}.drawn-avatar.has-habitat .desk-charm{left:1%;bottom:-2%;width:32%;height:35%}.drawn-avatar.has-habitat .portrait-pin{z-index:5}

/* The same three pen frames appear in the game and private profile. */
.trophy-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:20px 0}.showcase-place{min-width:0;border:2px solid var(--line);border-radius:16px 23px 15px 21px;background:var(--surface);box-shadow:3px 4px 0 #070b1426;padding:12px}.showcase-place.empty{border-style:dashed}.showcase-place.active{border-color:var(--lime);box-shadow:3px 4px 0 #a3bc4840}.showcase-choice,.showcase-display{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;padding:10px;color:inherit}.showcase-choice{border:0;border-radius:12px;background:transparent;cursor:pointer}.showcase-choice:hover{background:var(--bg)}.showcase-number{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.showcase-emblem{color:var(--lime);width:64px;height:65px;display:block}.showcase-emblem svg{width:100%;height:100%}.showcase-place.empty .showcase-emblem{opacity:.4}.showcase-place strong{font-size:1.03rem;line-height:1.4}.showcase-place small{color:var(--muted);font-size:.78rem;line-height:1.5}.showcase-clear{display:block;margin:5px auto;font-size:.8rem}.showcase-editor{scroll-margin-top:20px}.showcase-editor:focus{outline:2px solid var(--lime);outline-offset:8px}.showcase-editor>p{max-width:72ch;line-height:1.6}.trophy .btn{margin-top:8px}.home-showcase{margin:25px 0 35px}.showcase-profile-head{margin:0 0 12px}
@media(max-width:580px){.trophy-showcase{grid-template-columns:1fr;gap:12px}.showcase-choice,.showcase-display{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;min-height:110px;text-align:left;justify-content:start}.showcase-number,.showcase-place strong,.showcase-place small{grid-column:2}.showcase-emblem{grid-column:1;grid-row:1/4;width:52px;height:57px}.showcase-clear{margin:4px 8px 8px auto}}

.reward-toolbar select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:12px;font:inherit;width:100%}.reward-toolbar .reward-sort-field{min-width:195px}.reward-kind-label{display:inline-block;font-size:.72rem;letter-spacing:.04em;color:var(--cyan);margin-bottom:4px}.reward-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:24px 0}.reward-pagination>span{font-size:.85rem;color:var(--muted)}#reward-results{scroll-margin-top:22px}#reward-results:focus{outline:2px solid var(--cyan);outline-offset:8px}@media(max-width:600px){.reward-toolbar .reward-sort-field{min-width:0}.reward-pagination{gap:10px}.reward-pagination button{padding:10px 12px}}

.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.outfit-card{min-width:0;display:flex;flex-direction:column;align-items:start}.outfit-preview{min-height:160px;display:grid;place-items:center;align-self:center;padding:12px}.outfit-preview .drawn-avatar{width:135px}.outfit-empty-icon{display:block;color:var(--muted);width:65px;height:65px;opacity:.5}.outfit-empty-icon svg{width:100%;height:100%}.outfit-card h3{overflow-wrap:anywhere}.outfit-card .field{width:100%;margin-top:auto}.outfit-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:11px;font:inherit;margin:7px 0 14px}.outfit-card .btn-row{flex-wrap:wrap}#saved-outfits{margin:28px 0;scroll-margin-top:22px}#saved-outfits:focus{outline:2px solid var(--cyan);outline-offset:8px}@media(max-width:700px){.outfit-grid{grid-template-columns:1fr}.outfit-preview{min-height:120px}.outfit-preview .drawn-avatar{width:120px}}

/* The paper album keeps missing-item text readable while muting only the artwork. */
.reward-preview>.drawn-sticker{display:block;width:90px;height:98px;object-fit:contain}.sticker-album{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:20px 0 35px}.album-sticker{min-width:0;display:flex;align-items:center;flex-direction:column;gap:9px;padding:17px 12px;text-align:center;border:1px dashed var(--line);border-radius:15px 22px 16px 19px;background:var(--surface)}.album-sticker.collected{border-style:solid;border-color:var(--lime)}.album-sticker strong{font-size:.93rem;line-height:1.4;overflow-wrap:anywhere}.sticker-art{height:86px;display:grid;place-items:center}.sticker-art>.drawn-sticker{width:72px;height:78px;object-fit:contain}.sticker-art>.drawn-icon{display:block;width:60px;height:64px}.sticker-art .drawn-icon svg{width:100%;height:100%}.album-sticker.missing .sticker-art{filter:grayscale(1);opacity:.5}.sticker-collected{color:var(--lime)}.album-sticker .btn{margin-top:auto}#sticker-album{scroll-margin-top:22px}@media(max-width:400px){.sticker-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-sticker{padding:14px 8px}.album-sticker .btn{font-size:.76rem;padding:9px}}

.drawn-avatar .pet-bag{z-index:1;pointer-events:none}.drawn-avatar.has-habitat .pet-bag{inset:12.5%;width:75%;height:75%;z-index:2}

.fitting-room{margin:26px 0;scroll-margin-top:22px}.fitting-room .section-head{margin-top:0;align-items:start;gap:12px}.fitting-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr);gap:30px;margin:25px 0}.fitting-portrait{display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px;text-align:center;align-self:start;position:sticky;top:22px}.fitting-portrait .drawn-avatar{width:220px;max-width:100%}.fitting-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fitting-controls .field{min-width:0}.fitting-controls select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:11px;font:inherit;margin-top:7px}.fitting-summary{border-top:1px solid var(--line);padding-top:16px}.fitting-summary>p{line-height:1.6}.fitting-missing{list-style:none;padding:0;display:grid;gap:12px;margin:20px 0}.fitting-missing li{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed var(--line);padding:12px;border-radius:10px}.fitting-missing span{font-size:.85rem}.try-reward{margin-top:10px!important}#fitting-heading:focus{outline:2px solid var(--cyan);outline-offset:6px}@media(max-width:680px){.fitting-layout{grid-template-columns:1fr;gap:18px}.fitting-portrait{position:static}.fitting-controls{grid-template-columns:1fr}.fitting-room .section-head{flex-wrap:wrap}.fitting-missing li{align-items:start;flex-direction:column;gap:10px}.fitting-portrait .drawn-avatar{width:210px}}