/* Approved warm photographic studio, 11 October 2026. */
:root{--blue:#175cff;--cream:#f6f1e7;--ink:#342d24}
body{background:var(--cream);color:var(--ink)}
header{height:48px;background:var(--cream);padding:2px 18px}
.wordmark{font-weight:600;font-size:20px}.wordmark b{font-weight:600;margin-left:3px}
#status{display:none}#back,#still{text-decoration:none;font-size:13px}
button:focus-visible,a:focus-visible{outline-color:var(--blue)}
#home-copy{left:26px;top:25px;width:410px;max-width:calc(100% - 52px);padding:18px;text-align:left;background:#f6f1e7ee;border-radius:12px}
#home-copy h1{font-size:34px;line-height:1.15;letter-spacing:-.035em}#home-copy p{font-size:14px;margin:12px 0 0}
#office-entry span{left:50%;right:auto;bottom:0;white-space:nowrap;transform:translateX(-50%);background:var(--blue);color:white;font-weight:600;font-size:calc(14px / var(--camera));line-height:1.2;padding:calc(12px / var(--camera)) calc(18px / var(--camera));border-radius:calc(24px / var(--camera));min-height:calc(44px / var(--camera))}
.spot{overflow:visible;display:block}.spot span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:var(--blue);border:0;color:#fff;font-weight:600;letter-spacing:0;text-shadow:none;box-shadow:none;font-size:calc(14px / var(--camera));line-height:1.2;padding:calc(12px / var(--camera)) calc(17px / var(--camera));border-radius:calc(24px / var(--camera));min-height:calc(44px / var(--camera))}
.work-spot span{transform:translate(-50%,-50%)}.spot:hover span{background:#1248ca;border-color:transparent}.spot:focus-visible span{outline-color:white}
nav{height:57px;background:var(--cream);box-shadow:none;gap:0;padding:5px max(8px,calc((100vw - 740px)/2)) max(5px,env(safe-area-inset-bottom))}
nav button{flex:1;min-width:0;border:0;border-radius:10px;font-size:14px;padding:8px 12px;color:var(--ink);font-weight:600;letter-spacing:0;text-shadow:none}
nav button[aria-current=page]{background:var(--blue);color:white;box-shadow:none;border:0}nav button:hover{background:#e5eafe;color:var(--ink)}nav button[aria-current=page]:hover{background:#1248ca;color:white}nav button:focus-visible{outline:2px solid var(--blue)}
#room-hint{display:none}
.scene-sheet,.panel-content{background:var(--cream);color:var(--ink)}
#focus-sheet{z-index:3;border-radius:12px;box-shadow:0 8px 30px #34200d33;border:0;background:var(--cream);overflow:hidden}
#focus-sheet .panel-content{height:100%;padding:20px;gap:16px;background:var(--cream);color:var(--ink);overflow:auto}
.sheet-heading h1{font-size:24px;line-height:1.15}
.package-grid{gap:14px}.package-grid article{background:#fffdf7;border:0;border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.package-grid h2{font-size:14px;color:white;background:var(--blue);border-radius:20px;align-self:flex-start;padding:9px 15px;line-height:1.2;font-weight:600}
.package-grid .price{font-size:46px;font-weight:600;line-height:1.15;margin:12px 0}.price small{font-size:12px}
.landscape .package-grid .price{font-size:46px;margin:10px 0}
.package-grid p{font-size:13px;line-height:1.5;margin:8px 0}
.package-foot p{font-size:12px;line-height:1.8}
.action{background:var(--blue);border-radius:12px;color:white;font-weight:600;min-height:48px}.action:hover{background:#1248ca;color:white}.secondary{background:#fffdf7;border-color:var(--blue);color:var(--blue)}
.sample{background:#fffdf7;border-radius:4px;box-shadow:none}.sample strong{color:var(--ink)}
#focus-sheet[data-panel=work] .sample-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
#focus-sheet[data-panel=secret]{border:0;background:var(--cream);color:var(--ink)}#focus-sheet[data-panel=secret] .panel-content{background:var(--cream);padding:20px;gap:12px}.secret-grid .secret-card{background:#fffdf7;border-left-color:var(--blue);border-radius:4px;padding:10px 12px}
@media(max-width:600px){
 header{height:48px;padding:2px 18px}.wordmark{font-size:18px}#still{display:none}
 nav{height:66px;gap:4px;padding:5px 12px max(9px,env(safe-area-inset-bottom));align-items:flex-start}nav button{min-height:44px;padding:8px 4px;font-size:14px}nav button[data-view-target=home],nav button[data-view-target=room]{display:none}
 #home-copy{left:16px;top:20px;max-width:calc(100% - 32px);padding:16px}#home-copy h1{font-size:27px}
 #focus-sheet{border-radius:0;box-shadow:none}#focus-sheet .panel-content{padding:16px;gap:14px}
 body[data-view=packages] #viewport{background:var(--cream)}
 .package-grid article{padding:16px}.package-grid .price{font-size:46px;margin:10px 0}.package-grid p{font-size:13px;margin:4px 0}.package-foot{gap:14px}.package-foot p{font-size:12px;line-height:1.75}
 #focus-sheet[data-panel=work] .sample-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
 body[data-view=room] #room-hint{display:block;position:absolute;left:18px;bottom:0;font-size:13px;background:#f6f1e7e8;padding:6px 8px;margin:0;border-radius:6px;z-index:3;pointer-events:none}
 #focus-sheet[data-panel=secret] .panel-content{padding:16px}
}
@media(max-height:650px){#focus-sheet .panel-content{gap:10px;padding:12px}.package-grid article{padding:10px}.package-grid .price{font-size:32px;margin:5px 0}.package-grid p{margin:3px 0}.package-foot{gap:8px}.package-foot p{line-height:1.4}.package-grid h2{padding:6px 12px}}

/* Six retained samples on the same photographed board. */
.scene-sheet .sample-board,.scene-sheet .landscape .sample-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
@media(max-width:600px){#focus-sheet[data-panel=work] .sample-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}

/* Roy-approved refinement, 14 October 2026: amber neon, clear room, useful details. */
:root{--blue:#ffbb78;--neon-core:#fff1c9;--neon-glow:#ff9959;--neon-base:#30281f}
#daylight{display:none}
#world-photo{image-rendering:auto}
#office-entry span,.spot span,.action,.package-grid h2{background:var(--neon-base);color:var(--neon-core);border:1px solid #d59457;text-shadow:0 0 2px #fff7df,0 0 6px #ff995980;box-shadow:0 0 5px #ff995950,inset 0 0 3px #ff99592b;border-radius:9px}
.spot span{border-width:calc(1px / var(--camera));font-size:calc(14px / var(--camera));border-radius:calc(8px / var(--camera));padding:calc(8px / var(--camera)) calc(13px / var(--camera));box-shadow:0 0 calc(5px / var(--camera)) #ff995950}
#office-entry span{border-radius:calc(10px / var(--camera));border-width:calc(1px / var(--camera))}
.spot:hover span,.action:hover,#office-entry:hover span{background:#503521;color:#fffaf0;border-color:#ffe2af}
nav{background:var(--cream)}
nav button[aria-current=page]{background:var(--neon-base);color:var(--neon-core);border:1px solid #d59457;text-shadow:0 0 3px #ff995980;box-shadow:0 0 5px #ff995940}
nav button[aria-current=page]:hover{background:#503521;color:#fffaf0}nav button:hover{background:#e9dfce}
nav button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #a54c1f;outline-offset:3px}
.secondary{background:var(--neon-base);color:var(--neon-core);border-color:#d59457}
.package-grid h2{font-size:19px;margin:0;padding:7px 10px;align-self:flex-start}
.package-grid article{justify-content:flex-start;gap:6px}
.package-grid .action{margin-top:auto;font-size:14px;padding:10px 12px}
.package-grid p{font-size:15px;line-height:1.4}
.package-foot{flex:none;gap:12px}
.package-back{align-self:flex-start;min-height:44px;padding:4px 0;font-size:14px;text-align:left}
.package-details{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1}
.package-details p{font-size:16px;line-height:1.5;margin:0 0 15px}
.package-details .fine{font-size:13px}
#focus-sheet{overflow:hidden}
#focus-sheet[data-panel=contact] .panel-content{padding:20px;gap:10px;justify-content:center}
.contact-intro{font-size:17px;line-height:1.4;margin:0;max-width:none}
.contact-support{font-size:14px;line-height:1.4;margin:0;color:#5b4a36}
.contact-actions{gap:10px}.contact-actions .action{min-width:0;font-size:15px}
#focus-sheet[data-panel=contact] .fine{margin:0;font-size:12px;overflow-wrap:anywhere}
#focus-sheet[data-panel=secret] .secret-card{border-left-color:#d59457}
body[data-moving=true] #focus-sheet{pointer-events:none}
.sample{animation:none}
@media(max-width:600px){
 .package-grid h2{font-size:17px}.package-grid p{font-size:14px}.package-grid .price{font-size:35px;margin:3px 0}
 .package-grid article{padding:12px;gap:3px}.package-grid .action{font-size:14px;min-height:44px}
 #focus-sheet[data-panel=contact]{border-radius:12px;box-shadow:0 5px 20px #34200d33}
 #focus-sheet[data-panel=contact] .panel-content{padding:16px;gap:12px}
 #focus-sheet[data-panel=contact] .sheet-heading h1{font-size:22px}
 .contact-intro{font-size:16px}.contact-support{font-size:13px}
 .package-details p{font-size:15px;line-height:1.4}
 .spot span{padding:calc(9px / var(--camera)) calc(10px / var(--camera))}
}
@media(max-height:500px){#focus-sheet[data-panel=contact] .panel-content{padding:12px;gap:7px}.contact-intro{font-size:14px}.contact-support{display:none}.contact-actions .action{min-height:44px}.package-grid p{font-size:13px}.package-grid .price{font-size:30px}.package-grid h2{font-size:15px}}
@media(forced-colors:active){.action,.spot span,#office-entry span,nav button[aria-current=page]{box-shadow:none;text-shadow:none;border-color:ButtonText}}

/* Match the approved visible amber tubing, including action controls. */
.action,.package-grid h2,nav button[aria-current=page]{border:1px solid #ffbb78;box-shadow:0 0 2px #fff1c9,0 0 7px #ff995980,inset 0 0 4px #ff995933;text-shadow:0 0 2px #fff1c9,0 0 5px #ff995980}
.spot span,#office-entry span{border-color:#ffbb78;box-shadow:0 0 calc(2px / var(--camera)) #fff1c9,0 0 calc(8px / var(--camera)) #ff995999,inset 0 0 calc(4px / var(--camera)) #ff995933}

/* Detailed room photograph registered over the original plate; original exterior retained. */
#room-detail{position:absolute;left:504px;top:490px;width:330px;height:319px;z-index:1;opacity:0;pointer-events:none;object-fit:fill;mask-image:radial-gradient(ellipse at center,#000 68%,transparent 100%)}
#paper-surfaces{position:absolute;inset:0;z-index:2}
#room-hotspots{z-index:4}
#office-entry{z-index:3}

.package-details ul{padding-left:22px;margin:0 0 16px;line-height:1.5}.package-details li{margin:0 0 8px}