*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070708;color:#fff;font-family:Arial,Helvetica,sans-serif}button,a,input{font:inherit}main,.hero{width:100%;height:100%}.hero{position:relative;background:radial-gradient(circle at 55% 48%,#252529 0,#111114 38%,#050506 75%)}header{height:74px;position:absolute;z-index:20;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#070708,#070708a6)}.logo{font-size:22px;font-weight:900;font-style:italic}.logo span,.intro span,.intro small,aside>small{color:#ff6a00}header a{justify-self:end;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.desktop-tip{color:#999;font-size:12px}.canvas-wrap{position:absolute;inset:0;z-index:2}.canvas-wrap canvas{touch-action:none}.intro{position:absolute;z-index:4;left:4vw;top:112px;pointer-events:none}.intro small,aside>small{font-size:11px;letter-spacing:2px;font-weight:800}.intro h1{margin:15px 0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(38px,5vw,78px);line-height:.95;letter-spacing:1px}.mode-tabs{position:absolute;z-index:8;left:4vw;bottom:36px;display:flex;gap:7px;max-width:70vw;overflow-x:auto}.mode-tabs button{border:1px solid rgba(255,255,255,.14);background:#0a0a0cc2;color:#bdbdc2;padding:10px 14px;cursor:pointer;white-space:nowrap}.mode-tabs button:hover,.mode-tabs button.active{border-color:#ff6a00;color:#ff6a00;background:#ff6a0014}.explode-control{position:absolute;z-index:8;left:4vw;bottom:88px;width:250px;padding:12px 14px;background:#08080abd;border:1px solid rgba(255,255,255,.12)}.explode-control label{display:block;margin-bottom:8px;font-size:11px;color:#bbb}.explode-control input{width:100%;accent-color:#ff6a00}aside{position:absolute;z-index:6;right:3vw;top:115px;width:225px;padding:18px;background:#08080ab8;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.parts{display:grid;margin-top:9px}.parts button{position:relative;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#c4c4c8;text-align:left;padding:10px 4px 10px 19px;cursor:pointer;font-weight:700;transition:.18s}.parts button:before{content:"";position:absolute;left:2px;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#ff6a00;box-shadow:0 0 9px #ff6a00}.parts button:hover,.parts button.active{color:#ff6a00;padding-left:25px}.hot-label{min-width:220px;border:0;border-left:3px solid #ff6a00;background:#070709f0;color:#fff;text-align:left;padding:14px 16px;cursor:pointer}.hot-label small,.hot-label strong,.hot-label span{display:block}.hot-label small{color:#ff6a00;font-size:9px;letter-spacing:1.4px}.hot-label strong{margin:5px 0;font-size:18px}.hot-label span{color:#bbb;font-size:12px}.loader{color:#ff6a00;font-weight:800;white-space:nowrap}.mobile-tip{display:none}.hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-17%;height:50%;background:repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.03) 70px),repeating-linear-gradient(0deg,transparent 0 69px,rgba(255,255,255,.03) 70px);transform:perspective(500px) rotateX(65deg);transform-origin:bottom;pointer-events:none}@media (max-width:800px){header{height:64px;grid-template-columns:1fr auto;padding:0 18px}.desktop-tip{display:none}header a{font-size:11px}.intro{top:80px;left:18px}.intro h1{font-size:35px}.canvas-wrap{bottom:176px}.mode-tabs{left:10px;right:10px;bottom:112px;max-width:none}.mode-tabs button{padding:9px 12px}.explode-control{left:10px;bottom:160px;width:210px;padding:8px 10px}.explode-control label{margin-bottom:4px}.parts{display:flex;gap:7px;overflow-x:auto;margin:0}aside{inset:auto 10px 45px;width:auto;padding:9px}aside>small{display:none}.parts button{flex:none;border:1px solid rgba(255,255,255,.12);background:#101012;padding:9px 12px;white-space:nowrap}.parts button:before{display:none}.parts button:hover,.parts button.active{padding-left:12px}.mobile-tip{display:block;position:absolute;z-index:7;left:10px;right:10px;bottom:15px;text-align:center;color:#aaa;font-size:11px}}