.key[data-v-c1fe7dd0]{font-weight:500;font-size:42px;display:inline-block;width:90px;height:90px;line-height:90px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,.5),-5px -5px 10px hsla(0,0%,100%,.05),inset 0 0 0 1px hsla(0,0%,100%,.1);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;&.display[data-v-c1fe7dd0]{color:#fff;background:linear-gradient(145deg,#3a9bff,#2a7fd4);box-shadow:0 4px 15px rgba(58,155,255,.4),inset 0 0 0 1px hsla(0,0%,100%,.2);transform:scale(.95);animation:pulse-c1fe7dd0 .3s ease}&.hide[data-v-c1fe7dd0]{color:transparent;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);box-shadow:5px 5px 10px rgba(0,0,0,.5),-5px -5px 10px hsla(0,0%,100%,.05),inset 0 0 0 1px hsla(0,0%,100%,.1)}&.hide[data-v-c1fe7dd0]:hover{background:linear-gradient(145deg,#353535,#252525);box-shadow:3px 3px 8px rgba(0,0,0,.6),-3px -3px 8px hsla(0,0%,100%,.08);transform:scale(.98)}&.hide[data-v-c1fe7dd0]:active{transform:scale(.95);box-shadow:inset 3px 3px 8px rgba(0,0,0,.5),inset -2px -2px 6px hsla(0,0%,100%,.05)}}@keyframes pulse-c1fe7dd0{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(.95)}}.scoreGrid[data-v-8ddd72c2]{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0}.indicator[data-v-8ddd72c2]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popIn-8ddd72c2 .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .2s ease}.indicator[data-v-8ddd72c2]:hover{transform:scale(1.1)}.correct[data-v-8ddd72c2]{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 12px rgba(74,222,128,.4),inset 0 0 0 1px hsla(0,0%,100%,.2)}.incorrect[data-v-8ddd72c2]{background:linear-gradient(145deg,#f87171,#ef4444);box-shadow:0 4px 12px hsla(0,91%,71%,.4),inset 0 0 0 1px hsla(0,0%,100%,.2)}.icon[data-v-8ddd72c2]{width:18px;height:18px;color:#fff}@keyframes popIn-8ddd72c2{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.container[data-v-75058ec3]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;width:330px;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:30px;box-shadow:0 10px 40px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.05);margin:20px 0}button[data-v-75058ec3]{background:linear-gradient(145deg,#3a9bff,#2a7fd4);border:none;color:#fff;padding:15px 40px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(58,155,255,.4),inset 0 0 0 1px hsla(0,0%,100%,.2);margin-bottom:20px}button[data-v-75058ec3]:hover{background:linear-gradient(145deg,#4aabff,#3a8fe4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,155,255,.5),inset 0 0 0 1px hsla(0,0%,100%,.3)}button[data-v-75058ec3]:active{transform:translateY(0);box-shadow:0 2px 10px rgba(58,155,255,.3),inset 0 0 0 1px hsla(0,0%,100%,.2)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff}.app{display:flex;flex-direction:column;align-items:center}body{background-color:#000}