:root{--red:#ff2525;--orange:#ff6a00;--accent:#ff8a00;--black:#090909;--surface:#111318;--white:#fff}*{box-sizing:border-box}html{background:#090909;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,#34200e 0,#0c0d10 34rem);min-height:100vh}.site-head{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 22px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.06em}.brand>span:last-child span{color:var(--orange)}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--red),var(--orange));font-size:13px;box-shadow:0 7px 20px #ff4d003b}.original,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;color:#ff9a4c}.hero{padding:30px 18px 80px}.title{text-align:center}.title p{margin:0 0 10px;font-size:11px;letter-spacing:.28em;font-weight:900;color:#ff9c52}.title h1{font-size:clamp(37px,6vw,68px);line-height:.9;margin:0;text-transform:uppercase;letter-spacing:-.06em}.title h1 em{font-style:normal;color:var(--orange);display:block}.deck{letter-spacing:0!important;color:#b8bbc3!important;font-weight:500!important;font-size:14px!important;margin:15px 0 28px!important}.game-shell{position:relative;width:min(100%,560px);aspect-ratio:3/4;margin:auto;border-radius:26px;overflow:hidden;background:#071411;box-shadow:0 25px 80px #000,0 0 0 1px #ffffff18;touch-action:none;outline:none}.game-shell:focus-visible{box-shadow:0 0 0 3px var(--orange),0 25px 80px #000}canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:4;left:0;right:0;top:0;display:grid;grid-template-columns:1fr 1.8fr 1fr 1fr;padding:16px 60px 13px 16px;background:linear-gradient(#080a0de8,transparent);gap:5px}.hud div{text-align:center}.hud small{font-size:8px;letter-spacing:.13em;color:#a8acb4;display:block}.hud strong{font-size:20px}.shots{min-width:88px}.shots span{display:flex;gap:5px;justify-content:center;margin-top:6px}.shots i{width:10px;height:10px;border:2px solid #fff6;border-radius:50%}.shots i.goal{border-color:#37e583;background:#37e583}.shots i.used{border-color:#ff5252;background:#ff5252}.top-controls{position:absolute;z-index:8;right:9px;top:11px;display:flex;gap:4px}.top-controls button{width:34px;height:34px;border:0;border-radius:10px;background:#ffffff13;color:#fff;font-weight:900;font-size:15px;cursor:pointer}.message{position:absolute;z-index:3;bottom:75px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.13em;font-weight:900;white-space:nowrap;text-shadow:0 2px 6px #000}.power{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:70%;display:flex;align-items:center;gap:9px;font-size:8px;font-weight:900;letter-spacing:.15em;z-index:3}.power>div{height:10px;flex:1;background:#0008;border:1px solid #fff3;border-radius:9px;overflow:hidden;position:relative}.power i{display:block;width:0;height:100%;background:linear-gradient(90deg,#39df76,#ffe34f,#ff3b2e);transition:width .04s}.power .sweet{position:absolute;left:60%;width:20%;top:0;bottom:0;border-left:1px solid #fff;border-right:1px solid #fff}.overlay{position:absolute;inset:0;z-index:7;display:none;place-items:center;padding:32px;background:radial-gradient(circle at 50% 35%,#311208d9,#050608f4 70%);text-align:center}.overlay.open{display:grid}.panel{max-width:370px;animation:pop .35s ease}.panel.hidden{display:none}.panel h2{text-transform:uppercase;font-size:clamp(32px,8vw,52px);line-height:.95;margin:15px 0;letter-spacing:-.05em}.panel h2 b{color:var(--orange)}.panel p{color:#bec0c7;line-height:1.55;font-size:14px}.primary{border:0;border-radius:13px;background:linear-gradient(110deg,var(--red),var(--orange));box-shadow:0 12px 30px #ff3d0042;color:#fff;font-weight:900;letter-spacing:.08em;font-size:13px;min-width:220px;padding:17px 22px;margin-top:14px;cursor:pointer}.primary span{font-size:22px;float:right;line-height:12px}.text-btn{display:block;margin:16px auto 0;border:0;background:none;color:#aaa;font-weight:800;font-size:11px;letter-spacing:.12em;cursor:pointer}.tutorial-icon{margin:20px auto;width:80px;height:80px;border:2px solid #ff762e;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#ff762e}.step{font-weight:900;font-size:10px;letter-spacing:.2em;color:#ff9654}.result-score strong{display:block;font-size:72px;color:#ff6a00;line-height:1}.result-score small{font-size:10px;letter-spacing:.2em}.info{max-width:960px;margin:80px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:0 25px}.info h2{font-size:38px;letter-spacing:-.04em;margin:12px 0}.info p{color:#9a9da5;line-height:1.7}.instructions{background:#15171c;border:1px solid #ffffff10;border-radius:18px;padding:25px}.instructions h3{margin-top:0}.instructions p{display:grid;grid-template-columns:95px 1fr;gap:12px;margin:10px 0}.instructions b{color:#fff;font-size:13px}footer{border-top:1px solid #ffffff12;padding:45px 22px;text-align:center;color:#80838b;font-size:12px}footer .brand{justify-content:center;margin-bottom:18px}footer p{margin:7px}footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:25px 0}footer a{color:#c3c5ca;text-decoration:none}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){.site-head{height:58px}.original{font-size:8px}.hero{padding:12px 10px 50px}.title h1{font-size:34px}.deck{margin-bottom:15px!important}.game-shell{border-radius:18px;width:min(100%,480px);max-height:calc(100svh - 145px)}.info{grid-template-columns:1fr;gap:30px;margin:55px auto}.hud{padding-left:7px;grid-template-columns:.8fr 1.6fr .8fr .8fr}.hud strong{font-size:17px}.top-controls button{width:31px;height:31px}.message{bottom:63px}.power{bottom:15px;width:76%}}@media(max-width:360px){.title{display:none}.game-shell{max-height:calc(100svh - 75px)}.hero{padding-top:4px}.panel h2{font-size:34px}.hud small{font-size:7px}}@media(orientation:landscape) and (max-height:650px){.title{display:none}.hero{padding:4px}.game-shell{height:calc(100svh - 66px);width:auto}.site-head{height:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}