:root{font-family:Inter,Arial,sans-serif;color:#eee5d6;background:#111c25;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #536261;background:#1d2c33;color:#eee5d6;padding:12px 15px;border-radius:5px;text-align:left;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#344443;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5a882;outline-offset:3px}input,textarea{background:#102029;color:#eee5d6;border:1px solid #526365;padding:12px;border-radius:4px;width:100%}label{display:block;font-size:12px;line-height:1.8;letter-spacing:.025em}small,.section-title,.note{font-size:11px;letter-spacing:.04em;line-height:1.6}main{max-width:1800px;margin:auto;min-height:100svh;padding:44px 5vw}header{display:flex;gap:28px;align-items:flex-start;border-bottom:1px solid #526365;padding-bottom:36px}.brand{background:#f5a882;color:#111c25;text-decoration:none;padding:14px 12px;font-weight:800;border-radius:50%;font-size:18px}.brand span{display:block;text-align:center}h1{font-size:clamp(38px,5vw,76px);font-weight:500;line-height:.96;letter-spacing:-.065em;margin:13px 0 0}h1 i{font-family:Georgia,serif;font-weight:400;color:#f5a882}.intro{margin-left:auto;padding-top:27px;line-height:1.5;color:#c6d0c8}.intro p{font-size:12px;color:#899f9d}.studio{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);border-bottom:1px solid #526365}.map-panel{padding:30px 35px 20px 0;min-width:0}.section-title{display:flex;justify-content:space-between;color:#a9bbb2;font-size:10px;letter-spacing:.12em;gap:16px}h2{font-size:clamp(22px,2.4vw,35px);font-family:Georgia,serif;font-weight:400;overflow-wrap:anywhere}.map{border-radius:50%;background:radial-gradient(ellipse,#2e4241 0%,#182932 60%,transparent 72%)}svg{display:block;width:100%;min-height:250px}.current{animation:breathe 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes breathe{50%{opacity:.65;transform:scale(.94)}}.legend{display:flex;gap:25px;font-size:10px;color:#a9bbb2;flex-wrap:wrap}.note{color:#9db1ad;max-width:580px;margin-top:25px}aside{border-left:1px solid #526365;padding:30px}.room-number{font:64px Georgia,serif;color:#f5a882;margin-top:22px}.room-number span{font:15px Arial;color:#9db1ad}aside h2{margin:12px 0}aside p{font-size:12px;line-height:1.8;color:#9db1ad}aside>button{width:100%;margin:10px 0}.primary{background:#f5a882;color:#162329;border-color:#f5a882;font-weight:600}.primary:hover:not(:disabled){background:#ffbe9b}.doors{display:grid;gap:8px;margin:25px 0 12px}.doors b,.doors small{display:block;font-weight:400}.doors small{margin-top:5px;color:#b6c1b9}.row{display:flex;gap:8px;flex-wrap:wrap}.row button{flex:1}.timeline{padding:30px 0;border-bottom:1px solid #526365}.tape{display:flex;gap:5px;overflow-x:auto;padding:22px 0;margin-bottom:8px}.tape>div{min-width:140px;max-width:260px;border-top:5px solid;padding:10px;background:#1e2d33;display:flex;gap:8px;flex-direction:column}.tape b{font-size:12px;overflow-wrap:anywhere}.tape span{font-size:11px;color:#acbeb4}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.toolbar button{font-size:12px}.inline{max-width:180px}.toolbar>span{font-size:9px;color:#a9bbb2}.status{padding:14px 16px;border-left:3px solid #f5a882;background:#1e3035;font-size:13px;min-height:44px}.author{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;padding:40px 0}.author p,.author li{font-size:13px;line-height:1.7;color:#afc0b7}.author li{font-family:monospace}.author textarea{height:400px;resize:vertical;font:12px/1.6 monospace}.author .primary{margin:10px 0}.example{display:block;width:100%;margin:8px 0}.file{margin:15px 0}h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:25px}.warning{color:#ffbb96!important}footer{border-top:1px solid #526365;padding:30px 0;font-size:11px;color:#a9bbb2;line-height:1.7}footer>p{max-width:680px}footer button{margin:8px 8px 0 0}summary{cursor:pointer}@media(max-width:800px){main{padding:24px}.intro{display:none}.studio,.author{grid-template-columns:1fr}.map-panel{padding-right:0}aside{border-left:0;border-top:1px solid #526365;padding:25px 0}.author{gap:30px}.map svg{min-height:0}header{gap:20px}.legend{gap:12px}.toolbar button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
