:root{--ink:#17231d;--paper:#f1eadb;--forest:#0b2d26;--orange:#d66d31;--gold:#e6b65b}*{box-sizing:border-box}html{background:var(--forest)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.site-shell{background:linear-gradient(90deg,#f1eadbf7 0 49%,#e5dcc6a6 49.1% 49.3%,#f1eadbf7 49.4%),repeating-linear-gradient(0deg,#0000 0 27px,#17231d09 28px);grid-template-columns:minmax(280px,1fr) minmax(340px,520px);align-items:center;gap:clamp(28px,6vw,100px);min-height:100svh;padding:clamp(28px,5vw,76px);display:grid;position:relative;overflow:hidden}.site-shell:before{content:"";border:1px solid #0b2d2621;border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;left:-275px;box-shadow:0 0 0 62px #0b2d2606,0 0 0 122px #0b2d2605}.museum-copy{z-index:1;max-width:610px;position:relative}.eyebrow,.artifact-note,.game-plaque,.hud span,.file-tag{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow{color:#486056;align-items:center;gap:12px;display:flex}.eyebrow:before{content:"";background:var(--orange);width:30px;height:2px}h1{letter-spacing:-.065em;margin:24px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,7vw,105px);font-weight:500;line-height:.82}h1 em{color:var(--orange);font-weight:400}.lead{color:#31483e;max-width:490px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.3vw,31px);line-height:1.28}.mission-card{border-left:3px solid var(--orange);max-width:420px;margin-top:38px;padding:4px 0 4px 22px}.mission-card span{color:#6f776f;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.mission-card strong{font-family:Georgia,Times New Roman,serif;font-size:23px;display:block}.mission-card p{color:#667068;margin:7px 0 0;font-size:13px;line-height:1.45}.artifact-note{color:#70776f;letter-spacing:.09em;gap:24px;margin-top:50px;display:flex}.game-column{z-index:2;justify-self:center;width:min(100%,470px);position:relative}.game-plaque{color:#43554c;justify-content:space-between;margin-bottom:9px;display:flex}.game-frame{aspect-ratio:3/5;background:#071b22;border:8px solid #142d26;max-height:76svh;position:relative;overflow:hidden;box-shadow:0 25px 70px #121e1840,0 0 0 1px #ffffff73}canvas{touch-action:none;width:100%;height:100%;display:block}.hud{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:absolute;top:0;left:0;right:0}.hud div{background:#0418159e;flex-direction:column;justify-content:center;align-items:center;min-height:53px;display:flex}.hud span{opacity:.7;font-size:8px}.hud strong{color:#f6d391;margin-top:3px}.game-overlay{z-index:4;text-align:center;color:#fff;background:linear-gradient(#04161329,#041613db);flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0}.file-tag{color:#f0bb64}.game-overlay h2{max-width:320px;margin:13px 0 8px;font:400 clamp(34px,4vw,48px)/.95 Georgia,Times New Roman,serif}.game-overlay p{color:#ffffffc2;max-width:280px;margin:0 0 26px;font-size:14px;line-height:1.5}.game-overlay button{color:#10251f;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:#f1e3c4;border:0;justify-content:space-between;min-width:190px;padding:14px 18px;font-size:11px;font-weight:900;transition:transform .18s,background .18s;display:flex}.game-overlay button:hover{background:#fff;transform:translateY(-2px)}.controls{grid-template-columns:1fr 1.35fr 1fr;gap:8px;margin-top:10px;display:grid}.controls button{min-height:44px;color:var(--forest);cursor:pointer;background:#ffffff5c;border:1px solid #0b2d2647;font-weight:800}.controls .jump{color:#fff;background:var(--orange);border-color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.instructions{color:#6f776f;text-align:center;letter-spacing:.05em;margin:9px 0 0;font-size:10px}footer{color:#777e77;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:13px;left:clamp(28px,5vw,76px);right:clamp(28px,5vw,76px)}@media (width<=860px){.site-shell{padding:30px 18px 52px;display:block}.museum-copy{max-width:470px;margin:0 auto 28px}h1{font-size:clamp(52px,16vw,78px)}.lead{font-size:20px}.mission-card,.artifact-note{display:none}.game-column{margin:0 auto}.game-frame{max-height:none}footer{gap:16px;margin-top:34px;position:static}}@media (width<=460px){.site-shell{padding:18px 10px 34px}.eyebrow{font-size:9px}h1{margin:18px 0 14px}.lead{margin-bottom:24px}.game-frame{border-width:5px}footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.game-overlay button{transition:none}}.digital-museum{color:#f7f0e3;background:#091b17;min-height:100svh;position:relative;overflow:hidden}.museum-bar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071814c2;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 clamp(18px,4vw,56px);display:grid;position:fixed;inset:0 0 auto}.museum-bar p{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:9px}.museum-bar p:last-child{color:#ffffff8f;justify-self:end}.museum-monogram{width:34px;height:34px;color:inherit;border:1px solid #ffffff85;border-radius:50%;place-items:center;font:700 16px Georgia,serif;text-decoration:none;display:grid}.museum-room{perspective:1100px;min-height:100svh;animation:.55s both room-enter;position:relative}.museum-room.moving-left{animation-name:room-enter-left}.gallery-ceiling{clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);background:linear-gradient(#102f28,#0d251f);justify-content:space-around;height:14vh;display:flex;position:absolute;inset:68px 0 auto}.gallery-ceiling i{background:linear-gradient(#fff6,#0000);width:2px;height:100%;transform:rotate(8deg)}.gallery-wall{color:var(--ink);background:#e9e1d3;grid-template-columns:minmax(250px,1.2fr) minmax(220px,.8fr);align-items:center;gap:clamp(28px,6vw,90px);padding:clamp(28px,5vw,64px);display:grid;position:absolute;inset:calc(68px + 11vh) 4.5vw 18vh;box-shadow:inset 0 0 90px #302a1f17,0 22px 60px #00000040}.gallery-frame{background:#17231d;border:5px solid #b8863f;width:min(100%,530px);height:min(58vh,610px);margin:0 auto;padding:clamp(10px,1.5vw,19px);box-shadow:0 18px 45px #161a1547,inset 0 0 0 2px #e0bd74}.gallery-frame img{object-fit:cover;background:#cfcbc2;width:100%;height:100%;display:block}.gallery-label{align-self:end;max-width:400px;padding-bottom:5vh}.gallery-label span{color:#946337;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800}.gallery-label h1{margin:14px 0 17px;font-size:clamp(42px,5.6vw,82px);line-height:.9}.gallery-label p{color:#526058;max-width:30ch;margin:0;font:italic clamp(15px,1.5vw,20px)/1.45 Georgia,serif}.gallery-floor{clip-path:polygon(4.5% 0,95.5% 0,100% 100%,0 100%);background:repeating-linear-gradient(92deg,#122f28 0 3.8vw,#0f2923 3.9vw 4vw);height:20vh;position:absolute;inset:auto 0 0}.museum-navigation{z-index:12;align-items:center;gap:18px;display:flex;position:fixed;bottom:clamp(18px,3.5vh,40px);left:50%;transform:translate(-50%)}.museum-navigation button{color:#fff;cursor:pointer;background:#071814e0;border:1px solid #ffffff7a;border-radius:50%;width:52px;height:52px;font-size:19px}.museum-navigation button:hover{background:var(--orange);border-color:var(--orange)}.room-dots{gap:7px;display:flex}.room-dots i{background:#ffffff47;border-radius:50%;width:5px;height:5px}.room-dots i.active{background:#e7b768;border-radius:5px;width:20px}@keyframes room-enter{0%{opacity:.35;transform:translate(2%)}to{opacity:1;transform:none}}@keyframes room-enter-left{0%{opacity:.35;transform:translate(-2%)}to{opacity:1;transform:none}}@media (width<=720px){.museum-bar{grid-template-columns:1fr 1fr;height:56px}.museum-bar p:nth-child(2){display:none}.gallery-ceiling{height:10vh;top:56px}.gallery-wall{flex-direction:column;gap:17px;padding:24px 20px 30px;display:flex;inset:calc(56px + 8vh) 12px 16vh}.gallery-frame{width:min(76vw,360px);height:min(51vh,480px)}.gallery-label{align-self:center;width:min(76vw,360px);padding:0}.gallery-label h1{margin:8px 0;font-size:clamp(31px,9vw,48px)}.gallery-label p{font-size:14px}.gallery-floor{height:17vh}.museum-navigation{bottom:13px}.museum-navigation button{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.museum-room{animation:none}}