*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0a0a0a;color:#fff;line-height:1.4}.container{height:100vh;display:grid;grid-template-rows:auto auto 1fr;padding:0;grid-gap:0;gap:0;max-width:100vw}.cta-banner{background:linear-gradient(90deg,#ff3b30,#ff9500 50%,#ff3b30);padding:1rem 0;overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(255,59,48,.4)}.cta-content{display:flex;gap:4rem;animation:scroll 30s linear infinite;white-space:nowrap}.cta-content span{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.headline{text-align:center;padding:1rem 1.5rem .5rem}.headline h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.3rem;line-height:1.1}.subtitle{font-size:clamp(.9rem,1.5vw,1.2rem);color:#888;font-weight:400;transition:opacity .5s ease}.main-content{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1rem;gap:1rem;overflow:hidden;padding:0 1.5rem 1.5rem}.challenge{grid-column:2;grid-row:1/3;background:radial-gradient(circle at center,#1a1a1a 0,#0a0a0a 100%);border:3px solid #2a2a2a;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.challenge:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff3b30,#ff9500,#ff3b30);border-radius:16px;opacity:0;transition:opacity .5s ease;z-index:0;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.challenge:has(.break-button:hover:not(:disabled)):before{opacity:.1}.challenge>*{position:relative;z-index:1}.challenge h2{font-size:clamp(1.8rem,3.5vw,3rem);margin-bottom:1rem;color:#fff;letter-spacing:-.02em;text-align:center}.challenge-subtitle{font-size:clamp(1rem,1.8vw,1.5rem);color:#888;margin-bottom:3rem;text-align:center}.break-button{width:clamp(200px,25vw,320px);height:clamp(200px,25vw,320px);background:radial-gradient(circle at 30% 30%,#ff453a,#ff3b30);color:#fff;border:none;border-radius:50%;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 32px rgba(255,59,48,.4),0 0 0 0 rgba(255,59,48,.7),inset 0 -4px 8px rgba(0,0,0,.3);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;line-height:1.3}.break-button:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,59,48,.3),transparent 70%);opacity:0;transition:opacity .4s ease}.break-button:hover:not(:disabled){background:radial-gradient(circle at 30% 30%,#ff5a50,#ff453a);transform:scale(1.08);box-shadow:0 12px 48px rgba(255,59,48,.6),0 0 0 15px rgba(255,59,48,.2),inset 0 -6px 12px rgba(0,0,0,.3)}.break-button:hover:not(:disabled):before{opacity:1;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.break-button:active:not(:disabled){transform:scale(.95);box-shadow:0 4px 16px rgba(255,59,48,.8),0 0 0 5px rgba(255,59,48,.4),inset 0 4px 12px rgba(0,0,0,.5);transition:all .1s ease}.break-button:active:not(:disabled):after{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,59,48,.8),transparent 60%);animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.break-button:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:0 4px 16px rgba(0,0,0,.3);transform:scale(1)}.challenge-status{margin-top:2rem;font-size:clamp(1rem,1.5vw,1.3rem);min-height:2rem;color:#ff9500;font-weight:700;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.left-column,.right-column{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.stats-grid{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.stat-card{background:#151515;border:1px solid #2a2a2a;border-radius:8px;padding:.75rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#3a3a3a;transform:translateX(4px)}.stat-label{font-size:clamp(.65rem,.8vw,.75rem);color:#666;letter-spacing:.1em;margin-bottom:.5rem;font-weight:600}.stat-value{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;color:#0f8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value.large{font-size:clamp(1rem,1.5vw,1.4rem)}.feed-section{grid-column:1;grid-row:2;background:#151515;border:1px solid #2a2a2a;border-radius:8px;padding:.75rem;overflow:hidden;display:flex;flex-direction:column}.feed-section h2{font-size:clamp(.75rem,1vw,.9rem);margin-bottom:.5rem;color:#888;letter-spacing:.05em}.feed{font-family:Monaco,Menlo,Courier New,monospace;font-size:clamp(.65rem,.85vw,.8rem);overflow-y:auto;flex:1 1}.feed-item{padding:.4rem;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:.4rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.feed-item.waiting{color:#666}.feed-item.executed{color:#0f8}.feed-item.node-dropped{color:#ff9500;background:rgba(255,149,0,.05)}.feed-item.node-recovered{color:#0f8;background:rgba(0,255,136,.05)}.feed-item .time{color:#666;min-width:60px;font-size:.85em}.feed-item .icon{font-size:1em}.nodes-section{grid-column:3;grid-row:1;background:#151515;border:1px solid #2a2a2a;border-radius:8px;padding:.75rem;display:flex;flex-direction:column}.nodes-section h3{font-size:clamp(.7rem,1vw,.85rem);color:#666;margin-bottom:.75rem;letter-spacing:.1em;text-align:center}.nodes{flex-direction:column;gap:.75rem}.node,.nodes{display:flex;flex:1 1}.node{background:#0a0a0a;border:2px solid #2a2a2a;border-radius:8px;padding:.75rem;text-align:center;transition:all .3s ease;flex-direction:column;justify-content:center}.node.active{border-color:#0f8;box-shadow:0 0 12px rgba(0,255,136,.2)}.node.disconnected{border-color:#ff3b30;opacity:.5}.node.active:hover{transform:translateX(-4px)}.node-id{font-size:clamp(.7rem,.9vw,.8rem);color:#666;margin-bottom:.25rem}.node-status{font-size:clamp(.8rem,1.1vw,.95rem);font-weight:600}.node.active .node-status{color:#0f8}.node.disconnected .node-status{color:#ff3b30}.info-section{grid-column:3;grid-row:2;background:linear-gradient(135deg,#151515,#0f0f0f);border:1px solid #2a2a2a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.info-section h3{font-size:clamp(.85rem,1.2vw,1rem);color:#fff;margin-bottom:.5rem;font-weight:700}.info-section p{font-size:clamp(.75rem,1vw,.9rem);color:#888;line-height:1.5}.feed::-webkit-scrollbar,.stats-grid::-webkit-scrollbar{width:4px}.feed::-webkit-scrollbar-track,.stats-grid::-webkit-scrollbar-track{background:#0a0a0a}.feed::-webkit-scrollbar-thumb,.stats-grid::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.feed::-webkit-scrollbar-thumb:hover,.stats-grid::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@media (max-width:1200px){.main-content{grid-template-columns:1fr 2fr 1fr}.break-button{width:clamp(180px,22vw,280px);height:clamp(180px,22vw,280px)}}@media (max-width:1024px){.main-content{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:.75rem}.challenge{grid-column:1;grid-row:2;padding:1.5rem}.stats-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.feed-section{grid-column:1;grid-row:3}.nodes-section{grid-column:1;grid-row:4}.nodes{flex-direction:row}.info-section{display:none}.break-button{width:clamp(160px,30vw,240px);height:clamp(160px,30vw,240px)}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.break-button{width:clamp(140px,40vw,200px);height:clamp(140px,40vw,200px);font-size:clamp(1rem,3vw,1.3rem)}.container{padding:.75rem}}