:root{--primary-color:#000;--primary-color-light:#59cbf2;--primary-color-dark:#0077b6;--secondary-color:#ff5714;--secondary-color-light:#ff8c5a;--secondary-color-dark:#cc4510;--background-color-light:#f8f9fa;--background-color-dark:#121212;--text-color-light:#333;--text-color-dark:#fff;--text-color-secondary-light:#6c757d;--text-color-secondary-dark:#b0b0b0;--error-color:#ff3b30;--success-color:#34c759;--info-color:#5856d6;--warning-color:#ff9500}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-color-light);font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.App{background-color:#f8f9fa;background-color:var(--background-color-light);text-align:center}.App,.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App-header{color:#fff;color:var(--text-color-dark);font-size:calc(10px + 2vmin)}.App-link{color:#000;color:var(--primary-color);text-decoration:none}.App-link:hover{text-decoration:underline}.App-logo{height:40vmin;pointer-events:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.AppBar{background-color:#fff;border-bottom:1px solid #e0e0e0}.AppBar button{color:#000}button{background-color:#000;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0077b6;background-color:var(--primary-color-dark)}button:focus{outline:2px solid #59cbf2;outline:2px solid var(--primary-color-light);outline-offset:2px}h1,h2,h3,h4,h5,h6,p{color:#000}.container{margin-top:16px;max-width:1200px;padding:0 16px;width:100%}.grid-container{grid-gap:24px;align-items:center;display:grid;gap:24px;justify-content:center;min-height:90vh}.grid-item{text-align:left}@media (max-width:600px){.grid-item{text-align:center}}.image-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image{border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:400px;max-width:100%;object-fit:cover}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (forced-colors:active){button{border:2px solid ButtonText}}.error-page-container{align-items:center;background:linear-gradient(135deg,#ece9e6,#fff);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.animated-text{animation:floatText 4s ease-in-out infinite}@keyframes floatText{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.click-circle{box-shadow:0 0 15px rgba(0,0,0,.2)}.animated-circle{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.game-container{border-radius:12px;margin:20px auto;overflow:hidden;position:relative}.click-circle:hover{filter:brightness(1.1)}.go-back-button{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(63,81,181,.7)}70%{box-shadow:0 0 0 10px rgba(63,81,181,0)}to{box-shadow:0 0 0 0 rgba(63,81,181,0)}}.error-icon{animation:shake 1.5s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}@media (max-width:600px){.error-page-container{padding:10px}.animated-text{font-size:1.1rem}.error-icon{font-size:40px}}