:root{font-family:Arial,sans-serif;color:#f2f1e8;background:#101a1c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #ffffff26;border-radius:6px;padding:11px}button:hover,button[aria-pressed=true]{background:#d9b983;color:#172126}button:focus-visible,select:focus-visible{outline:2px solid #efc88d;outline-offset:3px}#stage{position:fixed;inset:0}canvas{display:block}header{position:absolute;top:0;left:0;right:0;height:96px;padding:28px 38px;display:flex;align-items:center;gap:32px;background:linear-gradient(#101a1ceb,transparent)}header a{font-family:Georgia,serif;font-size:38px;color:inherit;text-decoration:none}sup{font:12px Arial;color:#d9b983}header span{font-size:10px;letter-spacing:2px;color:#b5c3c4}header button{margin-left:auto}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#d9b983}#intro{position:absolute;top:133px;left:38px;pointer-events:none}h1{font:46px/1.12 Georgia,serif;margin:16px 0}p{font-size:12px;line-height:1.7;color:#b5c3c4}.stats{display:flex;gap:28px;margin-top:28px}.stats b{font:25px Georgia}.stats small{display:block;font:8px Arial;letter-spacing:2px;margin-top:9px;color:#aebdbd}aside{position:absolute;right:28px;top:116px;width:290px;padding:24px;background:#152327e8;border:1px solid #b5c3c425;border-radius:12px;backdrop-filter:blur(16px);max-height:calc(100dvh - 190px);overflow:auto}h2{font:27px Georgia;margin:12px 0}label{display:block;font-size:10px;margin:22px 0 9px;color:#bac9ca}select{width:100%;padding:12px;border:1px solid #ffffff30;background:#1d3035;border-radius:5px;color:#fff;font-size:12px}.segments{display:flex;gap:4px}.segments button{flex:1;font-size:11px;padding:10px 3px}#plan{width:100%;height:180px;background:#edf0e8;margin-top:14px;border-radius:5px}#floorNote{font-size:10px}.guide{border-top:1px solid #ffffff20;margin-top:22px;padding-top:20px}.guide button{display:flex;width:100%;gap:12px;border:0;border-bottom:1px solid #ffffff15;border-radius:0;font-size:10px;text-align:left}.guide button span{flex:1;font-size:12px}#hint{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);font-size:10px;color:#c0cdce;background:#142328c9;padding:11px 18px;border-radius:24px;white-space:nowrap}footer{position:absolute;bottom:0;left:0;right:0;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;background:#101a1cd9}footer i{display:inline-block;width:5px;height:5px;background:#d9b983;border-radius:50%;margin-right:8px}footer button{font-size:9px;padding:7px}#loading{position:fixed;inset:0;background:#101a1c;display:grid;place-content:center;text-align:center}#loading div{font:54px Georgia}[hidden]{display:none!important}body.focus #intro{display:none}@media(max-width:1000px){#intro{top:120px}h1{font-size:32px}aside{width:250px;right:18px;padding:18px}header{padding:24px}header span{display:none}}@media(max-width:600px){header{height:74px;padding:18px}header a{font-size:28px}header button{font-size:10px;padding:9px}#intro{top:86px;left:20px}h1{font-size:27px;margin:10px 0}#intro p,.stats{display:none}aside{top:auto;bottom:54px;right:12px;left:12px;width:auto;padding:14px;max-height:38dvh}aside h2{font-size:20px;margin:6px 0}aside>p,label,.guide{display:none}select{padding:9px}.segments{margin-top:10px}#metrics{margin:8px 0;font-size:10px}#plan{height:120px}#floorNote{margin:6px 0}#hint{bottom:auto;top:76px;left:auto;right:12px;transform:none;font-size:8px;max-width:160px;white-space:normal}footer{padding:12px;font-size:7px}footer>span:nth-child(2){display:none}body.focus aside{max-height:45dvh}}.angles{display:flex;gap:4px;margin-top:9px}.angles button{flex:1;padding:8px 3px;font-size:10px}.angles #sideCut{flex:1.4}@media(max-width:600px){.angles button{padding:7px 3px}}