@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/body-400.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/body-500.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/body-600.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/body-700.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/body-800.woff2) format("woff2")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/mirror/odd-arms/ui/fonts/display.woff2) format("woff2")}:root{font-family:Barlow Semi Condensed,sans-serif;color:#202124;background:#fffefa}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:100dvh}.viewer{position:relative;min-height:720px;background:#36302c;overflow:hidden}canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}header{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:2px;color:#fff7ed}header a{color:inherit;text-decoration:none;letter-spacing:0}.caption{position:absolute;left:40px;bottom:105px;pointer-events:none;color:#fff7ed}.caption span{font-size:11px;letter-spacing:3px}h1{font-size:38px;margin:9px 0}#status{font-size:12px;color:#e5dfd7}.view-tools{position:absolute;bottom:36px;left:40px;display:flex;gap:10px}button{cursor:pointer;font:inherit}.view-tools button{padding:9px 15px;border:1px solid #ffffff50;border-radius:30px;background:#202124e0;color:#fff}aside{padding:55px 32px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#c9340e}h2{font-size:42px;line-height:1.1;margin:20px 0}aside>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#676b70}nav{display:grid;gap:10px;margin:24px 0}nav button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #eae6e0;border-radius:10px;background:transparent;padding:17px;color:#202124;font-size:11px}nav button span{flex:1;font-size:15px;font-weight:700}nav small{display:block;font-size:10px;font-weight:400;margin-top:5px}nav .selected{background:#fa4a1c;color:#fff;border-color:#fa4a1c}.play{margin-top:14px;color:#202124;text-decoration:none;font-weight:700;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #ff8d62;outline-offset:3px}@media(max-width:750px){main{display:block}.viewer{height:68dvh;min-height:470px}aside{padding:24px}h2{font-size:29px;margin:5px 0}h2 br{display:none}header{left:20px;right:20px;font-size:9px}.caption{left:22px;bottom:86px}h1{font-size:29px}.view-tools{left:22px;bottom:24px}nav{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}nav button{padding:10px;gap:6px}nav button span{font-size:12px}nav small{font-size:9px}#metrics{margin:0}}#compare-tools[hidden]{display:none}#compare-tools button{padding:9px 12px;background:#fa4a1c;color:#fff;border:0;border-radius:8px;margin:0 5px 6px 0}#compare-tools p{font-size:11px;line-height:1.7;color:#676b70}aside{padding-top:28px;padding-bottom:28px}nav{margin:15px 0;gap:7px}nav button{padding:13px}@media(min-width:751px){aside{max-height:100dvh;overflow-y:auto;justify-content:flex-start}}h1,h2{font-family:Lilita One,sans-serif;font-weight:400}h2{font-size:36px}nav .selected{box-shadow:0 4px 16px #fa4a1c22}.play{color:#c9340e;font-size:17px}@media(max-width:420px){nav{grid-template-columns:repeat(2,1fr)}}