:root{--ink:#020817;--navy:#061445;--blue:#1076ff;--cyan:#60efff;--gold:#ffd43b;--red:#ff4058;--purple:#8c4cff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;min-height:100%;background:#030a23;color:#fff;font-family:Inter,Arial,sans-serif;overscroll-behavior:none}button,a{font:inherit}.hero-target-page{height:100dvh;overflow:hidden;background:radial-gradient(circle at 55% 0,#15318a 0,#07133d 48%,#020719 100%);touch-action:none}.ht-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:7px clamp(8px,2vw,24px);background:linear-gradient(180deg,rgba(8,29,86,.99),rgba(2,10,35,.98));border-bottom:2px solid rgba(74,225,255,.75);box-shadow:0 8px 30px rgba(0,0,0,.36);position:relative;z-index:100}.ht-brand{display:flex;align-items:baseline;gap:5px;text-decoration:none;text-shadow:0 3px 0 #01071b}.ht-brand .two{font:1000 34px/1 Arial Black;color:#ffd43b;-webkit-text-stroke:2px #06152f}.ht-brand .blocks{font:1000 23px/1 Arial Black;color:#fff;-webkit-text-stroke:2px #06152f}.ht-brand small{font-size:7px;font-weight:900;color:#bcefff;margin-left:5px}.ht-nav{display:flex;gap:6px}.ht-nav a{padding:8px 11px;border:1px solid rgba(89,224,255,.42);border-radius:10px;background:rgba(9,25,77,.76);color:#fff;text-decoration:none;font:900 9px Arial Black}.ht-nav a.active{color:#ffe45d;box-shadow:0 0 14px rgba(66,195,255,.18)}
.ht-shell{height:calc(100dvh - 62px);padding:6px;max-width:1600px;margin:auto}.ht-frame{height:100%;position:relative;overflow:hidden;border:3px solid #02071c;border-radius:22px;background:#07134a;box-shadow:0 0 0 2px #318cdd,inset 0 0 0 2px rgba(117,235,255,.22),0 22px 58px rgba(0,0,0,.5);isolation:isolate;touch-action:none;user-select:none}.ht-world{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#07104b 0%,#103894 44%,#5b1d8e 73%,#0a1133 100%)}.ht-world::before{content:"";position:absolute;inset:-2% -8% 18%;background:url('hero-blast/neon-city.webp') center 20%/cover no-repeat;opacity:.86;filter:saturate(1.28) contrast(1.08) brightness(.88)}.ht-world::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(93,81,255,.26),transparent 26%),linear-gradient(180deg,transparent 48%,rgba(2,3,20,.55) 100%)}.ht-city{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent,rgba(35,227,255,.05),transparent);mix-blend-mode:screen}.ht-rooftop{position:absolute;z-index:4;left:0;right:0;bottom:0;height:27%;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28)),url('hero-blast/rooftop-premium.webp') bottom left/auto 100% repeat-x;border-top:9px solid transparent;border-image:repeating-linear-gradient(115deg,#f5a62a 0 18px,#191b2e 18px 36px) 9}.ht-hud{position:absolute;z-index:40;top:12px;display:flex;gap:7px;pointer-events:none}.ht-hud.left{left:12px}.ht-hud.right{right:12px}.ht-pill{min-width:105px;padding:7px 12px;border:2px solid #02071c;border-radius:14px;background:linear-gradient(145deg,rgba(10,55,126,.96),rgba(3,18,66,.97));box-shadow:0 4px 0 rgba(0,0,0,.46),0 0 0 1px rgba(69,210,255,.55),inset 0 1px rgba(255,255,255,.18)}.ht-pill small{display:block;color:#c9f5ff;font:900 8px Arial Black;letter-spacing:.7px}.ht-pill b{display:block;color:#ffe55a;font:1000 clamp(19px,2vw,29px)/1.05 Arial Black;text-shadow:0 2px 0 #02071c}.ht-pill.compact{min-width:95px}.combo-pill b{color:#6bf2ff}.ht-stage{position:absolute;z-index:35;top:76px;left:50%;transform:translateX(-50%);padding:7px 13px;border:1px solid rgba(95,235,255,.65);border-radius:999px;background:rgba(3,16,59,.78);font:900 9px Arial Black;color:#d8faff;letter-spacing:.6px;pointer-events:none;white-space:nowrap}.ht-hero{position:absolute;z-index:15;left:2.2%;bottom:21%;width:clamp(120px,17vw,245px);filter:drop-shadow(0 14px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(58,180,255,.3));pointer-events:none}.ht-hero img{width:100%;display:block}.ht-target{position:absolute;z-index:26;border:0;background:transparent;padding:0;cursor:crosshair;transform:translate(-50%,-50%) scale(.1);opacity:0;animation:htTargetIn .16s ease-out forwards;touch-action:none}.ht-target .ring{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0 28%,transparent 29% 41%,rgba(255,255,255,.92) 42% 46%,var(--ring) 47% 61%,#fff 62% 67%,var(--ring) 68% 83%,rgba(0,0,0,.72) 84%);box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 18px var(--glow),0 0 30px var(--glow);overflow:hidden}.ht-target img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 8px 5px rgba(0,0,0,.5));pointer-events:none}.ht-target .points{position:absolute;right:-8px;bottom:-8px;min-width:38px;height:38px;padding:0 5px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe768,#ffac1d);border:3px solid #07102d;color:#07102d;font:1000 10px Arial Black;box-shadow:0 0 12px rgba(255,203,48,.7);pointer-events:none}.ht-target.drone{--ring:#ff4a57;--glow:#ff4a57}.ht-target.hover{--ring:#39d9ff;--glow:#39d9ff}.ht-target.tread{--ring:#ad55ff;--glow:#ad55ff}.ht-target.gold{--ring:#ffd83f;--glow:#ffd83f}.ht-target.bonus .ring{background:radial-gradient(circle,#fff 0 9%,#99fcff 10% 31%,#2ed8ff 32% 52%,#0d55bb 54% 73%,#fff 74% 78%,#2ed8ff 79%);font:1000 26px Arial Black;color:#fff;text-shadow:0 2px 0 #05245b}.ht-target.bonus img{display:none}.ht-target.expire{animation:htTargetOut .15s ease-in forwards}.ht-target.hit{pointer-events:none;animation:htTargetHit .22s ease-out forwards}.ht-target.pulse .ring{animation:htPulse .46s ease-in-out infinite alternate}.ht-target.boss-spot{z-index:31}.ht-target.boss-spot .ring{box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 25px #ff4f57,0 0 50px rgba(255,68,79,.75)}
@keyframes htTargetIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes htTargetOut{to{opacity:0;transform:translate(-50%,-50%) scale(.25)}}@keyframes htTargetHit{45%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg);filter:brightness(2)}to{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(15deg)}}@keyframes htPulse{to{transform:scale(1.08)}}
.ht-boss{position:absolute;z-index:24;right:5%;bottom:22%;width:clamp(220px,29vw,420px);opacity:0;transform:translateX(110%) scale(.8);transition:.45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 17px 10px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(255,70,70,.3));pointer-events:none}.ht-boss.show{opacity:1;transform:translateX(0) scale(1)}.ht-boss img{width:100%;display:block}.ht-bossbar{position:absolute;z-index:44;top:113px;left:50%;transform:translateX(-50%) translateY(-25px);width:min(420px,54vw);padding:6px 9px;border:2px solid #02071c;border-radius:12px;background:rgba(10,10,45,.95);opacity:0;transition:.2s;pointer-events:none}.ht-bossbar.show{opacity:1;transform:translateX(-50%) translateY(0)}.ht-bossbar span{display:block;text-align:center;font:900 8px Arial Black;color:#ffe65a;margin-bottom:4px}.ht-bossbar div{height:9px;border-radius:8px;background:#430921;overflow:hidden}.ht-bossbar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff3153,#ff7b31,#ffe54e);transition:width .2s}.ht-boss-warning{position:absolute;z-index:80;left:50%;top:46%;transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;text-align:center;padding:13px 22px;border:3px solid #ffcf38;border-radius:17px;background:rgba(20,4,35,.9);box-shadow:0 0 30px rgba(255,51,72,.48)}.ht-boss-warning.show{animation:htWarn 1.25s ease both}.ht-boss-warning b{display:block;font:1000 clamp(22px,4vw,48px)/1 Arial Black;color:#ffda3d;-webkit-text-stroke:1px #6b0718}.ht-boss-warning small{display:block;margin-top:4px;font:900 10px Arial Black;color:#fff}@keyframes htWarn{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.ht-crosshair{position:absolute;z-index:70;width:48px;height:48px;transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px rgba(47,220,255,.65),0 0 18px #43eaff}.ht-crosshair:before,.ht-crosshair:after,.ht-crosshair i:before,.ht-crosshair i:after{content:"";position:absolute;background:#fff}.ht-crosshair:before{width:18px;height:3px;left:-12px;top:20px}.ht-crosshair:after{width:18px;height:3px;right:-12px;top:20px}.ht-crosshair i:before{width:3px;height:18px;left:20px;top:-12px}.ht-crosshair i:after{width:3px;height:18px;left:20px;bottom:-12px}.ht-crosshair.fire{animation:htCross .3s ease-out}.ht-crosshair.miss{border-color:#ff435c;box-shadow:0 0 0 3px rgba(255,50,75,.48),0 0 18px #ff435c}@keyframes htCross{0%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(.45)}}.ht-pop{position:absolute;z-index:75;opacity:0;pointer-events:none;font:1000 24px Arial Black;color:#ffe45a;text-shadow:0 3px 0 #02071c,0 0 10px rgba(255,204,50,.55);transform:translate(-50%,-50%)}.ht-pop.show{animation:htPop .65s ease-out}.ht-pop.negative{color:#ff5569}.ht-pop.bonus{color:#6af3ff}@keyframes htPop{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-110%) scale(.9)}}
.ht-controls{position:absolute;z-index:55;right:10px;bottom:10px;display:flex;gap:6px}.ht-controls button,.ht-controls a{border:2px solid #02071c;border-radius:10px;background:linear-gradient(#eafaff,#a9d9ff);color:#06112e;text-decoration:none;padding:7px 9px;font:1000 8px Arial Black;box-shadow:0 3px 0 rgba(0,0,0,.4)}.ht-overlay{position:absolute;z-index:95;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,5,24,.74);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.2s}.ht-overlay.show{opacity:1;visibility:visible}.ht-intro-card{width:min(1180px,96%);max-height:94%;display:grid;grid-template-columns:1.3fr .85fr;border:2px solid rgba(82,218,255,.78);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#07184f,#12082f);box-shadow:0 25px 70px rgba(0,0,0,.58),0 0 35px rgba(52,114,255,.25)}.ht-intro-art{position:relative;min-height:420px;overflow:hidden;background:linear-gradient(180deg,#08114b,#143891 55%,#5a1d88)}.intro-city{position:absolute;inset:0;background:url('hero-blast/neon-city.webp') center/cover no-repeat;opacity:.9}.intro-hero{position:absolute;z-index:3;left:1%;bottom:3%;width:47%;filter:drop-shadow(0 15px 8px rgba(0,0,0,.5))}.intro-boss{position:absolute;z-index:2;right:2%;bottom:4%;width:42%;filter:drop-shadow(0 15px 8px rgba(0,0,0,.55))}.intro-target{position:absolute;z-index:5;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;border:8px double #fff;background:radial-gradient(circle,#fff 0 20%,#ff4058 21% 42%,#fff 43% 62%,#ff4058 63%);color:#06112e;font:1000 18px Arial Black;box-shadow:0 0 24px #ff4e5e}.intro-target.t1{left:47%;top:19%}.intro-target.t2{left:60%;top:44%;transform:scale(.82);filter:hue-rotate(120deg)}.intro-target.t3{right:16%;top:16%;transform:scale(.7);filter:hue-rotate(230deg)}.ht-intro-copy{padding:clamp(22px,4vw,48px);display:flex;flex-direction:column;justify-content:center}.mini{font:900 9px Arial Black;color:#6deeff;letter-spacing:1px}.ht-intro-copy h1{margin:8px 0 12px;font:1000 clamp(38px,6vw,82px)/.86 Arial Black;color:#ffc629;letter-spacing:-2px;text-shadow:0 5px 0 #62122e,0 0 18px rgba(255,204,40,.28)}.ht-intro-copy h1 em{display:block;font-style:normal;color:#37dfff;text-shadow:0 5px 0 #133479,0 0 18px rgba(55,223,255,.32)}.ht-intro-copy p{font-size:clamp(14px,1.4vw,18px);line-height:1.45;color:#eaf7ff}.ht-start,.ht-result-actions button,.ht-result-actions a,.ht-parent-card button{border:3px solid #02071c;border-radius:14px;background:linear-gradient(#ffe66c,#ffad21);color:#06112e;padding:13px 18px;font:1000 12px Arial Black;box-shadow:0 5px 0 rgba(0,0,0,.46);text-decoration:none;cursor:pointer}.ht-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.ht-rules span{padding:6px 8px;border:1px solid rgba(91,223,255,.52);border-radius:999px;background:rgba(11,37,95,.78);font:900 8px Arial Black;color:#dffaff}.ht-result-card,.ht-parent-card{width:min(760px,94%);padding:clamp(22px,4vw,42px);border:2px solid rgba(80,220,255,.75);border-radius:22px;background:linear-gradient(145deg,#07184f,#12082f);box-shadow:0 25px 70px rgba(0,0,0,.58);text-align:center}.ht-result-card h2,.ht-parent-card h2{font:1000 clamp(34px,7vw,74px)/1 Arial Black;color:#ffe258;margin:8px 0}.ht-result-card p,.ht-parent-card p{color:#e8f7ff}.ht-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ht-stats div{padding:12px 8px;border:1px solid rgba(88,214,255,.45);border-radius:12px;background:rgba(5,25,74,.72)}.ht-stats small{display:block;font:900 7px Arial Black;color:#aeeeff}.ht-stats b{font:1000 clamp(18px,3vw,30px) Arial Black;color:#ffe45c}.ht-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ht-result-actions .secondary{background:linear-gradient(#eafaff,#9fd7ff)}.ht-parent-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.ht-parent-links a{padding:10px 12px;border-radius:10px;background:#fff;color:#07152f;font-weight:900;text-decoration:none}.ht-parent-card>small{display:block;color:#bdd9ee;font-size:9px;margin:10px 0 16px}
@media(max-width:760px){.ht-top{height:50px}.ht-brand .two{font-size:28px}.ht-brand .blocks{font-size:18px}.ht-brand small{display:none}.ht-nav a{padding:6px 7px;font-size:7px}.ht-shell{height:calc(100dvh - 50px);padding:3px}.ht-frame{border-radius:14px}.ht-hud{top:7px;gap:4px}.ht-hud.left{left:6px}.ht-hud.right{right:6px}.ht-pill{min-width:66px;padding:4px 6px;border-radius:9px}.ht-pill.compact{min-width:62px}.ht-pill small{font-size:5px}.ht-pill b{font-size:14px}.ht-stage{top:55px;font-size:6px;padding:5px 8px}.ht-hero{width:clamp(90px,25vw,150px);bottom:20%}.ht-controls{right:5px;bottom:5px;gap:3px}.ht-controls button,.ht-controls a{padding:5px 6px;font-size:6px;border-radius:7px}.ht-bossbar{top:80px;width:min(360px,64vw)}.ht-intro-card{grid-template-columns:1fr;max-height:96%;overflow:auto}.ht-intro-art{min-height:240px}.ht-intro-copy{padding:16px}.ht-intro-copy h1{font-size:43px}.ht-intro-copy p{font-size:12px}.ht-start{padding:10px 12px;font-size:9px}.ht-rules span{font-size:6px;padding:4px 6px}.ht-stats{grid-template-columns:repeat(2,1fr)}.ht-target .points{width:29px;height:29px;min-width:29px;font-size:7px;right:-4px;bottom:-4px}.ht-boss-warning b{font-size:25px}}
@media(orientation:landscape) and (max-height:520px){.ht-top{height:42px}.ht-shell{height:calc(100dvh - 42px);padding:2px}.ht-brand .two{font-size:25px}.ht-brand .blocks{font-size:16px}.ht-nav{display:none}.ht-hud{top:4px}.ht-pill{padding:3px 5px;min-width:60px}.ht-stage{top:43px}.ht-hero{width:18vw;bottom:19%}.ht-controls{bottom:3px}.ht-intro-card{grid-template-columns:1.1fr .9fr;width:98%;max-height:96%;overflow:hidden}.ht-intro-art{min-height:0}.ht-intro-copy{padding:12px}.ht-intro-copy h1{font-size:36px}.ht-intro-copy p{font-size:10px;margin:4px 0 8px}.ht-rules{margin-top:7px}.ht-bossbar{top:64px}.ht-result-card{padding:15px}.ht-result-card h2{font-size:34px;margin:3px}.ht-stats{margin:8px 0}.ht-stats div{padding:6px}.ht-result-actions button,.ht-result-actions a{padding:8px 10px;font-size:8px}}
@media(orientation:portrait) and (max-width:480px){.ht-hud{display:grid;grid-template-columns:repeat(2,minmax(60px,1fr));max-width:145px}.ht-stage{top:90px}.ht-bossbar{top:112px}.ht-hero{bottom:18%;left:0;width:32vw}.ht-rooftop{height:24%}.ht-intro-art{min-height:210px}.intro-target{width:52px;height:52px;border-width:5px;font-size:12px}.ht-intro-copy h1{font-size:36px}.ht-intro-copy p{font-size:11px}.ht-overlay{padding:7px}.ht-result-card,.ht-parent-card{padding:17px}.ht-target .ring{box-shadow:0 0 0 3px rgba(0,0,0,.55),0 0 13px var(--glow)}}


/* V10.2.1 — SUPER HERO 2D PREMIUM MOCK-QUALITY PASS */
.ht-live-logo{position:absolute;z-index:43;top:9px;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center;filter:drop-shadow(0 5px 0 rgba(1,5,24,.65))}.ht-live-logo span{display:block;padding:2px 16px 0;border:2px solid rgba(76,224,255,.8);border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(17,65,160,.97),rgba(4,17,61,.96));font:1000 clamp(18px,2.4vw,33px)/1 Arial Black;color:#ffd63c;letter-spacing:-1px;-webkit-text-stroke:1px #5d2000;text-shadow:0 2px 0 #6b1d00,0 0 12px rgba(255,205,48,.3)}.ht-live-logo strong{font-size:1.15em;color:#5ee8ff;-webkit-text-stroke:1px #0b3d93;text-shadow:0 2px 0 #07317b,0 0 14px rgba(74,227,255,.45)}.ht-live-logo small{display:block;margin:auto;width:76%;padding:3px 10px;border:2px solid rgba(76,224,255,.75);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(#0a235f,#061541);font:900 8px Arial Black;color:#fff;letter-spacing:1.6px}.ht-stage{top:75px;background:linear-gradient(180deg,rgba(10,41,108,.84),rgba(3,14,48,.78));border:1px solid rgba(97,236,255,.75);box-shadow:0 0 18px rgba(62,212,255,.16)}
.ht-pill{position:relative;overflow:hidden;border:2px solid #02071c;border-radius:12px;background:linear-gradient(135deg,rgba(16,82,177,.98) 0%,rgba(4,26,84,.98) 52%,rgba(3,12,46,.99) 100%);box-shadow:0 5px 0 rgba(0,0,0,.48),0 0 0 1px rgba(82,226,255,.76),0 0 18px rgba(25,132,255,.18),inset 0 1px rgba(255,255,255,.24)}.ht-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 31%);pointer-events:none}.ht-pill small{color:#e7fbff;text-shadow:0 1px 0 #03102f}.ht-pill b{filter:drop-shadow(0 0 5px rgba(255,220,67,.18))}
.ht-target .ring{isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(3,15,48,.98) 0 37%,rgba(5,28,82,.96) 38% 48%,var(--ring) 49% 56%,#eefcff 57% 60%,#183b71 61% 66%,var(--ring) 67% 76%,#eaf9ff 77% 80%,#06142f 81% 100%);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 4px #06122d,0 0 0 6px color-mix(in srgb,var(--ring) 75%,#fff 25%),0 0 24px var(--glow),0 0 48px color-mix(in srgb,var(--glow) 55%,transparent);overflow:visible}.ht-target .ring:before{content:"";position:absolute;inset:7%;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.4) 0 5deg,transparent 5deg 22deg);mask:radial-gradient(circle,transparent 0 72%,#000 74%);opacity:.65}.ht-target .ring:after{content:"";position:absolute;inset:14%;z-index:-1;border:1px solid rgba(154,240,255,.48);border-radius:50%;box-shadow:inset 0 0 18px rgba(71,220,255,.18)}.ht-target .ring-tech{position:absolute;inset:2px;border-radius:50%;border:1px dashed rgba(255,255,255,.38);animation:htTechSpin 6s linear infinite}.ht-target img{width:66%;height:66%;z-index:2;filter:drop-shadow(0 8px 4px rgba(0,0,0,.58)) saturate(1.15) contrast(1.05)}.ht-target .target-value{position:absolute;z-index:4;left:50%;top:5%;transform:translateX(-50%);min-width:34px;padding:2px 7px;border:2px solid #06122d;border-radius:999px;background:linear-gradient(#fff6a0,#ffbd24);color:#06122d;font:1000 9px Arial Black;box-shadow:0 2px 0 rgba(0,0,0,.35)}.ht-target .points{z-index:5;background:linear-gradient(180deg,#fff18a,#ffbb22 52%,#e97811);border:3px solid #06122d;color:#04102d;box-shadow:0 3px 0 rgba(0,0,0,.45),0 0 16px rgba(255,206,43,.72)}.ht-target.gold .ring{box-shadow:0 0 0 4px #3c2601,0 0 0 6px #fff2a1,0 0 30px #ffd53f,0 0 56px rgba(255,187,31,.55)}@keyframes htTechSpin{to{transform:rotate(360deg)}}
.ht-target.boss-spot .ring{background:radial-gradient(circle,#fff 0 6%,#ffe55b 7% 15%,#ff4b42 16% 29%,#66101c 30% 43%,#ff515a 44% 53%,#eefcff 54% 58%,#182553 59% 67%,#ff4058 68% 79%,#06142f 80%);box-shadow:0 0 0 4px #18020b,0 0 0 7px #ffbc32,0 0 28px #ff4f57,0 0 58px rgba(255,68,79,.85)}.boss-core{position:relative;z-index:4;font:1000 26px Arial Black;color:#fff;text-shadow:0 0 10px #fff,0 0 18px #ff3d49}.ht-bossbar{background:linear-gradient(180deg,rgba(20,34,86,.98),rgba(7,12,45,.99));border-color:#061022;box-shadow:0 0 0 1px #4ee5ff,0 5px 0 rgba(0,0,0,.48),0 0 24px rgba(255,56,78,.25)}
.ht-beam{position:absolute;z-index:68;height:5px;transform-origin:0 50%;pointer-events:none;border-radius:999px;background:linear-gradient(90deg,#fff,#70efff 35%,#27bbff 72%,rgba(48,194,255,0));box-shadow:0 0 6px #fff,0 0 14px #4fe9ff,0 0 26px #178bff;animation:htBeam .18s ease-out forwards}.ht-beam.negative{background:linear-gradient(90deg,#fff,#ff8b8b,#ff4058,transparent);box-shadow:0 0 8px #ff6475,0 0 20px #ff4058}.ht-impact{position:absolute;z-index:72;width:54px;height:54px;margin:-27px 0 0 -27px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#8bf5ff 9% 20%,#34d9ff 21% 30%,transparent 31%);box-shadow:0 0 20px #53e6ff,0 0 46px rgba(38,159,255,.75);animation:htImpact .36s ease-out forwards}.ht-impact:before,.ht-impact:after{content:"";position:absolute;inset:-18px;background:repeating-conic-gradient(from 5deg,transparent 0 10deg,#8ff8ff 11deg 13deg,transparent 14deg 28deg);clip-path:polygon(50% 0,57% 41%,100% 50%,57% 58%,50% 100%,43% 58%,0 50%,43% 41%)}.ht-impact:after{transform:rotate(22deg) scale(.75);filter:hue-rotate(55deg)}.ht-impact.negative{filter:hue-rotate(145deg) saturate(1.4)}@keyframes htBeam{0%{opacity:0;transform:var(--beam-rotation,rotate(0)) scaleX(.2)}25%{opacity:1}100%{opacity:0}}@keyframes htImpact{0%{opacity:0;transform:scale(.2) rotate(0)}25%{opacity:1;transform:scale(1.1) rotate(10deg)}100%{opacity:0;transform:scale(1.8) rotate(24deg)}}
.ht-intro-card{border:3px solid #06122d;box-shadow:0 0 0 2px rgba(79,225,255,.78),0 24px 70px rgba(0,0,0,.62),0 0 45px rgba(64,113,255,.28)}.ht-intro-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(87,232,255,.16),transparent 24%),linear-gradient(180deg,transparent 56%,rgba(2,5,24,.36));pointer-events:none}.ht-title-logo{display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:0 8px;margin:8px 0 13px!important;letter-spacing:-2px!important}.ht-title-logo>span{font:1000 clamp(34px,5.6vw,73px)/.85 Arial Black;color:#ffd333;-webkit-text-stroke:2px #5a1600;text-shadow:0 5px 0 #6c1823,0 0 18px rgba(255,204,40,.28)}.ht-title-logo>em{font:1000 clamp(44px,7vw,92px)/.72 Arial Black;color:#55e5ff;-webkit-text-stroke:2px #073d9c;text-shadow:0 5px 0 #062f79,0 0 20px rgba(55,223,255,.45)}.ht-title-logo>small{grid-column:1/-1;justify-self:center;margin-top:10px;padding:5px 16px;border:2px solid #06122d;border-radius:8px;background:linear-gradient(#163d89,#07194c);color:#fff;font:1000 clamp(12px,1.5vw,19px) Arial Black;letter-spacing:2px;box-shadow:0 0 0 1px #55e7ff,0 4px 0 rgba(0,0,0,.42)}
.ht-start{background:linear-gradient(180deg,#fff08b,#ffc12c 56%,#e97612);box-shadow:0 5px 0 #7d3105,0 0 0 1px #fff1a3,0 0 22px rgba(255,190,32,.25)}.ht-start:active{transform:translateY(3px);box-shadow:0 2px 0 #7d3105}.ht-boss-warning{border-color:#ffdb44;background:radial-gradient(circle,#41111e,#16051d 70%);box-shadow:0 0 0 2px #760f1f,0 0 42px rgba(255,51,72,.55)}
@media(max-width:760px){.ht-live-logo{top:6px}.ht-live-logo span{font-size:15px;padding:2px 8px 0}.ht-live-logo small{font-size:5px;padding:2px 5px}.ht-stage{top:56px}.ht-title-logo>span{font-size:34px}.ht-title-logo>em{font-size:45px}.ht-title-logo>small{font-size:10px}.ht-target .target-value{font-size:7px;min-width:27px;padding:1px 5px}}
@media(orientation:landscape) and (max-height:520px){.ht-live-logo{display:none}.ht-stage{top:43px}.ht-title-logo{grid-template-columns:1fr auto}.ht-title-logo>span{font-size:31px}.ht-title-logo>em{font-size:42px}.ht-title-logo>small{font-size:8px;margin-top:6px;padding:3px 10px}}
@media(orientation:portrait) and (max-width:480px){.ht-live-logo{top:54px}.ht-live-logo span{font-size:13px}.ht-live-logo small{font-size:4px}.ht-stage{top:96px}.ht-title-logo>span{font-size:29px}.ht-title-logo>em{font-size:40px}.ht-title-logo>small{font-size:8px;letter-spacing:1px}.ht-target .target-value{top:2%;font-size:6px}}

@keyframes htBeam{0%{opacity:0;transform:rotate(var(--ang)) scaleX(.15)}22%{opacity:1;transform:rotate(var(--ang)) scaleX(1)}100%{opacity:0;transform:rotate(var(--ang)) scaleX(1)}}