@keyframes pixelBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}*,h1,h2,h3,h4,h5,h6,button,input,textarea{font-weight:900!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loading-container{min-height:100vh;background-color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center}.loading-text{font-size:18px;color:#888;font-weight:900}.main-container{min-height:100vh;background-color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#fff}.header{width:100%;border-bottom:1px solid #333333;padding:1rem}@media (min-width: 768px){.header{padding:1rem 2rem}}.header-title{font-size:20px;font-weight:900;color:#fff}@media (min-width: 768px){.header-title{font-size:24px}}.header-links{display:none;font-size:14px;font-weight:900;color:#888}@media (min-width: 1024px){.header-links{display:flex}}@media (min-width: 768px){.header-links{font-size:16px}}.header-link{text-decoration:none}.header-link:hover{color:#fff;cursor:pointer}.content-container{max-width:90%!important;padding:2rem 0}@media (max-width: 768px){.content-container{max-width:100%!important}}.main-title{text-align:center;font-size:20px;color:#fff;font-weight:900;max-width:1200px;line-height:1.4;padding:0 1rem}@media (min-width: 768px){.main-title{font-size:24px}}.creature-container{width:80px;height:80px;border-radius:50%;border:2px solid #333333;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden}.creature{width:40px;height:40px;background-color:#0f8;border-radius:4px;position:relative;animation:pixelBounce 2s ease-in-out infinite}.creature-eye{position:absolute;top:8px;width:4px;height:4px;background-color:#0a0a0a;border-radius:50%}.creature-eye.left{left:8px}.creature-eye.right{right:8px}.controls-container{width:100%;max-width:28rem;padding:0 1rem}.search-input{background-color:#1a1a1a;border-color:#333;border-width:1px;border-radius:8px;font-size:16px;font-weight:900;color:#fff;width:100%;min-width:0;height:48px}.search-input::placeholder{color:#666}.search-input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.search-input:hover{border-color:#555}@media (min-width: 768px){.search-input{font-size:16px;min-width:300px;height:48px}}.employee-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#1a1a1a;border:1px solid #333333;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.employee-item{padding:.75rem;cursor:pointer;font-size:16px;font-weight:900;color:#fff}.employee-item:hover{background-color:#333}.guess-button{background-color:#fff;color:#0a0a0a;border-color:transparent;border-width:1px;border-radius:8px;font-size:14px;font-weight:900;height:44px;padding:0 1rem}.guess-button:hover{background-color:#f0f0f0}.guess-button:active{background-color:#e0e0e0}.guess-button:disabled{background-color:#333;color:#666;cursor:not-allowed}@media (min-width: 768px){.guess-button{font-size:16px;height:48px;padding:0 1.5rem}}.hint-button,.new-game-button{background-color:transparent;color:#888;border-color:#333;border-width:1px;border-radius:8px;font-size:14px;font-weight:900;height:44px;padding:0 1rem}.hint-button:hover,.new-game-button:hover{background-color:#1a1a1a;border-color:#555}.hint-button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.hint-button,.new-game-button{font-size:16px;height:48px;padding:0 1.5rem}}.share-button{background-color:#fff;color:#0a0a0a;border-color:transparent;border-width:1px;border-radius:8px;font-size:16px;font-weight:900;height:40px;padding:0 1rem;margin-left:auto}.share-button:hover{background-color:#f0f0f0}.share-button:active{background-color:#e0e0e0}@media (max-width: 480px){.alert{flex-direction:column;align-items:flex-start}.share-button{width:100%;margin-left:0;margin-top:.75rem}}.alert{border-radius:8px;background-color:#0084ff!important;box-shadow:0 0 20px 5px #002fff inset;border:1px solid #333333;color:#fff}.alert-title{color:#fff;font-size:16px;font-weight:900}.alert-title.large{font-size:18px}.alert-description{color:#fff;font-size:16px;font-weight:900;margin-left:.5rem}.alert-icon.success{color:#0f8}.alert-icon.error{color:#f44}.alert-icon.info{color:#fff}.guesses-container{width:100%;max-width:100%;padding:0 1rem}.guesses-title{margin-bottom:1.5rem;color:#fff;font-weight:900;font-size:18px;text-align:center}@media (min-width: 768px){.guesses-title{font-size:20px}}.guess-title{font-weight:900;margin-bottom:.75rem;color:#fff;font-size:16px}@media (min-width: 768px){.guess-title{margin-bottom:1rem;font-size:18px}}.guess-card{padding-bottom:.5rem}@media (min-width: 768px){.guess-card{padding-bottom:0rem}}.guess-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;font-weight:900}@media (min-width: 768px){.guess-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;gap:.75rem}}.guess-item-red{border-radius:6px}.guess-item{display:flex;flex-direction:row;border-radius:6px;padding:.5rem}@media (min-width: 768px){.guess-item{display:flex;flex-direction:column;border-radius:8px;padding:.75rem}}.guess-item-label{font-size:12px;color:#0a0a0a;margin-bottom:.125rem;font-weight:900;line-height:1.35}@media (min-width: 768px){.guess-item-label{font-size:14px;margin-bottom:.5rem}}.guess-item-value{font-size:12px;color:#0a0a0a;font-weight:900;line-height:1.35}@media (min-width: 768px){.guess-item-value{font-size:14px}}.feedback-green{background-color:#18f418;box-shadow:0 0 20px 5px #008d00 inset}.feedback-yellow{background-color:#fd0;box-shadow:0 0 20px 5px #c80 inset}.feedback-red{background-color:#ed3030;box-shadow:0 0 20px 5px #a00 inset}.feedback-orange{background-color:#d70;box-shadow:0 0 20px 5px #c40 inset}.feedback-purple{background-color:#a6c;box-shadow:0 0 20px 5px #60a inset}.feedback-gray{background-color:#777;box-shadow:0 0 20px 5px #333 inset}.stats-container{text-align:center;color:#888;font-size:14px;font-weight:900;padding:0 1rem}@media (min-width: 768px){.stats-container{font-size:16px}}.stats-text{margin-bottom:.5rem}
