.cc-cube{position:absolute;left:50%;top:48%;translate:-50% -50%;transform-style:preserve-3d;animation:cc-turn 14s linear infinite}@keyframes cc-turn{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}.cc-cube .b3f{display:grid;place-items:center;border-radius:26px;box-shadow:inset 0 0 0 3px #0000002e,inset 0 -18px 30px #0000002e}.cc-cube .b3f svg{width:54%;height:54%;color:#111}.cc-cube .b3-front{background:linear-gradient(150deg,#ffe58a,#f4c542 55%,#c99a1e)}.cc-cube .b3-back{background:linear-gradient(150deg,#7fdcff,#00aeef);filter:none}.cc-cube .b3-right{background:linear-gradient(150deg,#ff9aa2,#e63946);filter:none}.cc-cube .b3-left{background:linear-gradient(150deg,#6fe0d2,#2a9d8f);filter:none}.cc-cube .b3-top{background:linear-gradient(150deg,#e2b4ec,#8e3a9e);filter:none}.cc-cube .b3-bottom{background:#1b1f26}.cc-wave{position:absolute;left:50%;top:48%;width:46%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:2px solid var(--yellow);opacity:0;animation:cc-wave 2.4s ease-out infinite;animation-delay:var(--dl)}@keyframes cc-wave{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.7);opacity:0}}.cc-bub{position:absolute;padding:9px 14px;border-radius:18px 18px 18px 4px;font-weight:900;font-size:13px;background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--c),0 18px 30px -16px #000000b3;animation:cc-fl 4s ease-in-out infinite alternate;animation-delay:var(--dl);white-space:nowrap}.cc-bub small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@keyframes cc-fl{to{translate:0 -12px}}.cc-press{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}.cc-four{position:relative;aspect-ratio:1 / .78;max-width:480px;width:100%;justify-self:center}.cc-four span{position:absolute;width:44%;padding:14px;border-radius:18px;font-weight:900;font-size:15px;line-height:1.25;color:#111;background:var(--c);box-shadow:0 6px color-mix(in srgb,var(--c) 50%,#000),0 20px 30px -16px #000000b3;transition:left 1s var(--ease-spring),top 1s var(--ease-spring),rotate 1s var(--ease-spring)}.cc-four span:nth-child(1){left:0;top:0;rotate:-6deg}.cc-four span:nth-child(2){left:56%;top:4%;rotate:5deg}.cc-four span:nth-child(3){left:2%;top:62%;rotate:4deg}.cc-four span:nth-child(4){left:54%;top:66%;rotate:-5deg}.cc-four.in span:nth-child(1){left:5%;top:6%;rotate:0deg}.cc-four.in span:nth-child(2){left:51%;top:6%;rotate:0deg}.cc-four.in span:nth-child(3){left:5%;top:56%;rotate:0deg}.cc-four.in span:nth-child(4){left:51%;top:56%;rotate:0deg}.cc-four em{position:absolute;left:50%;top:50%;translate:-50% -50%;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#111;color:var(--yellow);box-shadow:0 0 0 6px var(--bg),0 0 40px #f4c54280;z-index:2}.cc-four em svg{width:46px;height:46px}.cc-gauges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}.cc-g{display:grid;justify-items:center;gap:8px;padding:16px 10px 14px;border-radius:22px;border:0;cursor:pointer;font:inherit;color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);transition:transform .4s var(--ease-spring),box-shadow .25s;perspective:600px}.cc-g:hover{transform:translateY(-4px)}.cc-g[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--c),0 24px 40px -24px #000c}.cc-dial{position:relative;width:100%;max-width:130px;aspect-ratio:2 / 1.15;transform:rotateX(18deg)}.cc-dial svg{width:100%;height:100%;overflow:visible}.cc-needle{transform-origin:60px 60px;transform:rotate(var(--a, -80deg));transition:transform 1.1s cubic-bezier(.2,1.6,.4,1)}.cc-g b{font-weight:900;font-size:22px;letter-spacing:-.01em}.cc-g small{font-size:12px;font-weight:700;color:var(--muted);line-height:1.3;text-align:center}.cc-read{margin-top:14px;padding:18px 20px;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--rc, var(--yellow)) 22%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rc, var(--yellow)) 60%,transparent);display:grid;gap:4px}.cc-read b{font-weight:900;font-size:18px}.cc-read span{color:var(--muted);font-size:16px;line-height:1.55}.bomb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(18px,3vw,34px);border-radius:32px;background:#15171b;color:#fff;overflow:hidden;margin-top:26px;box-shadow:inset 0 0 0 1px #ffffff1a,0 40px 70px -40px #000c}.bomb.boom{animation:boom .6s ease-out}@keyframes boom{0%{background:#e63946}20%{transform:translate(-8px,4px)}40%{transform:translate(8px,-4px)}60%{transform:translate(-4px,2px)}to{background:#15171b;transform:none}}.bomb.saved{box-shadow:inset 0 0 0 3px var(--green)}.device{position:relative;border-radius:26px;background:#2a2d33;box-shadow:inset 0 0 0 4px #3a3e46,0 30px 60px -30px #000000e6;display:grid;gap:14px;padding:18px;transform:perspective(900px) rotateX(10deg)}.seg7{justify-self:center;font-family:Courier New,monospace;font-weight:700;font-size:clamp(38px,5vw,60px);letter-spacing:.08em;color:#ff4d5a;background:#0b0c0e;padding:6px 22px;border-radius:12px;text-shadow:0 0 12px rgba(255,77,90,.8);font-variant-numeric:tabular-nums}.wires{display:grid;gap:10px}.wire{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;min-height:50px;padding:0 14px 0 0;border:0;background:none;color:#fff;font:inherit;font-weight:700;text-align:left;cursor:pointer}.wire:before{content:"";position:absolute;left:28px;right:0;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:var(--wc);box-shadow:0 0 10px var(--wc);z-index:0;clip-path:inset(0 0 0 0)}.wire .bolt{width:24px;height:24px;border-radius:50%;background:#50555e;box-shadow:inset 0 0 0 4px #2a2d33;z-index:1}.wire span{position:relative;z-index:1;padding:8px 12px;border-radius:10px;background:#15171be6;justify-self:start;font-size:15px;line-height:1.3}.wire.cut:before{clip-path:polygon(0 0,42% 0,46% 100%,0 100%,0 0,54% 0,100% 0,100% 100%,58% 100%)}.wire:hover span{background:#2e3138}.wire:disabled{cursor:default}.wire.right span{background:var(--green);color:#111}.wire.wrong span{background:var(--red);color:#111}.bomb-q{display:grid;gap:14px}.bomb-q .kicker{color:#a4acb8}.bomb-q h3{font-weight:900;font-size:clamp(22px,2.4vw,32px);line-height:1.18}.bomb-q p{color:#c9ced6}.round-dots{display:flex;gap:6px}.round-dots i{width:28px;height:8px;border-radius:4px;background:#3a3e46}.round-dots i.ok{background:var(--green)}.round-dots i.bad{background:var(--red)}@media (max-width: 960px){.cc-gauges{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.cc-press,.bomb{grid-template-columns:minmax(0,1fr)}}@media (max-width: 700px){.cc-gauges{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cc-g{padding:10px 4px;border-radius:14px}.cc-g b{font-size:14px}.cc-g small{display:none}.cc-read span{font-size:15px}.cc-four span{font-size:13px;padding:10px}.cc-four em{width:70px;height:70px}.device{transform:none;padding:14px}.wire span{font-size:14px}.bomb{order:0}}@media (prefers-reduced-motion: reduce){.cc-cube,.cc-wave,.cc-bub{animation:none}.cc-cube{transform:rotateX(-18deg) rotateY(-30deg)}}