@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono&display=swap";:root{--bg:#080e1b;--bg-2:#0c1424;--panel:#101a2e;--panel-2:#16233c;--line:#93a4c02b;--line-2:#93a4c055;--mute-60:#93a4c099;--ink:#f1ece2;--muted:#93a4c0;--accent:#2e7df4;--accent-2:#4a90ff;--accent-l:#6ea5ff;--accent-d:#206be0;--on-accent:#08122a;--up:#52c25b;--down:#e5484d;--gold:#d8b56b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header>a:first-child{font-size:28px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center}header>a:first-child img{width:34px;height:34px;margin-right:9px}header>a:first-child>span{font-weight:400;font-size:28px;letter-spacing:-1.5px;color:var(--muted)}header>span{font:9px Space Mono,monospace;letter-spacing:.07em;color:var(--muted)}header>a:last-child{font-size:12px;border:1px solid var(--accent-2);color:var(--accent-2);padding:12px 18px}main{display:grid;grid-template-columns:310px 1fr;height:calc(100dvh - 80px)}aside{padding:30px;overflow:auto;border-right:1px solid var(--line)}.eyebrow{font:9px Space Mono,monospace;letter-spacing:.05em;color:var(--muted)}h1{font:700 52px/.9 Barlow Condensed,Impact,sans-serif;letter-spacing:-.02em;margin:26px 0}h1 em{color:var(--accent-2);font-style:normal}.intro{font-size:12px;color:var(--muted);line-height:1.8}label{display:block;font:9px Space Mono,monospace;letter-spacing:.08em;margin:28px 0 10px}select{width:100%;padding:13px;background:var(--panel);border:1px solid var(--mute-60);color:var(--ink);border-radius:0}#items{display:grid;gap:3px;margin-top:12px}#items button{cursor:pointer;background:transparent;border:0;text-align:left;color:var(--muted);padding:11px 12px;font:12px DM Sans,Arial,sans-serif;border-left:2px solid transparent}#items button:hover,#items button.selected{background:var(--accent-2);border-color:var(--accent-l);color:var(--on-accent)}.note{font-size:10px;color:var(--muted);line-height:1.6}.stage{position:relative;min-width:0;overflow:hidden;background:var(--panel);display:grid;grid-template-rows:minmax(0,1fr) auto}canvas{width:100%;height:100%;display:block;touch-action:none;min-height:0}.model-info{position:relative;border-top:1px solid var(--line);padding:20px 5% 23px;color:var(--ink);display:grid;grid-template-columns:1fr auto;column-gap:20px}.model-info #kind{font:8px Space Mono,monospace;color:var(--accent-2);letter-spacing:.1em;margin:0}.model-info h2{font:600 35px/.95 Barlow Condensed,Impact,sans-serif;margin:10px 0;grid-column:1}.model-info #description{max-width:520px;color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 10px;grid-column:1}.model-info span{font:7px Space Mono,monospace;color:var(--muted);letter-spacing:.08em;grid-column:1}.model-info button{align-self:center;grid-column:2;grid-row:1/5;padding:10px 14px;background:var(--accent-2);color:var(--on-accent);border:0;font:10px DM Sans,Arial,sans-serif;cursor:pointer}@media(max-width:700px){header{height:66px}header>a:first-child{font-size:23px}header>a:first-child>span{font-size:23px}header>a:first-child img{width:28px;height:28px}header>span{display:none}header>a:last-child{font-size:10px;padding:10px}main{height:auto;display:flex;flex-direction:column-reverse}.stage{height:76dvh;min-height:520px}aside{height:auto;padding:25px}.model-info{padding:20px 6%}.model-info #description{max-width:250px}.model-info h2{font-size:29px}.model-info button{padding:9px;font-size:9px}#items{grid-template-columns:1fr 1fr}h1{font-size:48px}}.model-info #pose{grid-row:1/3;align-self:start}.model-info #spin{grid-row:3/5;align-self:end}.model-info button[hidden]{display:none}
