:root{font-family:Arial,sans-serif;color:#f1ede2;background:#101c24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,textarea{font:inherit}button{background:#223841;color:#f1ede2;border:1px solid #567078;padding:12px 16px;border-radius:4px;cursor:pointer}button:hover{background:#34505a}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #f4cb75;outline-offset:4px}main{min-height:100dvh;padding:0 5vw 40px;background:radial-gradient(ellipse at 90% 10%,#28444c55,transparent 60%)}header{display:flex;gap:25px;align-items:center;border-bottom:1px solid #44616a;padding:24px 0}.brand{font-family:Georgia,serif;font-size:24px;color:#f2ce86;text-decoration:none;letter-spacing:4px}.brand span{display:block;font:9px Arial;letter-spacing:2px;margin-top:8px}.mode{margin-left:auto;font-size:12px;color:#adbec2}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:center;padding:65px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#e2b969}h1{font:clamp(36px,5vw,76px)/1.05 Georgia,serif;margin:22px 0}h2{font:24px Georgia,serif}.intro{line-height:1.85;color:#c5d0d0;max-width:680px}.tags{display:flex;gap:12px;flex-wrap:wrap}.tags span{font-size:10px;letter-spacing:1px;border:1px solid #46616a;border-radius:30px;padding:9px 13px}.safe{aspect-ratio:1.1;border:12px solid #8a754a;border-radius:35px;background:linear-gradient(145deg,#d3b575,#77623a);padding:18px;box-shadow:0 30px 70px #0008;transform:rotate(-3deg)}.safe-door{height:100%;border:3px solid #604b29;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2e332b;border-radius:14px;gap:20px;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff09 4px)}.safe-door span{font-size:90px;animation:breathe 4s ease-in-out infinite}.safe-door i{width:80px;height:7px;border-radius:10px;background:#253638}.safe-door b{font-size:10px;letter-spacing:3px}.safe.open{box-shadow:0 0 90px #ffc97266}.safe.open .safe-door{background:#ffe5a1}.workbench{display:grid;grid-template-columns:1.6fr 1fr;gap:50px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title span{font-size:11px;color:#adc1c6}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decision{text-align:left;min-height:125px;position:relative;padding:22px}.decision small{font-size:9px;letter-spacing:2px;color:#c8a867;display:block;margin-bottom:12px}.decision strong{font:20px Georgia;display:block;padding-right:18px}.decision>span{position:absolute;right:14px;bottom:16px;color:#e4be76}.flag{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #3b5259;font-size:13px}.flag b{font-size:10px;color:#e7c986}.status,.ending{line-height:1.7;padding:18px;background:#243b43;border-left:3px solid #d6b86b}aside button{margin:4px}.panel,.trail{border-top:1px solid #3d5861;margin-top:40px;padding-top:25px}.panel p,footer p{line-height:1.7;color:#b6c7cb;max-width:900px}.trail ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;padding-left:20px}.trail li{padding:10px}.trail em{font-size:11px;color:#e8bd76}.trail p{font-size:13px;color:#b8cbd0;line-height:1.6}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}textarea{display:block;width:100%;background:#0b151c;color:#d8e4e5;border:1px solid #66818b;padding:18px;font-family:monospace;line-height:1.6;resize:vertical}label{display:block;margin-top:15px}footer{margin-top:45px;font-size:12px}footer button{margin:5px}@keyframes breathe{50%{opacity:.5;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:750px){header{flex-wrap:wrap}.mode{margin-left:0}.hero{grid-template-columns:1fr;padding:40px 0}.safe{max-width:350px;width:100%;justify-self:center}.workbench{grid-template-columns:1fr}.section-title{display:block}.actions{grid-template-columns:1fr 1fr}.decision{padding:16px}.decision strong{font-size:17px}}
