.collection-layout .lab-stage{inset:0}.collection-layout .lab-title{max-width:76%}.collection-layout .lab-title h1{font-size:clamp(26px,2.9vw,40px)}.collection-layout .lab-title p{font-size:12px;line-height:1.8;max-width:470px}.collection-layout .lab-camera{bottom:64px;top:auto;right:25px}.collection-layout .lab-viewport{min-height:660px}.collection-layout .lab-scene-note{bottom:18px}.collection-layout .lab-side{padding-top:31px}.explore-range{display:block;font-size:11px;color:#c4b3b8;margin:24px 0}.explore-range output{float:right;font-size:10px;color:var(--ornament,#c9a063)}.explore-range input{width:100%;accent-color:var(--ornament,#c9a063);margin-top:15px;height:13px;touch-action:pan-y}.collection-layout .lab-primary{margin-top:18px}.collection-feedback{font-size:11px;line-height:1.9;color:var(--ornament,#c9a063);border-left:2px solid var(--edge,#786349);padding-left:13px;min-height:43px;margin:25px 0}.cup-progress{margin:24px 0;font-size:11px;color:#c4b3b8}.cup-progress b{float:right;font:18px Georgia,serif;color:var(--ornament,#c9a063)}.cup-progress>div{display:flex;gap:10px;margin-top:13px}.cup-progress i{width:32px;height:15px;border:1px solid var(--edge,#786349);border-radius:3px 3px 16px 16px}.cup-progress i.filled{background:#713238;border-color:var(--ornament,#c9a063)}.collection-layout .lab-actions button:disabled{opacity:.3;cursor:default}.scene-action-buttons{position:absolute;inset:0;pointer-events:none}.scene-action-buttons button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#151115de;border:1px solid var(--edge,#786349);color:#f3eee8;border-radius:3px;padding:8px 12px;font-size:11px;white-space:nowrap;box-shadow:0 5px 30px #0008}.collection-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.star-label{position:absolute;transform:translate(-50%,-50%);font:11px var(--serif);color:#d6c49c;text-shadow:0 1px 8px #000;background:#09090b60;border-radius:2px;padding:2px 3px}.star-label.direction{font-size:15px;letter-spacing:2px;color:#f3eee8}.season-reading{display:flex;align-items:center;gap:20px;margin:25px 0}.season-reading strong{font:45px var(--serif);font-weight:400}.season-reading span{font:13px var(--serif);line-height:1.9;color:#c4b3b8}.season-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.season-buttons button{border:1px solid var(--edge,#786349);color:#c4b3b8;font:20px var(--serif);padding:12px 5px;background:none}.season-buttons button small{font:9px var(--sans);display:block;margin-top:8px;color:#c4b3b8}.season-buttons button[aria-pressed=true]{background:#30201b;color:#f3eee8;border-color:var(--interaction,#c9a063)}.lab-photo-dialog{width:min(1080px,95vw);max-height:94dvh;background:#09090b;border:1px solid var(--edge,#786349);color:#f3eee8;padding:0}.lab-photo-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.lab-photo-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--rule,#45392d)}.lab-photo-dialog header strong{font:18px var(--serif);font-weight:400}.lab-photo-dialog header button{font-size:28px;border:0;background:none;color:#f3eee8}.lab-photo-dialog>img{max-width:100%;width:100%;max-height:72dvh;object-fit:contain;background:#151115;display:block}.lab-photo-dialog footer{display:flex;gap:20px;justify-content:space-between;padding:15px 22px;font-size:10px;color:#c4b3b8}.lab-photo-dialog footer a{color:var(--ornament,#c9a063)}.collection-layout .knowledge{margin-top:12px}
@media(max-width:760px){.collection-layout .lab-viewport{min-height:540px;height:65dvh}.collection-layout .lab-title{max-width:95%;left:18px;top:23px}.collection-layout .lab-title h1{font-size:25px;line-height:1.5}.collection-layout .lab-title p{font-size:11px;max-width:90%}.collection-layout .lab-camera{bottom:60px;right:16px}.collection-layout .lab-side{padding:25px 23px}.scene-action-buttons button{font-size:10px;padding:7px 10px}.star-label{font-size:9px}.star-label.direction{font-size:12px}.lab-photo-dialog header strong{font-size:15px}.collection-layout .lab-scene-note{font-size:9px}}


.lab-photo-dialog footer a:hover,.scene-action-buttons button:hover,.season-buttons button:hover{color:var(--interaction,#c9a063);border-color:var(--interaction,#c9a063)}
.explore-range input:is(:hover,:focus-visible){accent-color:var(--interaction,#c9a063)}
