*{box-sizing:border-box}body{color:#f4f4ef;background:#10191d;margin:0;font-family:Arial,Helvetica,sans-serif}button,a,select{touch-action:manipulation}a{color:inherit}button,select{font:inherit}button,a,select{outline-offset:4px}:focus-visible{outline:2px solid #9bdec9}header{justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 18px;display:flex}h1{margin:7px 0;font-size:clamp(22px,3vw,34px);font-weight:500}header a{font-size:12px}.eyebrow{letter-spacing:1.7px;color:#a9c8bf;margin:0;font-size:10px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 18px;display:flex}.toolbar button,.toolbar a{color:#e7f2ed;cursor:pointer;background:0 0;border:1px solid #53645f;border-radius:30px;padding:9px 15px;font-size:12px;text-decoration:none}.toolbar button[aria-pressed=true]{color:#102820;background:#b5decf}.toolbar a{margin-left:auto}.workspace{border-top:1px solid #354740;border-bottom:1px solid #354740;grid-template-columns:minmax(0,1fr) 270px;display:grid}.stage{height:470px;position:relative;overflow:hidden}.scene{width:100%;height:100%}.hint{pointer-events:none;background:#10191dd9;border:1px solid #40504a;border-radius:5px;padding:10px 12px;font-size:11px;position:absolute;bottom:12px;left:18px}.legend{pointer-events:none;gap:15px;font-size:11px;display:flex;position:absolute;top:16px;left:18px}.legend span:first-child{color:#75d5ae}.legend span:nth-child(2){color:#85b4ff}.legend span:nth-child(3){color:#e5b547}aside{background:#182522;border-left:1px solid #354740;padding:24px}label{letter-spacing:1.2px;color:#b8cec5;margin-bottom:10px;font-size:10px;display:block}select{color:#fff;background:#1c3028;border:1px solid #6d8278;border-radius:3px;width:100%;padding:10px 5px;font-size:12px}.description{min-height:160px;padding-top:20px}.number{color:#ade0cb;letter-spacing:1.5px;font-size:10px}h2{margin:10px 0;font-size:22px;font-weight:500;line-height:1.2}aside p{color:#c4d4cd;font-size:13px;line-height:1.65}nav{display:grid}nav button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #3c5147;gap:16px;padding:11px 0;font-size:13px;display:flex}nav button span{color:#9bcab4;font-size:10px}nav button b{margin-left:auto;font-weight:400}nav button[aria-pressed=true]{color:#a7f1c9}footer{color:#b6c8c0;padding:16px 28px;font-size:11px;line-height:1.6}.fallback{padding:45px;line-height:1.6}button:hover{color:#a7f1c9}.toolbar button[aria-pressed=true]:hover{color:#102820}@media (height>=800px){.stage{height:calc(100vh - 220px)}}@media (width<=650px){header{align-items:flex-start;padding:20px}header>a{display:none}.toolbar{gap:6px;padding:0 20px 16px}.toolbar button,.toolbar a{padding:8px 10px;font-size:11px}.toolbar a{margin-left:0}.workspace{display:block}.stage{height:380px}aside{border-top:1px solid #354740;border-left:0;padding:20px}.description{min-height:0;padding:16px 0 8px}nav{grid-template-columns:repeat(5,1fr);gap:8px}nav button{font-size:11px;display:block}nav button span{margin-bottom:6px;display:block}nav button b{display:none}footer{padding:16px 20px}.legend{gap:10px}}