:root{font-family:'DM Sans','Yu Gothic',sans-serif;color:#eef0e6;background:#111c24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff24;background:#ffffff06;border-radius:8px;transition:background .15s,transform .15s}button:hover{background:#ffffff16}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid #c5efa6;outline-offset:4px}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}#scene{width:100%;height:100%;position:fixed;inset:0;touch-action:none}header{position:absolute;left:36px;right:36px;top:25px;display:flex;align-items:center;gap:28px;pointer-events:none}.back{font-size:11px;letter-spacing:1.6px;border-right:1px solid #ffffff30;padding:13px 26px 13px 0;pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#a2b2b8}.brand h1{margin:5px 0 0;font:600 32px/.95 'Space Grotesk',sans-serif;letter-spacing:-1.7px}.brand h1 span{font-weight:400;color:#b9c8ca;margin-left:5px}.brand i{font-size:12px;color:#f09173;font-style:normal;vertical-align:top;margin-left:6px}.badge{margin-left:auto;font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff26;padding:9px 12px;border-radius:20px}.scoreboard{position:absolute;left:40px;top:150px;display:flex;gap:27px;align-items:center}.scoreboard span{display:block;font-size:10px;letter-spacing:2px;color:#a5b8ba}.scoreboard strong{font:500 90px/1.15 'Space Grotesk',sans-serif;letter-spacing:-7px}.scoreboard small{margin-left:12px;color:#b5c9c5}.scoreboard .best{border-left:1px solid #ffffff24;padding-left:24px}.best b{font:400 24px 'Space Grotesk',sans-serif;display:block;margin-top:9px;color:#c7dfc5}.panel{position:absolute;right:36px;top:145px;width:292px;background:#15232bd9;border:1px solid #bfd4d824;border-radius:16px;padding:22px;backdrop-filter:blur(16px);box-shadow:0 20px 60px #0002}.panel-title{display:flex;align-items:center;justify-content:space-between}.pill{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:1px;background:#c2edac17;color:#c2edac;padding:5px 8px;border-radius:15px}.panel h2{font-weight:500;font-size:22px;margin:22px 0 7px}.hint{font-size:12px;line-height:1.7;color:#aabfc2;min-height:41px;margin:0 0 16px}.pose-options{display:flex;gap:5px}.pose-options button{font-size:10px;padding:10px 5px;flex:1;white-space:nowrap}.pose-options button.selected{background:#c5efa6;color:#192521;border-color:#c5efa6}.divider{height:1px;background:#ffffff15;margin:20px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.label{font-size:10px;color:#9db4b9;letter-spacing:1px}.dpad{display:grid;grid-template-columns:32px 32px 32px;grid-template-rows:30px 30px 30px;gap:4px;margin-top:10px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad span{grid-column:2;grid-row:2;text-align:center;color:#678087;padding-top:6px}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:last-child{grid-column:2;grid-row:3}.rotate{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.rotate button{height:42px}kbd{font-size:10px;opacity:.55}.rotate #yaw{grid-column:span 2;font-size:10px;height:36px}.drop{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f09779;border-color:#f09779;color:#17242a;border-radius:8px;padding:16px 13px;font:700 13px 'Space Grotesk',sans-serif;margin-top:20px;letter-spacing:.5px}.drop:hover{background:#ffb092}.drop span{font-size:10px;opacity:.7}.keys{font-size:10px;line-height:1.9;color:#829ca3;margin:13px 0 0}.view-tools{position:absolute;left:40px;bottom:76px;display:flex;gap:8px}.view-tools button{font-size:11px;background:#15232bbd;padding:10px 14px;backdrop-filter:blur(12px)}footer{position:absolute;bottom:23px;left:40px;right:36px;display:flex;justify-content:space-between;align-items:end;color:#8da7b0;font-size:10px;letter-spacing:.3px}footer details{text-align:right}footer summary{cursor:pointer}footer p{background:#15232bef;padding:14px;line-height:1.8;border-radius:8px}footer a{text-decoration:underline}.end{position:fixed;inset:0;background:#0a151ba8;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5}.end[hidden]{display:none}.end>div{width:min(380px,90vw);padding:35px;border:1px solid #ffffff25;background:#182730;border-radius:20px;text-align:center}.end h2{font-weight:500;font-size:30px}.end p{font-size:13px;color:#a1b8be}.end strong{font:500 80px 'Space Grotesk',sans-serif;display:block}.end strong span{display:block;font-size:11px;color:#a5b8be;letter-spacing:3px}.end .drop{justify-content:center;margin-top:28px}
@media(max-width:700px){header{left:18px;right:18px;top:18px;gap:15px}.back{padding-right:15px}.brand h1{font-size:25px}.badge{display:none}.eyebrow{font-size:8px}.scoreboard{left:20px;top:105px;gap:16px}.scoreboard strong{font-size:58px;letter-spacing:-3px}.scoreboard span{font-size:8px}.scoreboard .best{padding-left:16px}.panel{top:auto;right:12px;left:12px;bottom:50px;width:auto;padding:13px 15px;border-radius:13px}.panel h2{font-size:16px;margin:10px 0 3px}.hint{min-height:0;font-size:10px;margin-bottom:9px}.panel-title{position:absolute;right:15px;top:14px}.panel-title .eyebrow{display:none}.pose-options{max-width:280px}.pose-options button{padding:8px}.divider{margin:10px 0}.controls{display:flex;gap:18px}.controls>div{display:flex;align-items:center;gap:8px}.label{font-size:8px}.dpad{display:flex;margin:0;gap:3px}.dpad span{display:none}.dpad button{width:28px;height:28px}.rotate{display:flex;margin:0;gap:3px}.rotate button{height:28px;width:32px}.rotate #yaw{height:28px;width:63px;font-size:8px}.rotate kbd{display:none}.drop{padding:12px;margin-top:10px}.keys{display:none}.view-tools{left:auto;right:16px;bottom:auto;top:109px;flex-direction:column;gap:4px}.view-tools button{padding:8px;font-size:9px}footer{bottom:15px;left:18px;right:18px;font-size:8px}footer>span{max-width:180px}}