.radar-game-page{background:linear-gradient(#89d7ff,#f5fbff 430px,#fff)}.radar-topbar{background:linear-gradient(180deg,#ffad3c,#ed711e)}.radar-title{text-align:center;min-width:0}.radar-title small{display:block;font-size:.72rem;font-weight:900;margin-top:2px}.radar-score{min-width:58px;height:48px;border-radius:18px;background:#fff8ce;color:#945300;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:1000}.radar-hud{display:grid;grid-template-columns:auto 1fr 42px;gap:10px;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #e4edf4;color:#687a91;font-size:.76rem;font-weight:1000}.radar-hud strong{color:#ee761c}.radar-hud button{width:42px;height:42px;border:0;border-radius:14px;background:#fff0df;color:#c55d14;font-size:1.3rem;font-weight:1000}.radar-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.radar-progress i{height:9px;border-radius:999px;background:#dce5ed}.radar-progress i.done{background:#37c86c}.radar-progress i.current{background:#ff9a2c}
.radar-world{position:relative;overflow:hidden;min-height:710px;padding:22px 12px 34px;background:linear-gradient(#163b54,#0d2638 60%,#081d2c)}.radar-panel{position:relative;z-index:3;width:min(96%,470px);margin:0 auto 15px;padding:11px 16px;border-radius:22px;background:#f6fbff;text-align:center;box-shadow:0 9px 24px rgba(0,0,0,.24);border:4px solid #ff9a2c}.radar-panel>span{display:block;font-size:.72rem;font-weight:1000;color:#677a91}.radar-target{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px}.radar-target strong{font-size:2.5rem;line-height:1;color:#0e5ca7}.radar-target b{font-size:1.35rem;color:#66778c}.radar-target i{width:36px;height:36px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #bfcbd5}.radar-target em{font-style:normal;font-size:1.05rem;font-weight:1000;color:#173e6d}
.radar-screen{position:relative;z-index:2;width:min(100%,560px);margin:auto;padding:12px;border-radius:30px;background:linear-gradient(#143d34,#08261f);border:8px solid #62727d;box-shadow:inset 0 0 0 4px #243139,0 16px 36px rgba(0,0,0,.35);overflow:hidden}.radar-screen:before{content:"RADAR";position:absolute;right:18px;top:12px;color:#48ee92;font-weight:1000;font-size:.65rem;letter-spacing:.16em;opacity:.7}.radar-sweep{position:absolute;z-index:1;width:230px;height:230px;right:-65px;bottom:-65px;border-radius:50%;background:conic-gradient(from 0deg,rgba(68,255,135,.35),transparent 22%);border:1px solid rgba(68,255,135,.25);animation:radarSweep 3s linear infinite;pointer-events:none}.radar-grid{position:relative;z-index:2;display:grid;gap:6px;padding-top:20px}.radar-grid.size-3{grid-template-columns:44px repeat(3,1fr)}.radar-grid.size-4{grid-template-columns:38px repeat(4,1fr)}.radar-head,.radar-row-head{display:grid;place-items:center;min-height:44px;border-radius:10px;background:rgba(255,255,255,.08);color:#d8f8e4;font-size:.72rem;font-weight:1000}.radar-head i{display:block;width:25px;height:25px;border-radius:50%;background:var(--color);border:3px solid rgba(255,255,255,.65)}.radar-cell{min-height:88px;border:2px solid rgba(78,238,143,.32);border-radius:14px;background:rgba(17,86,61,.48);color:#4bee91;font-size:1.5rem;font-weight:1000;box-shadow:inset 0 0 16px rgba(40,255,130,.05);position:relative}.radar-cell:before{content:"?";opacity:.65}.radar-cell.is-wrong{animation:radarShake .3s;background:rgba(210,51,62,.36);border-color:#ef5963}.radar-cell.is-hit{background:rgba(52,201,106,.48);border-color:#64ffa0;box-shadow:0 0 18px rgba(74,255,143,.32),inset 0 0 18px rgba(74,255,143,.18)}.radar-cell.is-hit:before{content:"✓";opacity:1}.radar-cell.is-disabled{pointer-events:none}.radar-reward{position:relative;z-index:5;width:min(92%,390px);margin:14px auto 0;padding:12px 14px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.26);border:4px solid #ffb33b}.radar-reward span{display:block;font-size:.7rem;font-weight:1000;color:#6a7a8f}.radar-reward>div{height:78px;margin:3px auto}.radar-reward .brand-logo-svg{height:100%;width:100%;max-width:220px}.radar-reward strong{display:block;color:#0c4e91}.radar-feedback{min-height:38px;margin-top:9px;text-align:center;font-weight:1000;color:#c9ffe0;opacity:0}.radar-feedback.show{opacity:1}.radar-feedback.bad{color:#ffbfc3}
.radar-finish{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,20,31,.8);backdrop-filter:blur(5px)}.radar-finish-card{width:min(94%,410px);padding:28px 20px;border-radius:30px;background:#fff;text-align:center;border:6px solid #ff9c2d;box-shadow:0 22px 54px rgba(0,0,0,.38)}.radar-finish-card h2{margin:5px 0;color:#0b326d}.radar-finish-card p{margin:0 0 18px;color:#687990;font-weight:800}.radar-finish-card button{border:0;border-radius:18px;padding:15px 22px;background:linear-gradient(#ffad3d,#ea711c);color:#fff;font-weight:1000;box-shadow:0 6px 0 #a94910}
@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes radarShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(max-width:430px){.radar-world{min-height:660px;padding-left:7px;padding-right:7px}.radar-screen{padding:8px}.radar-grid{gap:4px}.radar-cell{min-height:73px;border-radius:11px}.radar-grid.size-4{grid-template-columns:32px repeat(4,1fr)}.radar-head,.radar-row-head{min-height:37px;font-size:.62rem}.radar-head i{width:21px;height:21px}.radar-progress{gap:2px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.radar-cell.is-wrong{animation:none}}