*{box-sizing:border-box}:root{--panel:rgba(255,255,255,.1);--line:rgba(255,255,255,.16);--text:#fff;--muted:rgba(255,255,255,.72);--aqua:#35f7ff;--pink:#ff4fd8;--yellow:#ffe45e;--red:#ff6b6b}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#050513;overflow-x:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at top left,#2039ff,transparent 34%),radial-gradient(circle at top right,#ff4fd8,transparent 36%),radial-gradient(circle at bottom,#35f7ff,transparent 32%),linear-gradient(135deg,#040412,#11102e 55%,#05020d);z-index:-2}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;animation:grid 13s linear infinite;z-index:-1}@keyframes grid{from{background-position:0 0}to{background-position:84px 84px}}a{color:var(--aqua);text-decoration:none}.header{text-align:center;padding:24px 16px 12px}.logo{font-size:34px;font-weight:1000;letter-spacing:-1.5px}.logo span{color:var(--aqua)}.tag{opacity:.78;margin-top:6px;font-size:14px}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.nav a{color:#fff;font-weight:800;font-size:14px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.container{width:calc(100% - 32px);max-width:1180px;margin:0 auto 70px}.hero{text-align:center;max-width:860px;margin:28px auto 24px}.hero h1{margin:0;font-size:62px;line-height:.95;letter-spacing:-3px;background:linear-gradient(90deg,var(--aqua),var(--pink),var(--yellow),var(--aqua));background-size:300%;-webkit-background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{from{background-position:0}to{background-position:300%}}.hero p{font-size:18px;line-height:1.55;color:var(--muted)}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px;backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.32);margin-bottom:22px}.notice{padding:14px 16px;border-radius:18px;background:rgba(53,247,255,.11);border:1px solid rgba(53,247,255,.24);line-height:1.55}.ad-placeholder{border:1px dashed rgba(255,255,255,.3);border-radius:18px;padding:22px;text-align:center;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:1px;background:rgba(255,255,255,.05)}label{display:block;font-weight:900;margin:14px 0 8px}input,textarea{width:100%;padding:15px 16px;border:none;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:16px;outline:none}textarea{min-height:80px;resize:vertical}.counter{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.counter button{width:70px;height:70px;margin:0;border-radius:22px;font-size:36px;padding:0}.count-display{min-width:110px;text-align:center;font-size:64px;font-weight:1000;color:var(--yellow);text-shadow:0 0 28px rgba(255,228,94,.38)}button{width:100%;margin-top:16px;border:none;border-radius:999px;padding:16px 20px;font-size:17px;font-weight:1000;cursor:pointer;color:#070712;background:linear-gradient(135deg,var(--aqua),var(--pink),var(--yellow));box-shadow:0 12px 35px rgba(255,79,216,.28);transition:.2s}.secondary{background:rgba(255,255,255,.16);color:#fff;box-shadow:none}.danger{background:rgba(255,107,107,.18);color:#fff}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px}.stat .num{font-size:34px;font-weight:1000;color:var(--aqua);line-height:1}.stat .label{font-size:13px;opacity:.72;margin-top:7px}.result-banner{margin-top:18px;padding:18px;border-radius:22px;text-align:center;font-size:19px;font-weight:1000;background:linear-gradient(135deg,#2039ff,#ff4fd8,#ffe45e)}.leaderboard{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;margin:9px 0;background:rgba(255,255,255,.08);border-radius:16px}.leaderboard strong{color:var(--yellow)}.copy{font-size:16px;line-height:1.72;color:rgba(255,255,255,.84)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:18px}.chart{margin-top:18px}.bar-row{display:flex;align-items:center;gap:10px;margin:9px 0}.bar-label{width:88px;font-size:12px;opacity:.7}.bar{flex:1;height:13px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--aqua),var(--pink))}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin-top:18px}.cell{aspect-ratio:1;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.cell[data-level="1"]{background:rgba(53,247,255,.25)}.cell[data-level="2"]{background:rgba(53,247,255,.45)}.cell[data-level="3"]{background:rgba(255,79,216,.55)}.cell[data-level="4"]{background:rgba(255,228,94,.75)}.achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge{padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);opacity:.45}.badge.unlocked{opacity:1;background:rgba(255,228,94,.12);border-color:rgba(255,228,94,.35)}.footer{width:calc(100% - 32px);max-width:1180px;margin:20px auto 40px;text-align:center;color:rgba(255,255,255,.65);font-size:13px;line-height:1.7}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:8px}.hidden{display:none}@media(max-width:900px){.grid,.three,.cards{grid-template-columns:1fr}.hero h1{font-size:44px}.stats,.achievements{grid-template-columns:1fr}.count-display{font-size:52px}.heatmap{grid-template-columns:repeat(10,1fr)}}