:root{font-family:Arial,Helvetica,sans-serif;color:#25362e;background:#f8f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ad7f30;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded5;font-size:12px}.brand{font-size:29px;font-weight:700;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:3px;margin-left:9px}.tag,.eyebrow{font-size:10px;letter-spacing:2px}.tag{color:#74786e}main{display:grid;grid-template-columns:minmax(0,1fr) 354px;min-height:calc(100svh - 140px)}#stage{position:relative;overflow:hidden;min-height:700px;background:#e2ddce;touch-action:none}canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.stage-heading{position:absolute;top:32px;left:36px;pointer-events:none}h1{font-family:Georgia,serif;font-weight:400;font-size:31px;margin:10px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.13;margin:15px 0}p{font-size:12px;line-height:1.6}.stage-heading p{color:#596052;margin:0}.stage-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;align-items:center}#hint{font-size:11px}button{border:1px solid #d4d7ce;background:#fffefa;border-radius:4px;padding:10px 12px}button:hover{background:#eeeee6}button[aria-pressed=true]{border-color:#344d3e;box-shadow:inset 0 0 0 1px #344d3e}button:disabled{opacity:.5;cursor:default}.view-controls{display:flex;gap:5px}.view-controls button{font-size:11px;padding:9px 12px;background:#f8f7f1e8}aside{padding:34px 28px;background:#f9f8f4;border-left:1px solid #deded5}.intro{color:#6d7469;margin-bottom:24px}fieldset{padding:0;border:0;margin:22px 0}legend{font-size:12px;margin-bottom:10px;width:100%;font-weight:600}legend span{float:right;font-size:11px;font-weight:400;color:#71786b}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices button{display:flex;align-items:center;gap:8px;font-size:11px;padding:10px 7px}.choices i{display:block;width:21px;height:21px;border-radius:50%;background:var(--swatch);border:1px solid #0002;flex-shrink:0}.choices .gold{background:linear-gradient(125deg,#a47d28,#f3df99 42%,#bd963b 70%,#e5c777)}.choices .silver{background:linear-gradient(125deg,#869295,#f1f6f7 40%,#a3adb0 65%,#dde7e9)}.motion-box{border-top:1px solid #deded5;padding-top:22px}.motion-box button{font-size:11px}.motion-box p{font-size:11px;color:#697365;min-height:32px}.select-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:24px}select{padding:7px;border:1px solid #d4d7ce;background:transparent;border-radius:4px}.angles button{font-size:10px;padding:8px}.construction{font-size:10px;color:#777e71;border-top:1px solid #deded5;padding-top:16px;line-height:1.8}.review-note{font-size:10px;line-height:1.5;color:#858574;margin-top:18px}details{font-size:11px;margin-top:18px}summary{cursor:pointer}details button{font-size:10px;padding:7px;margin:4px 0}pre{font-size:10px;white-space:pre-wrap;word-break:break-word;line-height:1.5}footer{display:flex;justify-content:space-between;gap:12px;padding:22px 4%;font-size:9px;letter-spacing:1.3px;color:#75796d}#status{position:absolute;right:20px;top:25px;font-size:10px;padding:7px 10px;border-radius:20px;background:#f8f7f0b8}#error{position:absolute;top:45%;left:10%;right:10%;padding:25px;background:#fff;line-height:1.6}.immersive{position:fixed;inset:0;z-index:10;display:block;background:#ddd}.immersive #stage{height:100dvh;min-height:0}.immersive aside{display:none}.immersive .stage-heading{top:18px}.immersive #status{top:18px}.immersive .stage-heading p{display:none}
@media(max-width:850px){header{height:65px;padding:0 20px}.tag{display:none}main{grid-template-columns:1fr}#stage{min-height:66svh}.stage-heading{top:20px;left:20px}h1{font-size:25px}.stage-heading p{font-size:10px}#status{top:107px;left:20px;right:auto;font-size:9px}aside{border-left:0;padding:28px 22px}.stage-bottom{bottom:15px;left:15px;right:15px;flex-direction:column;align-items:center}#hint{font-size:10px}.view-controls button{padding:10px}.intro{max-width:450px}.choices{max-width:500px}h2 br{display:none}.motion-box{margin-top:20px}footer{font-size:8px;letter-spacing:.5px}.immersive #status{top:75px}}
@media(max-height:500px) and (orientation:landscape){.immersive .stage-heading h1{font-size:20px;margin:7px 0}.immersive #status{top:20px;left:auto;right:20px}.immersive .stage-bottom{flex-direction:row}.immersive .stage-heading .eyebrow{font-size:8px}}

.stage-heading p{display:none}

.view-controls{flex-wrap:wrap;justify-content:center}

.blind-view header,.blind-view footer,.blind-view aside,.blind-view .stage-heading,.blind-view #status{display:none!important}.blind-view main{display:block;min-height:0}.blind-view #stage{height:100dvh;min-height:0}.blind-view #hint{display:none}