@import url("/reference-panels.css");
/* Isolated material release candidate. Use ?finish=classic for baseline comparison. */
html[data-house-finish=metal]{--finish-champagne:#d3bd90;--finish-steel:#a8b4b5;--finish-paper:#eeeae0;--finish-x:50%;--finish-y:35%;--finish-angle:112deg}
html[data-house-finish=metal] body.experience{background:#121515}
html[data-house-finish=metal] .ex-rail{background:linear-gradient(115deg,#30313250,transparent 40%),url('/assets/finish-prototype/vesper-field.svg') 40% 0/auto 100%,#191a1b;border-right:1px solid #c7b58c3e;box-shadow:inset -1px 0 #090a0a,4px 0 25px #11141412}
html[data-house-finish=metal] .ex-header{background:linear-gradient(100deg,#34333355,#202122 50%,#171a1b);border-bottom:1px solid #d1bf9950;box-shadow:inset 0 -1px #050707,inset 0 1px #f2e7cc0a}
html[data-house-finish=metal] .ex-wordmark{color:#e8dcc1;text-shadow:0 1px #050505}
html[data-house-finish=metal] .ex-seal img{filter:drop-shadow(0 3px 4px #0009)}
html[data-house-finish=metal] .ex-rail nav button{border-radius:5px;position:relative;isolation:isolate;transition:background .2s,border-color .2s,color .2s}
html[data-house-finish=metal] .ex-rail nav button[aria-current=page]{background:linear-gradient(120deg,#d5bd8d16,#e1e5da05);border-color:#bba57565;color:#e8d8b6;box-shadow:inset 0 1px #f6e7c929,0 2px 8px #0003}
html[data-house-finish=metal] .ex-rail nav button[aria-current=page]:after{content:'';position:absolute;inset:7px auto 7px -1px;width:1px;background:linear-gradient(transparent,#f0d9a3,transparent);box-shadow:0 0 9px #dac08044}
html[data-house-finish=metal] .ex-stage{background-color:var(--finish-paper);box-shadow:inset 0 0 0 1px #fff9,inset 0 0 65px #6e66551c}
html[data-house-finish=metal] .ex-grain{background:linear-gradient(90deg,#eeeae0dd,#eeeae095 38%,#eeeae018 80%);opacity:.92}
html[data-house-finish=metal] .ex-scene h1{color:#242627;text-shadow:0 1px #fff9}
html[data-house-finish=metal] .ex-eyebrow{color:#75613e}
html[data-house-finish=metal] .ex-inspector{position:relative;isolation:isolate;border-color:#baa77c66;border-top-color:#dfd5bca1;background:radial-gradient(ellipse at var(--finish-x) var(--finish-y),#d8c49a12,transparent 65%),linear-gradient(130deg,#343435,#202123 58%,#191b1d);box-shadow:0 22px 50px #151c1d36,0 4px 9px #0002,inset 0 1px #fff0d52b,inset 1px 0 #e3d8b30e,inset -1px -1px #0306068c;border-radius:9px}
html[data-house-finish=metal] .ex-inspector:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--finish-angle),transparent 30%,#d7e3e40a 43%,#f3dfba10 49%,transparent 64%);opacity:.6;z-index:-1}
.finish-sealplate{position:relative;height:158px;display:grid;place-items:center;margin:-1px 0 24px;isolation:isolate;overflow:hidden;border:1px solid #a6997b45;border-radius:5px;background:radial-gradient(ellipse at 50% 45%,#5c503329,#262627 55%,#1b1d1f);box-shadow:inset 0 1px #eee2c521,inset 0 -1px #080b0b99,0 5px 15px #0002}
.finish-sealplate:before{content:'';position:absolute;inset:0;background:url('/assets/finish-prototype/register-plate.svg') center/auto 100%;opacity:.42;z-index:-1}
.finish-sealplate img{display:block;width:139px;height:139px;object-fit:contain;filter:drop-shadow(0 5px 5px #0009);transform:perspective(900px) rotateX(var(--finish-rx,0deg)) rotateY(var(--finish-ry,0deg));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.finish-sealplate:after{content:'';position:absolute;inset:0;width:139px;height:139px;margin:auto;mask:url('/assets/finish-prototype/graveleaf-logo.webp') center/contain no-repeat;-webkit-mask:url('/assets/finish-prototype/graveleaf-logo.webp') center/contain no-repeat;background:linear-gradient(var(--finish-angle),transparent 29%,#b8d3df75 39%,#ffedc4 47%,#d8bc8180 53%,transparent 62%);background-size:260% 100%;background-position:var(--finish-x) center;mix-blend-mode:screen;opacity:.13;transition:opacity .3s;pointer-events:none}
.finish-sealplate[data-lit]:after{opacity:.48}
body.experience:not([data-active-scene=origin]) .finish-sealplate{display:none}
html[data-house-finish=metal] body[data-active-scene=origin] .ex-wreath{opacity:.045;filter:grayscale(1)}
html[data-house-finish=metal] .room-origin .room-link{border-bottom:1px solid #99845a45;padding-bottom:16px}
html[data-house-finish=metal] .room-origin .room-link strong{color:#43423c}
html[data-house-finish=metal] .ex-action.primary{background:radial-gradient(ellipse at var(--finish-x) var(--finish-y),#d8c49a17,transparent 80%),linear-gradient(125deg,#363637,#1d2022);border:1px solid #9c916c70;border-top-color:#f1e2bc88;color:#f0e5cb;box-shadow:inset 0 1px #f7efdd17,0 4px 10px #11171320}
html[data-house-finish=metal] .ex-scene .ex-action:not(.primary){box-shadow:inset 0 1px #fff9,inset 0 -1px #b4aa8f30;background:linear-gradient(130deg,#f9f7f0b0,#e3dfd35c)}
html[data-house-finish=metal] .room-enterprise .room-link{background:radial-gradient(ellipse at var(--finish-x) var(--finish-y),#fff9,transparent 70%),linear-gradient(120deg,#f8f4e9,#e2dccb);border-top-color:#b39c6d88;box-shadow:inset 0 1px #fff9,0 4px 0 #a2906533,0 13px 24px #3834210d}
html[data-house-finish=metal] .room-atelier .room-link{background:linear-gradient(110deg,#faf7eead,#e9e1d17a);box-shadow:inset 0 1px #fff9;border:1px solid #a58b5333}
html[data-house-finish=metal] body[data-active-scene=conviction] .ex-stage{background:#1b1d20;box-shadow:inset 0 1px #f3e3ba22}
html[data-house-finish=metal] body[data-active-scene=conviction] .ex-grain{background:linear-gradient(90deg,#17191bdd,#17191b88),url('/assets/finish-prototype/vesper-field.svg') center/cover}
html[data-house-finish=metal] body[data-active-scene=conviction] .ex-scene h1{color:#e5d6b5;text-shadow:0 1px #000}
html[data-house-finish=metal] body[data-active-scene=conviction] .room-link{color:#e4d7ba}
html[data-house-finish=metal] body[data-active-scene=workspace] .ex-stage{background:#e5e3dc;box-shadow:none}
html[data-house-finish=metal] body[data-active-scene=workspace] .workspace-heading{background:linear-gradient(#f0eee7,#e5e3dc);border-bottom-color:#8b80684d}
html[data-house-finish=metal] .document-bar{background:linear-gradient(100deg,#383a3d,#25282b 65%,#1c1f22);border-bottom-color:#c9b58455;box-shadow:inset 0 1px #f2dfb723}
html[data-house-finish=metal] #experience-document{border-color:#b09b6e6b;box-shadow:0 30px 110px #0008,inset 0 1px #e8d6b739}
html[data-house-finish=metal] .founder-portrait{box-shadow:0 25px 55px #0006,inset 0 1px #e8d9b566;border-top-color:#d8c39888}
html[data-house-finish=metal] .founder-record{border-color:#bda57666;background:#bda57644;box-shadow:0 12px 30px #0002}
html[data-house-finish=metal] .forum-card{background:linear-gradient(130deg,#fcfaf5,#eee8da);border-top-color:#bda67b77;box-shadow:inset 0 1px #fff,0 10px 20px #282c2408}
html[data-house-finish=metal] .induction-control{border-top-color:#d8c49c77;box-shadow:0 18px 40px #0004,inset 0 1px #f3e4c221}
/* Prototype controls are intentionally separate from operational account actions. */
.finish-control{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;margin:12px 0 0;border-top:1px solid #e8d5ab24}
.finish-control button{font:11px/1.5 var(--house-body);border:0;background:transparent;color:#c6b58f;cursor:pointer;padding:4px 0;min-height:32px;text-align:left}.finish-control span{color:#8f9485;font-size:9px;white-space:nowrap}
#finish-settings{inset:0;position:fixed;margin:auto;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;border:1px solid #ae986967;border-radius:10px;background:linear-gradient(130deg,#303132,#1b1d1f);color:#ded5c1;box-shadow:0 24px 90px #0008;overflow:auto;font:13px/1.8 var(--house-body)}
#finish-settings::backdrop{background:#09100eb3;backdrop-filter:blur(12px)}#finish-settings [hidden]{display:none!important}#finish-settings h2{font:500 27px/1.3 var(--house-display);margin:0 0 18px}#finish-settings p{font-size:12px;color:#b7b6a7}#finish-settings label{display:flex;gap:12px;align-items:center;margin:16px 0;font-size:12px}#finish-settings input[type=range]{width:100%;accent-color:#c2a673}#finish-settings input[type=checkbox]{accent-color:#c2a673;width:17px;height:17px;flex-shrink:0}#finish-settings button{font:12px/1.5 var(--house-body);min-height:42px;padding:11px 16px;border:1px solid #baa47266;border-radius:5px;background:#d0b98a;color:#202122;cursor:pointer}#finish-settings button.secondary{background:none;color:#d0bd95}#finish-settings .finish-actions{display:flex;gap:10px;flex-wrap:wrap}#finish-settings :focus-visible,.finish-control button:focus-visible{outline:2px solid #e3c68e;outline-offset:4px}.finish-setting-close{float:right!important;background:none!important;border:0!important;color:#c8bc9d!important;font-size:23px!important;padding:0 4px!important;min-width:36px}#finish-status{font-size:11px!important;min-height:38px}
@media(max-width:760px){.finish-sealplate{height:110px;margin-bottom:15px}.finish-sealplate img,.finish-sealplate:after{width:96px;height:96px}html[data-house-finish=metal] body[data-active-scene=origin] .ex-inspector{padding-top:15px}.finish-control{padding:6px 0 0;margin-top:8px}.finish-control span{font-size:8px}html[data-house-finish=metal] .ex-header{gap:12px}.finish-control button{font-size:11px}body.experience .finish-sealplate{display:none}.finish-mobile-control{border:0!important;background:none!important;color:#baa77e!important;font-size:10px!important;white-space:nowrap;padding:9px!important}}
@media(prefers-reduced-motion:reduce){html[data-house-finish=metal] .finish-sealplate img{transform:none!important;transition:none}.finish-sealplate:after{transition:none;opacity:.13!important}}
html[data-finish-still] .finish-sealplate img{transform:none!important;transition:none}html[data-finish-still] .finish-sealplate:after{opacity:.13!important}
@media(min-width:761px){.finish-mobile-control{display:none}}
@media(max-width:760px){.finish-mobile-control{font-size:10px!important;min-height:38px}}

/* Keep all existing room navigation visible: atmosphere lives in header chrome. */
html[data-house-finish=metal] .ex-header-actions .finish-control{padding:0;margin:0;border:0;gap:7px}
html[data-house-finish=metal] .ex-header-actions .finish-control button{font-size:11px;white-space:nowrap;padding:8px 0}
html[data-house-finish=metal] .ex-header-actions .finish-control span{font-size:8px;color:#959180;white-space:nowrap}
@media(max-width:760px){html[data-house-finish=metal] .ex-header-actions .finish-control{display:none}}

/* Preserve the application's bounded scroll regions and size mobile navigation for touch. */
html[data-house-finish=metal] .ex-scene{scroll-padding-block:20px}
html[data-house-finish=metal] .ex-inspector{scroll-padding-block:16px;scrollbar-gutter:stable}
@media(max-width:760px){
 html[data-house-finish=metal] .ex-rail{background:#202326f5}
 html[data-house-finish=metal] .ex-rail nav button{flex:0 0 62px;width:62px;min-width:62px}
 html[data-house-finish=metal] .ex-inspector{border-bottom-color:#a58c5b77;box-shadow:0 10px 25px #15191c25,inset 0 1px #f0dfba16}
}
html[data-house-finish=metal] .room-academy .room-link{border-left:2px solid #a98c59;border-radius:3px 7px 7px 3px;background:linear-gradient(110deg,#fff9,#eee6d572);box-shadow:inset 0 1px #fff9}
html[data-house-finish=metal] .room-systems .room-link{border-radius:4px;border-color:#6d727344;background:linear-gradient(145deg,#f7f6f1aa,#dfe1dc88);box-shadow:inset 0 1px #fff9,inset 3px 0 #343b3f0d}
html[data-house-finish=metal] .room-forum .room-link{border-top:2px solid #86734c;border-radius:4px;background:#f5efe2bd}
html[data-house-finish=metal] .room-network .room-link{border-radius:8px;border-color:#a893674d;background:radial-gradient(ellipse at 100% 0,#c6ad7930,transparent 70%),#f3efe4a8}

html[data-house-finish=metal][data-finish-still] .ex-wreath{transform:translateY(-50%)!important;transition:none!important}