body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#000;&:after{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/836/hearthstone-battlefield.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;opacity:.8;position:fixed;right:0;top:0;will-change:transform;z-index:-1}}.App{margin:0 auto;text-align:center;width:80%}.with-border{border:1px solid #000;padding:10px}.single-guess-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.response>div{aspect-ratio:1/1;border:1px solid #ffffff96}.square{border:2px solid #e88d4b;border-radius:10px;box-shadow:0 1px 6px #000a;box-sizing:border-box;color:#fff;flex-basis:calc(12.5% - 4px);flex-direction:column;font-family:"Belwe, Georgia, serif";font-size:12px;font-weight:700;margin:2px;position:relative;text-shadow:1px 1px 3px #000}.square,.square>div{align-items:center;display:flex;justify-content:center}.square>div{box-shadow:inset 0 0 6px #000;cursor:default;height:100%;left:0;padding-top:0;position:absolute;text-align:center;text-shadow:0 0 3px #000;top:0;width:100%}.arrow{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.guess-dropdown{margin:0 auto;width:40%}.bobdle-box{background:linear-gradient(90deg,#2a2a2a,#3e2d14);border:2px solid #e88d4b;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:20px;text-align:center}*,:after,:before,html{box-sizing:border-box;-moz-box-sizing:border-box}body,html{max-width:100%}article,aside,div,footer,header,nav,section,span{display:block}body{background-color:#000;overflow-x:hidden}.anim{transition:all .2s ease-in-out}body,div,h1,h2,h3,h4,h5,h6,header,html,li,nav,p,section,ul{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0;font-size:100%;font:inherit;font-style:normal;margin:auto;padding:0;vertical-align:initial}.hs-section-button ul{list-style:none}.hs-section-button a{text-decoration:none}.first-section span{font-size:.85rem;font-weight:700;line-height:20px;margin:0 5px 15px;vertical-align:top}input{border:none}.buttons-container input{background:#f3f3f3;border:none;color:#b5b3b3;font-size:12px;font-style:italic;margin:20px 0 10px;padding:5px 10px;width:100%}li{list-style-type:none}@media (min-width:43.69em){.three-column{display:flex;flex-direction:row;flex-wrap:wrap}ul.buttons-container>li{border-bottom:2px solid #f2f2f2;max-width:300px;padding:0 10px 30px;text-align:center;width:33.33%}}ul.buttons-container>li{border-bottom:2px solid #f2f2f2;margin-bottom:25px}ul.buttons li{display:inline-block;margin:0 10px 30px}button:focus,input:focus,select:focus,textarea:focus{outline:none}select{-webkit-appearance:none;appearance:none;border:none;cursor:pointer}li span.button-title{margin-top:12px}.hs-wrapper{border-left:none;border-radius:5px;border-right:none;box-shadow:0 1px 20px 0 #00000059;cursor:pointer;padding:0 2px;width:200px}.hs-button{border:3px solid #795548;border-radius:2px;display:block;text-align:center}.hs-text{display:table-cell;font-size:20px;font-size:1.25rem;font-weight:700;letter-spacing:2px;padding:.6rem 1.5rem;text-shadow:0 0 4px #000,0 0 8px #000;vertical-align:middle}.hs-border,.hs-text{text-transform:uppercase;width:100%}.hs-border{border-radius:2px;color:#fff;display:table;font-family:Fondamento,cursive;font-size:17px;font-weight:400;height:35px;letter-spacing:1px;line-height:1;min-height:35px;padding:3px;text-align:center;text-decoration:none;text-shadow:1px 1px #000}.hs-wrapper.classic{background-color:#c1b3b0;background:linear-gradient(180deg,#c1b3b0,#c1b3b0 9%,#4a3424 93%,#1c140d);border-bottom:2px solid #1c140d;border-top:2px solid #ad9a90}.hs-button.classic{background:linear-gradient(180deg,#6f5742,#81615d)}.hs-text.classic{background:radial-gradient(circle,#bc22c7 25%,#7c1693 75%,#5c1096)}.hs-border.classic{background-color:#bc22c7;background:linear-gradient(180deg,#f756fe,#c84bd6 5%,#7305ae 59%,#661f91);box-shadow:0 2px 6px 0 #331e0b}.hs-border:hover .hs-text.classic{background:radial-gradient(circle,#e235ee 22%,#981cb4)}.hs-wrapper-gold{background-color:#d8be52;background:linear-gradient(180deg,#d8be52,#a77d33 9%,#5f3f1d 93%,#1c140d);border-bottom:2px solid #1c140d;border-top:2px solid #d8be52}.hs-button.gold{background:linear-gradient(180deg,#6f5742,#81615d)}.hs-text.gold{background:radial-gradient(circle,#edca37 25%,#a77d33 75%,#5f3f1d)}.hs-border.gold{background-color:#a77d33;background:linear-gradient(180deg,#d8be52,#d5b631 5%,#5f3f1d 59%,#362c26);box-shadow:0 2px 6px 0 #362c26}.hs-border:hover .hs-text.gold{background:radial-gradient(circle,#fed83b 22%,#dba23e 83%,#9d6224)}@keyframes square-fade-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.guess-animate-square{animation:square-fade-in .4s forwards;opacity:0}@keyframes guess-slide-in{to{opacity:1;transform:translateX(0)}}.guess-row{gap:8px;margin:8px 0}.guess-row,.guess-square{align-items:center;display:flex;justify-content:center}.guess-square{background:linear-gradient(120deg,#3e2d14 60%,#2a2a2a);border:2px solid #c89b3c;border-radius:10px;box-shadow:0 1px 6px #000a,0 0 4px #c89b3c77;color:#fff;flex-direction:column;font-family:Belwe,Georgia,serif;font-size:14px;font-weight:700;min-height:32px;min-width:60px;padding:2px 0;text-align:center;text-shadow:1px 1px 3px #000}.guess-square.mechanics,.guess-square.types{font-size:12px;min-width:80px}.first-square,.guess-square.card{min-width:80px}.first-square{align-items:center;background:linear-gradient(120deg,#3e2d14 60%,#2a2a2a);border:2px solid #c89b3c;border-radius:10px;box-shadow:0 1px 6px #000a,0 0 4px #c89b3c77;color:#fff;display:flex;flex-direction:column;font-family:"Belwe, Georgia, serif";font-size:14px;font-weight:700;justify-content:center;min-height:32px;padding:2px 0;text-shadow:1px 1px 3px #000}.correct-guess{background-color:#87e029;box-shadow:inset 1px 1px 50px #035403}.wrong-guess{background-color:#d13a1b;box-shadow:inset 1px 1px 50px #540303}.partial-guess{background-color:#e2b007;box-shadow:inset 1px 1px 50px #7a6b1f}.win-message{align-items:center;animation:win-pop .7s cubic-bezier(.4,2,.6,1);display:flex;justify-content:center;margin:32px 0 24px}.win-message-inner{align-items:center;background:linear-gradient(120deg,#3e2d14 60%,#c89b3c);border:4px solid #ffe066;border-radius:18px;box-shadow:0 4px 32px #000a,0 0 24px #ffe06699;display:flex;font-family:Belwe,Georgia,serif;gap:18px;padding:24px 48px}.win-text{color:#ffe066;font-size:2.5rem;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 8px #000,0 0 12px #ffe066}@keyframes win-pop{0%{opacity:0;transform:scale(.7) rotate(-8deg)}60%{opacity:1;transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.sound-guess-container{margin:0 auto;max-width:800px;padding:20px}.bobdle-box h3{color:#fff;font-family:Belwe,Georgia,serif;margin-top:0}.play-button{border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.play-button:enabled{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.play-button:enabled:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.play-button:disabled{background:#ccc;color:#666;cursor:not-allowed}.guess-item{align-items:center;animation:slideIn .5s ease;border-radius:8px;display:flex;gap:15px;justify-content:center;padding:15px;transition:all .3s ease}.guess-item.correct{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #4caf50}.guess-item.incorrect{background:linear-gradient(135deg,#fde8e8,#f8d7da);border:2px solid #f44336}.guess-card-image{border:2px solid #c89b3c;border-radius:5px;box-shadow:0 2px 8px #0000004d;height:60px;object-fit:cover;width:60px}.guess-info{text-align:left}.guess-card-name{color:#333;font-size:16px;font-weight:700;margin-bottom:5px}.guess-result{font-size:14px;font-weight:700}.guess-result.correct{color:#4caf50}.guess-result.incorrect{color:#f44336}.game-stats{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:8px;margin-top:30px;padding:15px;text-align:center}.play-again-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:5px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.play-again-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-text{color:#666;font-size:12px;font-style:italic;margin-top:10px}.game-mode-selector{display:flex;gap:15px;justify-content:center;margin-bottom:30px;padding:20px}.game-mode-selector h2{color:gold;font-size:1.8rem;font-weight:700;margin:0 20px 0 0;text-shadow:2px 2px 4px #000000b3}.game-mode-selector a{align-items:center;border:none;border-radius:10px;color:#1e1e1e;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-height:45px;min-width:45px;padding:12px 25px;text-decoration:none;transition:transform .2s ease,box-shadow .3s ease}.game-mode-selector a,.game-mode-selector a.active{background-image:url(https://bobdle.com/nav_button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.game-mode-selector a.active{color:#000;filter:brightness(.8)}.game-mode-selector a:hover{box-shadow:0 6px 8px #000000b3,inset 0 0 10px #ffec8b4d;filter:brightness(1.1);transform:scale(1.05)}
/*# sourceMappingURL=main.4bd3b8f2.css.map*/