.reflex-hud{display:flex;justify-content:space-between;gap:10px;background:#fff3e4;border:1px solid #f4d6ac;border-radius:14px;padding:14px 18px;color:#79501c}.reflex-hud b{font-size:22px}.reflex-feedback{min-height:1.5em;color:#237255;font-weight:650}.reflex-play{max-width:560px;margin:22px auto}.reflex-ready{text-align:center;padding:25px 10px;background:#f0f6ff;border-radius:18px}.reflex-ready>span{font-size:48px}.reflex-light,.reflex-tap{width:100%;min-height:230px;border:none;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:white;touch-action:manipulation;user-select:none}.reflex-light strong,.reflex-tap{font-size:clamp(22px,5vw,35px);font-weight:800}.reflex-light span{font-size:24px}.light-green{background:#127451;box-shadow:0 8px 0 #0e543c}.light-red{background:#af3345;box-shadow:0 8px 0 #7c2734}.reflex-tap{background:#176eab;box-shadow:0 8px 0 #104b75;font-size:48px;min-height:260px}.reflex-tap small{font-size:15px;font-weight:500}.reflex-tap.pressed{transform:translateY(4px);box-shadow:0 4px 0 #104b75}.reflex-local{text-align:center}.reflex-arena{position:relative;aspect-ratio:1;background-color:#edf4fd;background-image:linear-gradient(#dde9f7 1px,transparent 1px),linear-gradient(90deg,#dde9f7 1px,transparent 1px);background-size:10% 10%;border:2px solid #c8d9ee;border-radius:18px;overflow:hidden;touch-action:manipulation;user-select:none}.reflex-target,.reflex-bomb{position:absolute;transform:translate(-50%,-50%);padding:0;min-width:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#187b62;border:3px solid white;box-shadow:0 2px 8px #173b4940;color:white;font-size:clamp(16px,4vw,32px);touch-action:manipulation;user-select:none}.reflex-target.balloon{background:#ee759b}.reflex-bomb{background:#302b43}.reflex-holes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#dfeeda;padding:18px;border-radius:20px}.reflex-hole{aspect-ratio:1;border-radius:50%;background:#725640;color:#ddc7ad;border:6px solid #a48364;font-size:54px;box-shadow:inset 0 8px 12px #39271b50;padding:0;min-width:0;touch-action:manipulation}.reflex-hole.active{background:#e0c09a}.reflex-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reflex-color{min-width:0;min-height:72px;font-size:18px;font-weight:700;border:2px solid #ffffff80;border-radius:12px;touch-action:manipulation}.reflex-color.color-0{background:#bf3044;color:white}.reflex-color.color-1{background:#15724c;color:white}.reflex-color.color-2{background:#205cba;color:white}.reflex-color.color-3{background:#f6d04d;color:#3b2a00}.reflex-color.color-4{background:#7844a5;color:white}.reflex-color.color-5{background:#d36a22;color:white}.reflex-color-word{text-align:center;font-size:clamp(36px,7vw,64px);font-weight:850;padding:25px 5px;background:#f6f8fb;border-radius:16px;margin-bottom:20px}.ink-0{color:#bf3044}.ink-1{color:#15724c}.ink-2{color:#205cba}.ink-3{color:#9b7400}.ink-4{color:#7844a5}.ink-5{color:#bf5b15}.reflex-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.reflex-choice{font-size:40px;padding:30px 5px;border:2px solid #c6d9ee;border-radius:16px;background:#edf5ff;color:#1d527d;touch-action:manipulation}.reflex-play h2{text-align:center}.reflex-play button:focus-visible{outline:3px solid #edaa37;outline-offset:3px}@media(max-width:480px){.reflex-hud{padding:10px;font-size:12px;gap:7px}.reflex-hud b{font-size:18px}.reflex-play{margin:15px auto}.reflex-holes{gap:9px;padding:12px}.reflex-hole{font-size:36px;border-width:4px}.reflex-colors{gap:8px}.reflex-color{font-size:14px;min-height:62px}.reflex-light{min-height:230px}.reflex-choice{font-size:32px}}