@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");.raleway>{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}body{font-family:Raleway,sans-serif;margin:0;width:100%;height:100%;background:linear-gradient(270deg,transparent,#010007 40%,#010007 60%,transparent),url(/images/Powder-Arcane-TFT.png);background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;overflow-x:hidden;color:#fffbe6;min-height:100vh;padding:0 0 50px}.app{flex-direction:column}.app,.navbar{display:flex;align-items:center}.navbar{position:fixed;top:0;left:0;right:0;justify-content:flex-end;padding:15px 20px;background:rgba(1,0,7,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid hsla(40,45%,61%,.2)}.nav-icon-btn{background:transparent;border:2px solid #c8aa6d;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 8px;padding:0;transition:all .2s ease;color:#cdbe91}.nav-icon-btn:hover{background:hsla(40,45%,61%,.1);border-color:#cdbe91;box-shadow:0 0 12px hsla(40,45%,61%,.3);transform:scale(1.05)}.nav-icon-btn:active{transform:scale(.95)}.nav-icon-btn svg{color:#cdbe91}.itemImg{width:100px}#itemImgContainer{margin:20px 0}button,input{margin:10px 5px;font-size:16px}input{font-family:Marcellus SC,serif;font-size:20px;letter-spacing:1px;padding:5px 15px;background:#1e2328;color:#cdbe91;box-shadow:inset 0 0 2px #000;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image-slice:1;border-width:2px}input[type=text]:focus{outline:none}input:disabled{background:#0f1215;color:#5a5a5a;cursor:not-allowed;opacity:.6;-o-border-image:linear-gradient(180deg,#4a4a4a,#2a2a2a);border-image:linear-gradient(180deg,#4a4a4a,#2a2a2a);border-image-slice:1}button{font-family:Marcellus SC,serif;font-size:20px;letter-spacing:1px;padding:5px 15px;background:#1e2328;color:#cdbe91;box-shadow:inset 0 0 2px #000;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image-slice:1;border-width:2px}button:hover{text-shadow:0 0 5px #ffffff80;box-shadow:0 0 8px 0 #ffffff50;background:linear-gradient(180deg,#1e2328,#433d2b);cursor:pointer;transition:.1s}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}button:active{text-shadow:none;box-shadow:none;color:#cdbe9130}.logo{height:20rem;width:20rem;background:url(/images/bisdle7.png);background-repeat:no-repeat;background-size:contain;background-position:50%;margin-top:80px}@media (max-width:768px){body{font-size:14px}.logo{height:15rem!important;width:15rem!important;margin-top:70px!important;margin-bottom:0!important}button,input{font-size:26px}#guessBtn{display:none}#unitInput{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:10px 0!important}#guessContainer{width:95%!important;max-width:500px!important;margin:0 auto!important}.itemImg{width:70px}.hint-box{padding:15px 20px;gap:10px;max-width:300px}.hint-text{font-size:14px}.answer-box{padding:18px 25px;gap:15px;max-width:350px}.answer-text{font-size:16px}.champion-image{width:50px!important;height:50px!important}.guess-box-correct,.guess-box-incorrect{padding:15px 20px;gap:15px;max-width:350px}.guess-text{font-size:14px}.stats-grid{gap:10px}.stat-item{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 10px);min-width:120px}.stat-value{font-size:24px}.stat-label{font-size:10px}.nav-icon-btn{width:40px;height:40px;margin:0 5px}.nav-icon-btn svg{width:24px;height:24px}.timer-countdown{font-size:32px;letter-spacing:2px}.timer-label{font-size:11px}.daily-reset-timer{padding:12px 15px;margin-top:15px}.new-champion-btn{font-size:14px;padding:10px 20px}.countdown-time{font-size:24px}.countdown-label{font-size:12px}}#autocomplete-list{position:absolute;background-color:#fff;border-top:none;max-height:200px;overflow-y:auto;width:100%;z-index:1000;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#autocomplete-list::-webkit-scrollbar{width:8px}#autocomplete-list::-webkit-scrollbar-track{background:transparent}#autocomplete-list::-webkit-scrollbar-thumb{background-color:#cdbe91;border-radius:4px}#autocomplete-list::-webkit-scrollbar-thumb:hover{background:#b0a783}#autocomplete-list::-webkit-scrollbar-button{display:none}#autocomplete-list{scrollbar-width:thin;scrollbar-color:#cdbe91 transparent;background:#1e2328;border:1px solid #cdbe91}#autocomplete-list .Champion{padding:10px;cursor:pointer}#autocomplete-list .Champion:hover{background-color:#f0f0f0}#guessContainer{position:relative}.Champion{font-family:Marcellus SC,serif;font-size:20px;letter-spacing:1px;padding:5px 15px;background:#1e2328;color:#cdbe91;box-shadow:inset 0 0 2px #000;border:solid;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image:linear-gradient(180deg,#c8aa6d,#7a5c29);border-image-slice:1;border-width:2px}.Champion:hover{text-shadow:0 0 5px #ffffff80;box-shadow:0 0 8px 0 #ffffff50;background:linear-gradient(180deg,#1e2328,#433d2b);cursor:pointer;transition:.1s}li{float:left;margin-top:5px}h2{position:relative}#feedback{text-align:center}.hint-box{display:flex;align-items:center;gap:15px;padding:20px 30px;margin:20px auto;max-width:500px;background:#1e2328;border:2px solid transparent;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;box-shadow:inset 0 0 2px #000,0 0 8px 0 #ffffff20}.hint-text{font-family:Marcellus SC,serif;font-size:18px;letter-spacing:1px;color:#cdbe91}.answer-box{display:flex;align-items:center;gap:20px;padding:25px 35px;margin:20px auto;max-width:550px;background:#1e2328;border:2px solid transparent;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;box-shadow:inset 0 0 2px #000,0 0 12px 0 #cdbe9150}.answer-text{font-family:Marcellus SC,serif;font-size:20px;letter-spacing:1px;color:#cdbe91;font-weight:600}.champion-image{border:2px solid transparent;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;box-shadow:0 0 12px 0 #cdbe9180;border-radius:50%}.emblem{border:2px solid transparent;-o-border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;border-image:linear-gradient(180deg,#c8aa6d,#7a5c29) 1;box-shadow:0 0 8px 0 #ffffff20;border-radius:4px}.daily-reset-timer{margin-top:20px;margin-bottom:0;padding:15px 20px;background:rgba(30,35,40,.5);border:2px solid hsla(40,45%,61%,.3);border-radius:12px;text-align:center;clear:both}.timer-label{font-size:13px;color:#a89968;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;margin-top:0}.timer-countdown{font-size:42px;font-weight:700;color:#cdbe91;font-family:Courier New,monospace;letter-spacing:3px;text-shadow:0 0 10px hsla(40,45%,61%,.5);margin:0;padding:0}.countdown-display{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;background:rgba(30,35,40,.5);border:2px solid hsla(40,45%,61%,.3);border-radius:8px;margin-top:5px}.countdown-label{font-size:14px;color:#a89968;text-transform:uppercase;letter-spacing:1px}.countdown-time{font-size:28px;font-weight:700;color:#cdbe91;font-family:Courier New,monospace;letter-spacing:2px;text-shadow:0 0 8px hsla(40,45%,61%,.4)}.new-champion-btn{padding:12px 24px;background:linear-gradient(135deg,#c8aa6d,#a89968);color:#010007;border:none;border-radius:8px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px hsla(40,45%,61%,.3);margin-top:5px}.new-champion-btn:hover{background:linear-gradient(135deg,#d4b87a,#c8aa6d);box-shadow:0 6px 16px hsla(40,45%,61%,.5);transform:translateY(-2px)}.new-champion-btn:active{transform:translateY(0);box-shadow:0 2px 8px hsla(40,45%,61%,.4)}.stats-container{color:#cdbe91}.stats-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:15px;margin-bottom:30px}.stat-item{text-align:center;padding:10px;background:rgba(30,35,40,.5);border:1px solid hsla(40,45%,61%,.3);border-radius:8px;flex-grow:0;flex-shrink:1;flex-basis:calc(25% - 12px);min-width:100px}.stat-value{font-size:28px;font-weight:700;color:#cdbe91;margin-bottom:5px}.stat-label{font-size:12px;color:#a89968;text-transform:uppercase;letter-spacing:.5px}.guess-distribution{margin-top:20px}.guess-distribution h3{color:#cdbe91;margin-bottom:15px;font-size:18px;text-align:center}.distribution-row{display:flex;align-items:center;margin-bottom:8px}.distribution-label{width:30px;text-align:center;font-weight:700;color:#cdbe91}.distribution-bar-container{flex:1 1;height:30px;background:rgba(30,35,40,.5);border:1px solid hsla(40,45%,61%,.2);border-radius:4px;margin-left:10px;overflow:hidden}.distribution-bar{height:100%;background:linear-gradient(90deg,#c8aa6d,#7a5c29);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.distribution-count{color:#1e2328;font-weight:700;font-size:14px;margin-right:10px}.guess-box-correct{background:linear-gradient(135deg,#1e3a1e,#2d5a2d);border:2px solid transparent;-o-border-image:linear-gradient(180deg,#6daa6d,#4a8a4a) 1;border-image:linear-gradient(180deg,#6daa6d,#4a8a4a) 1;box-shadow:inset 0 0 2px #000,0 0 12px 0 #4ade8050}.guess-box-correct,.guess-box-incorrect{display:flex;align-items:center;gap:20px;padding:20px 30px;margin:15px auto;max-width:550px}.guess-box-incorrect{background:linear-gradient(135deg,#3a1e1e,#5a2d2d);border:2px solid transparent;-o-border-image:linear-gradient(180deg,#aa6d6d,#8a4a4a) 1;border-image:linear-gradient(180deg,#aa6d6d,#8a4a4a) 1;box-shadow:inset 0 0 2px #000,0 0 12px 0 #de4a4a50}.guess-text{font-family:Marcellus SC,serif;font-size:18px;letter-spacing:1px;color:#cdbe91}