.onnen-sealed-object{position:relative;display:grid;place-items:center;isolation:isolate;pointer-events:none;min-width:0;--object-width:70%;--tile-x:0%;--tile-y:0%;--tile-ratio:443 / 410;--sheet-x:400.45%;--sheet-y:216.34%;--stamp-x:50%;--stamp-y:53%}
html:not([data-onnen-ink-ready='true']) .onnen-object-stamp{background:none;color:#b45f46;font:600 20cqw/1 serif;text-align:center}
.onnen-object-crop{position:relative;width:var(--object-width);aspect-ratio:var(--tile-ratio);background:url('/assets/scenes/onnen-sealed-objects.webp') var(--tile-x) var(--tile-y)/var(--sheet-x) var(--sheet-y) no-repeat;container-type:inline-size;filter:drop-shadow(0 16px 20px #0008)}
.onnen-object-stamp{position:absolute;left:var(--stamp-x);top:var(--stamp-y);transform:translate(-50%,-50%) rotate(-8deg);display:block;width:32%;aspect-ratio:1;border:0;outline:0;color:transparent;background:url('/assets/materials/worn-seal.png') center/contain no-repeat;font-size:0;text-shadow:none;box-shadow:none;filter:brightness(.80) saturate(.72);animation:onnen-object-stamp-in .42s ease-out both}
[data-object='clay']{--object-width:52%;--stamp-y:55%}
[data-object='jar']{--object-width:60%;--tile-x:33.31%;--stamp-y:61%}
[data-object='vhs']{--object-width:76%;--tile-x:66.64%;--stamp-x:52%;--stamp-y:54%}
[data-object='red-diary']{--object-width:73%;--tile-x:100%;--stamp-y:55%}
[data-object='black-diary'],[data-object='old-diary'],[data-object='straw'],[data-object='scroll']{--tile-y:100%;--tile-ratio:443 / 477;--sheet-y:185.95%}
[data-object='black-diary']{--object-width:73%;--tile-x:0%;--stamp-y:54%}
[data-object='old-diary']{--object-width:73%;--tile-x:33.31%;--stamp-y:54%}
[data-object='straw']{--object-width:82%;--tile-x:66.64%;--stamp-y:47%}
[data-object='scroll']{--object-width:86%;--tile-x:100%;--stamp-y:56%}
#v25KeepsakePreview .v25-keepsake-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:22px}
#v25KeepsakePreview .v25-keepsake-options,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
#v25KeepsakePreview .v25-keepsake-option,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-height:88px;padding:8px 10px;color:#d0c1af;background:#0b0c0ddb;border:1px solid #8873594a;text-align:left;transition:border-color .2s,background-color .2s;letter-spacing:0}
#v25KeepsakePreview .v25-keepsake-option strong,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode strong{font:500 14px/1.5 system-ui,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
:is(#v25KeepsakePreview,#v25ArchiveKeepsakeViewer) :is(.v25-keepsake-option,.v25-archive-keepsake-mode) .onnen-sealed-object{width:48px;height:66px;min-height:0}
:is(#v25KeepsakePreview,#v25ArchiveKeepsakeViewer) :is(.v25-keepsake-option,.v25-archive-keepsake-mode) .onnen-object-crop{width:100%}
:is(#v25KeepsakePreview,#v25ArchiveKeepsakeViewer) :is(.v25-keepsake-option,.v25-archive-keepsake-mode) .onnen-object-stamp{display:none}
#v25KeepsakePreview .v25-keepsake-option[aria-pressed='true'],#v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode[aria-pressed='true']{border-color:#ce8b6f;background:#39211bc9;color:#f6e7d4;box-shadow:inset 3px 0 #c66a4b}
:is(#v25KeepsakePreview,#v25ArchiveKeepsakeViewer) :is(.v25-keepsake-option,.v25-archive-keepsake-mode):focus-visible{outline:2px solid #efd0a2;outline-offset:3px}
#v25KeepsakePreview .v25-keepsake-preview,#v25ArchiveKeepsakeViewer .v25-archive-art{position:relative;height:420px;min-height:420px;max-height:420px;display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#48292052,transparent 64%),#080a0b;overflow:hidden}
#v25KeepsakePreview .v25-keepsake-preview>.onnen-relic,#v25ArchiveKeepsakeViewer .v25-archive-art>.onnen-relic{width:min(100%,380px);height:380px;min-height:0;margin:0;animation:none;transform:none}
#v25KeepsakePreview .v25-keepsake-preview-label{left:20px;bottom:16px;color:#bda48e;font-size:12px;letter-spacing:.12em}
#v25KeepsakePreview h3,#v25ArchiveKeepsakeViewer h4{font-size:clamp(25px,3vw,36px);line-height:1.5;text-wrap:balance}
#v25KeepsakePreview .v25-keepsake-intro,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-body{color:#c1b3a4;font-size:16px;line-height:1.85}
#v25KeepsakePreview :is(.v25-keepsake-foot,.v97-relic-note),#v25ArchiveKeepsakeViewer :is(.v97-archive-note,.v25-archive-meta){color:#b5a595;font-size:12px;line-height:1.75}
.onnen-object-order{margin:14px 0 0;color:#b09b86;font:400 12px/1.7 system-ui,sans-serif;letter-spacing:.04em}
.onnen-object-choice-state{grid-column:1/-1;color:#d1b994;font:400 12px/1.7 system-ui,sans-serif}
/* Eight objects need a full-width viewer, with the collection still above it. */
html body #v24ArchivePersonalPanel:has(#v25ArchiveKeepsakeViewer:not([hidden])){display:block}
html body #v24ArchivePersonalPanel:has(#v25ArchiveKeepsakeViewer:not([hidden]))>#v25ArchiveKeepsakeViewer{position:static;margin:22px 0 0;padding:22px;scroll-margin-top:24px}
html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:22px}
html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-grid>div:last-child{grid-row:auto;min-width:0}
html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-modes>.onnen-room-enter{grid-column:1/-1}
@media(max-width:900px){html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-grid{grid-template-columns:minmax(0,1fr)}html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-grid>div:last-child{grid-row:1}}
.onnen-relic-small.onnen-sealed-object .onnen-object-stamp{border-width:1px;outline-offset:1px;animation:none}
#onnenQuietRoom .onnen-sealed-object{width:min(100%,390px);height:360px}
@keyframes onnen-object-stamp-in{from{opacity:0;filter:brightness(.95) saturate(.7) blur(1.5px);transform:translate(-50%,-50%) rotate(-8deg) scale(1.09)}to{opacity:1;filter:brightness(.80) saturate(.72);transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
@media(max-width:1000px){#v25KeepsakePreview .v25-keepsake-layout{grid-template-columns:1fr}#v25KeepsakePreview .v25-keepsake-preview{grid-row:1}#v25KeepsakePreview .v25-keepsake-options{grid-template-columns:repeat(4,minmax(0,1fr))}#v25KeepsakePreview .v25-keepsake-option{grid-template-columns:1fr;justify-items:center;text-align:center}}
@media(max-width:700px){#v25KeepsakePreview .v25-keepsake-options{grid-template-columns:repeat(2,minmax(0,1fr))}#v25KeepsakePreview .v25-keepsake-option,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode{grid-template-columns:42px minmax(0,1fr);text-align:left;justify-items:start;padding:8px;gap:7px}#v25KeepsakePreview .v25-keepsake-preview,#v25ArchiveKeepsakeViewer .v25-archive-art{height:340px;min-height:340px;max-height:340px}#v25KeepsakePreview .v25-keepsake-preview>.onnen-relic,#v25ArchiveKeepsakeViewer .v25-archive-art>.onnen-relic{width:min(100%,320px);height:320px}#v25KeepsakePreview .v25-keepsake-option strong,#v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.onnen-object-stamp{animation:none!important}}
@media(max-width:480px){html body #v24ArchivePersonalPanel:has(#v25ArchiveKeepsakeViewer:not([hidden]))>#v25ArchiveKeepsakeViewer{padding:12px}html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:2px;padding:9px 5px;min-height:108px}html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode strong{width:100%;font-size:13px;line-height:1.5}html body #v25ArchiveKeepsakeViewer .v25-archive-keepsake-mode .onnen-sealed-object{height:54px}}
/* Archive actions share a compact row without changing either native action. */
html body #archiveDialog #v24PrivateSeals .v24-seal-record.onnen-collection-item{
  display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px 18px;
  align-items:center;padding:18px 0;min-height:0;
}
html body #archiveDialog #v24PrivateSeals .v24-seal-record>.onnen-relic-small{
  grid-column:1;grid-row:1/3;align-self:center;width:94px;height:112px;margin:0;
}
html body #archiveDialog #v24PrivateSeals .v24-seal-summary{grid-column:2;grid-row:1;min-width:0}
html body #archiveDialog #v24PrivateSeals .v24-seal-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;line-height:1.65}
html body #archiveDialog #v24PrivateSeals .v24-seal-actions{
  grid-column:2;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0;min-width:0;
}
html body #archiveDialog #v24PrivateSeals .v24-seal-actions>button{
  margin:0;min-height:44px;max-width:100%;white-space:normal;font-size:12px;line-height:1.4;letter-spacing:.02em;
}
html body #archiveDialog #v24PrivateSeals .v24-seal-actions>.v24-forget{padding:8px 0;color:#a79686;flex:0 1 auto}
html body #archiveDialog #v24PrivateSeals .v24-seal-actions>.v25-archive-keepsake-open{margin-left:auto;padding:10px 14px}
html body #archiveDialog #v24PrivateSeals .v66-forget-confirm{grid-column:1/-1;grid-row:auto}
@media(max-width:480px){
 html body #archiveDialog #v24PrivateSeals .v24-seal-record.onnen-collection-item{grid-template-columns:62px minmax(0,1fr);gap:8px 12px;padding:15px 0}
 html body #archiveDialog #v24PrivateSeals .v24-seal-record>.onnen-relic-small{width:62px;height:84px;grid-row:1}
 html body #archiveDialog #v24PrivateSeals .v24-seal-actions{grid-column:1/-1;grid-row:2;gap:8px 12px}
}