*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070910;color:#fff;font-family:Arial,Helvetica,sans-serif}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:#070910e8;border-bottom:1px solid #ffffff18}.logo{font-weight:900;letter-spacing:.08em}.logo span,h1 span{color:#31d9ff}nav a{color:#c7cede;text-decoration:none;margin-left:24px}.hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px;background:radial-gradient(circle at 50% 30%,#27205a 0,#111526 34%,#070910 68%)}.badge{font-size:12px;letter-spacing:.18em;color:#31d9ff;border:1px solid #31d9ff55;border-radius:99px;padding:8px 12px}.hero h1{font-size:clamp(52px,9vw,110px);max-width:1050px;line-height:.92;margin:28px 0 18px}.hero p{color:#9fa8ba;font-size:19px;max-width:680px;line-height:1.6}.btn,.card button,#restart{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#31d9ff);color:white;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:80px 24px}.wrap h2{font-size:40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#101522;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;padding-bottom:20px}.card h3,.card p,.card button{margin-left:18px;margin-right:18px}.card p{color:#9fa8ba;min-height:44px}.art{height:230px;display:grid;place-items:center;font-size:34px;font-weight:900;letter-spacing:.1em}.a1{background:radial-gradient(circle,#4f60ff,#161b35 45%,#080b12);text-shadow:0 0 24px #31d9ff}.a2{background:linear-gradient(135deg,#3a1135,#11182c)}.a3{background:linear-gradient(135deg,#34210e,#101a2a)}.card button:disabled{background:#242a38;color:#737c91}.about{padding:40px;border:1px solid #ffffff16;border-radius:22px;background:#0e1320}.about p{color:#9fa8ba;font-size:18px;line-height:1.6}code{color:#c6f8ff}footer{padding:35px 24px;text-align:center;border-top:1px solid #ffffff16;color:#7f889b}.modal{display:none;position:fixed;inset:0;z-index:20;background:#000c;backdrop-filter:blur(10px);place-items:center;padding:18px}.modal.open{display:grid}.box{position:relative;width:min(100%,1000px);background:#0a0e17;border:1px solid #ffffff22;border-radius:22px;padding:18px}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}.scores{color:#a9b1c4;margin-bottom:10px}canvas{width:100%;height:auto;background:#04060a;border:1px solid #ffffff18;border-radius:16px;touch-action:none}.help{text-align:center;color:#8d96a9;font-size:12px}@media(max-width:850px){nav{display:none}.grid{grid-template-columns:1fr}.hero{min-height:65vh}.art{height:210px}.wrap h2{font-size:32px}}