.frd-shell{position:absolute;inset:0;overflow:hidden;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgb(20 21 78/.03),rgb(37 20 91/.16));box-shadow:none!important;perspective:1100px}.frd-hud{position:absolute;z-index:28;top:14px;right:14px;display:grid;grid-template-columns:auto minmax(5rem,1fr) auto;align-items:center;gap:.32rem;width:min(14rem,calc(100% - 28px));min-height:2.2rem;padding:.28rem .45rem;border-radius:.9rem;color:#352e68;background:rgb(250 252 255/.91);box-shadow:0 7px 18px rgb(24 20 73/.22),inset 0 2px rgb(255 255 255/.82);font-size:.62rem;font-weight:1000}.frd-hud-label,.frd-score{display:flex;min-width:max-content;align-items:center;gap:.25rem;white-space:nowrap}.frd-hud-label svg{width:.85rem;height:.85rem;color:#6559d8}.frd-score{color:#704818}.frd-charge{display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem}.frd-charge i{height:.44rem;border-radius:999px;background:#d9d8e7;box-shadow:inset 0 2px 3px rgb(28 24 77/.15)}.frd-charge i.current{background:#66daf1;box-shadow:0 0 0 2px #fff,0 0 11px #3ee6ff}.frd-charge i.charged{background:linear-gradient(90deg,#ffe66f,#ff9d52);box-shadow:0 0 8px #ffce55}.frd-combo{position:absolute;z-index:20;top:19px;left:20px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.35rem;color:#fff;filter:drop-shadow(0 4px 4px rgb(38 22 78/.36));text-shadow:0 2px 0 #523779}.frd-combo svg{grid-row:1/-1;width:2.25rem;height:2.25rem;color:#ffb03b;fill:#ffe45d}.frd-combo span{font-size:.62rem;letter-spacing:.12em}.frd-combo strong{font-size:1.4rem;line-height:.8}.frd-orbit-zone{position:absolute;z-index:8;top:100px;bottom:14px;left:50%;width:min(720px,calc(100% - 330px));min-width:540px;transform:translateX(-50%);transform-style:preserve-3d}.frd-orbit-ring{position:absolute;z-index:0;top:50%;left:50%;border:3px solid rgb(115 236 255/.34);border-radius:50%;box-shadow:0 0 24px rgb(76 223 255/.24),inset 0 0 19px rgb(109 214 255/.18);pointer-events:none;transform:translate(-50%,-50%) rotateX(63deg)}.frd-orbit-ring:after,.frd-orbit-ring:before{position:absolute;border-radius:50%;content:""}.frd-orbit-ring:before{inset:-8px;border:1px dashed rgb(255 225 107/.44)}.frd-orbit-ring:after{inset:10px;border:2px solid rgb(167 137 255/.2)}.frd-orbit-ring.ring-outer{width:88%;height:88%;animation:none}.frd-orbit-ring.ring-inner{width:61%;height:61%;animation:none}.frd-energy-links{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.frd-energy-links line{stroke:#ffe66d;stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #55dfff)}.frd-energy-links line.correct{stroke:#8fffb4}.frd-energy-links line.wrong{stroke:#ff9cab}.frd-reactor{position:absolute;z-index:8;top:50%;left:50%;display:flex;width:clamp(118px,17vw,164px);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotateX(-2deg) translateZ(42px);border:5px solid rgb(255 255 255/.9);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,#fff 0 5%,#fff6a8 7%,transparent 19%),radial-gradient(circle at 50% 44%,#fff9a8,#ffb63f 42%,#e064aa 72%,#5a45c4);box-shadow:inset 0 0 22px #fff,inset -13px -18px 24px rgb(69 34 145/.54),0 0 0 9px rgb(74 216 255/.22),0 0 36px 13px rgb(255 215 93/.64),0 22px 24px rgb(25 20 75/.36);text-align:center;transform-style:preserve-3d}.frd-reactor:before{position:absolute;inset:11%;border:2px dashed rgb(255 255 255/.7);border-radius:50%;content:"";animation:none}.frd-orbit-zone.correct .frd-reactor{box-shadow:inset 0 0 22px #fff,inset -13px -18px 24px rgb(69 34 145/.54),0 0 0 9px rgb(105 255 177/.28),0 0 42px 16px rgb(120 255 174/.72),0 22px 24px rgb(25 20 75/.36)}.frd-reactor-crown{position:absolute;top:-20px;display:grid;width:42px;height:42px;place-items:center;border:3px solid #fff;border-radius:50%;color:#6647bc;background:#fff071;box-shadow:0 5px 0 #db8436,0 0 15px #fff6a8}.frd-reactor-crown svg{width:23px;height:23px;fill:#fff}.frd-reactor-label{position:relative;font-size:.62rem;letter-spacing:.16em;text-shadow:0 2px #8b4f78}.frd-reactor>strong{position:relative;font-size:clamp(2.8rem,6.7vw,4.2rem);line-height:.92;paint-order:stroke fill;text-shadow:0 4px 0 #8c4d94,0 8px 12px rgb(50 29 91/.34);-webkit-text-stroke:2px #744484}.frd-equation{position:relative;min-height:1.1rem;font-size:.72rem;text-shadow:0 2px #704172}.frd-reactor-base{position:absolute;z-index:-1;bottom:-28px;left:50%;width:132%;height:32%;border:4px solid #d7f7ff;border-radius:50%;background:linear-gradient(#5bdcff,#5c55c2 74%);box-shadow:0 10px 0 #302e81,0 18px 18px rgb(21 20 70/.34);transform:translateX(-50%) rotateX(68deg) translateZ(-30px)}.frd-crystal{--crystal-a:#7feaff;--crystal-b:#5077e9;--crystal-shadow:#2c3aa9;position:absolute;z-index:12;display:grid;width:clamp(78px,10.2vw,106px);aspect-ratio:1;place-items:center;touch-action:manipulation;border:0!important;border-radius:50%!important;outline-offset:5px;color:#fff;background:transparent!important;box-shadow:none!important;cursor:pointer;filter:none!important;transform:translate(-50%,-50%) translateZ(32px);isolation:isolate;transform-style:flat}.frd-crystal.crystal-2,.frd-crystal.crystal-5{--crystal-a:#ffc4f4;--crystal-b:#ab62e7;--crystal-shadow:#6934a0}.frd-crystal.crystal-3,.frd-crystal.crystal-6{--crystal-a:#ffe879;--crystal-b:#f09d42;--crystal-shadow:#aa5c2d}.frd-crystal-glow{position:absolute;z-index:0;inset:-12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--crystal-a) 62%,transparent),transparent 68%);opacity:.42;transition:opacity .2s}.frd-crystal-body{position:absolute;z-index:1;inset:9%;clip-path:polygon(50% 0,86% 17%,100% 53%,76% 91%,34% 100%,3% 69%,9% 27%);background:linear-gradient(142deg,rgb(255 255 255/.92) 0 8%,transparent 10% 28%,rgb(255 255 255/.28) 30% 38%,transparent 40%),radial-gradient(circle at 35% 25%,var(--crystal-a),var(--crystal-b) 58%,var(--crystal-shadow));box-shadow:inset -10px -13px 16px rgb(40 29 105/.34),inset 8px 7px 12px rgb(255 255 255/.55);filter:drop-shadow(0 9px 0 var(--crystal-shadow)) drop-shadow(0 15px 12px rgb(25 19 78/.38));transform:rotateX(9deg) rotate(-6deg)}.frd-crystal-body:after{position:absolute;inset:18%;border:2px solid rgb(255 255 255/.37);clip-path:inherit;content:""}.frd-crystal>strong{position:relative;z-index:10;min-width:1.7em;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1;paint-order:stroke fill;text-align:center;text-shadow:0 3px 0 var(--crystal-shadow),0 7px 9px rgb(27 22 76/.46);-webkit-text-stroke:2px var(--crystal-shadow);transform:translateZ(1px)}.frd-crystal.selected .frd-crystal-glow{opacity:1}.frd-crystal.selected .frd-crystal-body{filter:drop-shadow(0 8px 0 var(--crystal-shadow)) drop-shadow(0 0 14px #fff) drop-shadow(0 0 22px var(--crystal-a))}.frd-selected-mark{position:absolute;z-index:6;top:0;right:0;display:grid;width:29px;height:29px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#42c978;box-shadow:0 3px 0 #248d54}.frd-selected-mark svg{width:17px;height:17px;stroke-width:4}.frd-crystal:focus-visible{outline:5px solid #fff35b!important;box-shadow:0 0 0 8px #4633ae!important}.frd-crystal:disabled{cursor:default;opacity:.82}.frd-feedback{position:absolute;z-index:18;bottom:0;left:50%;width:min(34rem,80%);min-height:2rem;transform:translateX(-50%);color:#fff;text-align:center}.frd-feedback p{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-size:clamp(.84rem,1.6vw,1.02rem);font-weight:1000;paint-order:stroke fill;text-shadow:0 3px 0 #4e3878,0 6px 11px rgb(26 19 67/.45);-webkit-text-stroke:.5px #4e3878}.frd-feedback svg{width:1.15rem;height:1.15rem;color:#fff07c}@keyframes frd-orbit-spin{to{transform:translate(-50%,-50%) rotateX(63deg) rotate(1turn)}}@keyframes frd-orbit-spin-reverse{to{transform:translate(-50%,-50%) rotateX(63deg) rotate(-1turn)}}@keyframes frd-core-spin{to{transform:rotate(1turn)}}[data-game=factor-reactor-defense] .game-stage-prompt{justify-content:space-between;width:min(680px,calc(100% - 370px));min-height:82px;padding:10px 13px 10px 20px;border:4px solid #fff;border-radius:24px;background:rgb(255 250 242/.94);box-shadow:0 8px #7468c8,0 16px 25px rgb(41 48 101/.28);backdrop-filter:blur(3px)}[data-game=factor-reactor-defense] .game-stage-prompt h2{color:#3d356d;font-size:clamp(21px,2.75vw,32px);paint-order:normal;text-shadow:none;-webkit-text-stroke:0}[data-game=factor-reactor-defense] .game-stage-prompt button[aria-label="Listen to the instruction"]{border:3px solid #fff!important}@media (max-width:1000px){[data-game=factor-reactor-defense] .game-stage-prompt{width:min(680px,calc(100% - 36px))}.frd-hud{top:112px;right:18px}.frd-orbit-zone{top:150px;bottom:36px;width:min(640px,calc(100% - 130px));min-width:0}.frd-combo{top:121px;left:18px}}@media (max-width:700px){.frd-hud{top:122px;right:10px;left:10px;width:auto}.frd-combo{top:169px;left:13px}.frd-orbit-zone{top:175px;right:5px;bottom:92px;left:5px;width:auto;transform:none}.frd-crystal{width:clamp(70px,21vw,91px)}.frd-reactor{width:clamp(112px,32vw,145px)}.frd-feedback{bottom:-48px;width:calc(100% - 18px)}}@media (max-width:560px){[data-game=factor-reactor-defense] .game-stage-prompt{width:calc(100% - 20px);min-height:68px;padding:7px 8px 7px 13px;border-width:3px;border-radius:19px}[data-game=factor-reactor-defense] .game-stage-prompt h2{font-size:clamp(19px,5.7vw,25px)}}@media (max-width:390px){.frd-hud{grid-template-columns:auto 1fr}.frd-charge{grid-column:1/-1;grid-row:2}.frd-score{justify-self:end}.frd-orbit-zone{top:198px;bottom:100px}.frd-combo{top:190px}.frd-crystal{width:68px}.frd-reactor{width:108px}.frd-selected-mark{width:25px;height:25px}}@media (max-height:760px) and (min-width:701px){.frd-orbit-zone{top:146px;bottom:8px}.frd-crystal{width:clamp(72px,9.2vw,92px)}.frd-reactor{width:clamp(108px,15vw,142px)}}@media (prefers-reduced-motion:reduce){.frd-orbit-ring,.frd-reactor:before{animation:none!important}}