:root{font-family:Arial,sans-serif;color:#eae2cf;background:#12191d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#253036;border:1px solid #485052;border-radius:4px;padding:11px 15px}button:hover{border-color:#ddb36d;background:#303a3e}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,.surface:focus-visible,summary:focus-visible{outline:3px solid #e6b863;outline-offset:4px}main{max-width:1600px;margin:auto;padding:26px 5vw}header,header>div,.intro,.transport,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{color:inherit;text-decoration:none;font:26px Georgia}.brand span{font:10px Arial;letter-spacing:2px;margin-left:20px}header{padding-bottom:22px;border-bottom:1px solid #354044}.intro{margin:40px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d4ad70}h1{font:clamp(38px,5vw,72px)/1.1 Georgia;margin:12px 0}h2{font:28px Georgia}h3{font:24px Georgia;text-transform:capitalize}p{line-height:1.6;color:#aeb8b7}.count strong{display:block;font:64px Georgia;color:#d8b37b}.count span{font:9px Arial;letter-spacing:2px}.workspace{display:grid;grid-template-columns:1.8fr 1fr;gap:35px}.surface{height:440px;position:relative;background:radial-gradient(ellipse at 50% 50%,#3c3c31 0,#252d2c,#1b2529 70%);border:1px solid #46504e;border-radius:45% 45% 4px 4px;touch-action:none;display:grid;place-items:center;overflow:hidden;cursor:crosshair}.surface:before,.surface:after{content:"";position:absolute;width:65%;height:75%;border:1px solid #73796625;border-radius:50%;transform:rotate(25deg)}.surface:after{transform:rotate(-25deg)}.moth{position:relative;width:210px;height:180px;filter:drop-shadow(0 15px 35px #0009);transition:transform .3s}.moth i{position:absolute;top:20px;left:10px;width:100px;height:150px;background:linear-gradient(110deg,#635734,#d0ac69 45%,#66593c);border-radius:90% 10% 80% 25%;transform:rotate(-24deg)}.moth i:nth-child(2){left:100px;transform:scaleX(-1) rotate(-24deg)}.moth b{position:absolute;width:7px;height:135px;background:#efd8a0;left:102px;top:30px;border-radius:50%}.moth.held{transform:scale(.92)}.surface-instruction,.coordinates{position:absolute;bottom:45px;font:10px Arial;letter-spacing:3px}.coordinates{bottom:18px;font-size:8px;color:#929e97}.transport{justify-content:flex-start;margin-top:17px}.transport span{font-size:11px;color:#9aa9a5}.primary{background:#d7b579;color:#192123;border-color:#d7b579}.note{font-size:11px;line-height:1.7;color:#8b9b99}.studies button{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border-width:0 0 1px;background:transparent;border-radius:0;padding:14px 0}.studies button>span{color:#8e9c97;font:12px Georgia}.studies button div{flex:1}.studies strong{font:16px Georgia}.studies small{display:block;font-size:11px;color:#92a29f;margin-top:5px}.studies b{font-weight:400;color:#d5b67f}.reveal{width:100%;margin-top:20px;background:transparent}.status{border-left:2px solid #d8b578;padding:12px 18px;background:#1b2529;margin:24px 0}.lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #344044;padding:15px 0 35px}.lower p{font-size:13px}.composer{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:block;font-size:12px;color:#aab9b5}input,textarea{display:block;background:#1a252a;border:1px solid #52605e;border-radius:3px;color:#f0e5cc;padding:10px;margin-top:8px}input[type=number]{width:110px}.trace{max-height:130px;overflow:auto;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.active{border-color:#dab879;background:#3c3d32}.revelation,.maker{border-top:1px solid #788272;padding:25px 0}.map{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.map article{background:#202d30;padding:10px 24px}.map p span,.map p strong{display:block}.map p span{font-size:12px}.map strong{color:#e3bf81}.map small{font-size:10px;font-weight:400}.maker textarea{width:100%;height:250px;font-family:monospace}.maker button{margin-top:16px}footer{border-top:1px solid #46504c;padding:25px 0}.toolbar{justify-content:flex-start}.toolbar button{font-size:12px}details{margin:25px 0}summary{cursor:pointer;font-size:12px;color:#adbcb5}details p{max-width:900px;font-size:12px}@media(max-width:850px){main{padding:20px}.workspace,.lower,.map{grid-template-columns:1fr}.surface{height:380px}.brand span{display:none}.intro{margin:25px 0}.count strong{font-size:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h1{white-space:pre-wrap;overflow-wrap:anywhere}