:root{--color-primary:#2e7d32;--color-primary-light:#4caf50;--color-primary-dark:#1b5e20;--color-primary-hover:#388e3c;--color-primary-alpha:#2e7d3214;--color-primary-gradient:linear-gradient(135deg,#2e7d32,#4caf50);--color-accent:#00bcd4;--color-accent-light:#4dd0e1;--color-accent-dark:#0097a7;--color-text:#1a1a2e;--color-text-secondary:#4a4a68;--color-text-tertiary:#6b6b8a;--color-text-muted:#6b6b8a;--color-text-white:#fff;--color-bg:#fff;--color-bg-alt:#f8faf8;--color-bg-card:#fff;--color-bg-light:#f5f7f5;--color-bg-dark:#1a1a2e;--color-success-bg:#e8f5e9;--color-surface:#fff;--color-surface-hover:#f0f4f0;--color-surface-active:#e8f0e8;--color-border:#e0e4e0;--color-border-light:#f0f2f0;--color-border-focus:#2e7d32;--color-success:#2e7d32;--color-success-light:#c8e6c9;--color-error:#d32f2f;--color-error-light:#ffcdd2;--color-warning:#f57c00;--color-warning-light:#ffe0b2;--color-info:#1976d2;--color-info-light:#bbdefb;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-primary:0 4px 14px #2e7d3240;--shadow-primary-hover:0 6px 20px #2e7d3259;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--container-max-width:1200px;--container-padding:clamp(16px,5vw,48px);--container-padding-mobile:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--content-visibility:auto;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}*,:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1a1a2e;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.6;overflow-x:hidden;padding:0 0 0 env(safe-area-inset-left,0);padding-left:var(--safe-area-inset-left);padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-inset-right);text-rendering:optimizeLegibility}.loading-container{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:32px;padding:var(--spacing-xl)}.loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #e0e4e0;border-top-color:#2e7d32;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}h1,h2,h3,h4,h5,h6{color:#1a1a2e;color:var(--color-text);font-weight:600;line-height:1.3;margin:0 0 16px;margin:0 0 var(--spacing-md)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#4a4a68;color:var(--color-text-secondary);margin:0 0 16px;margin:0 0 var(--spacing-md)}a{color:#2e7d32;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1b5e20;color:var(--color-primary-dark);text-decoration:underline}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding-left:clamp(16px,5vw,48px);padding-left:var(--container-padding);padding-right:clamp(16px,5vw,48px);padding-right:var(--container-padding);width:100%}.container-narrow{max-width:800px}.container-wide{max-width:1400px}.page-section{padding:48px 0;padding:var(--spacing-2xl) 0}.page-section-sm{padding:32px 0;padding:var(--spacing-xl) 0}.page-section-lg{padding:64px 0;padding:var(--spacing-3xl) 0}.card{background:#fff;background:var(--color-bg-card);border:1px solid #e0e4e0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.btn{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;line-height:1.5;min-height:44px;min-width:44px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base)}.btn-primary{background:#2e7d32;background:var(--color-primary);box-shadow:0 4px 14px #2e7d3240;box-shadow:var(--shadow-primary);color:#fff;color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background:#1b5e20;background:var(--color-primary-dark);box-shadow:0 6px 20px #2e7d3259;box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}:focus{outline:2px solid #2e7d32;outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #2e7d32;outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.animated,.spinner,[class*=motion-]{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text:#000;--color-bg:#fff}}code{background:#f5f7f5;background:var(--color-bg-light);border-radius:4px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-family:var(--font-family-mono);font-size:.875em;padding:.2em .4em}div,li,p,span{word-break:break-word}.loading-spinner{color:#2e7d32;gap:16px}.spinner{border:3px solid #e0e4e0;border-top-color:#2e7d32}.spinner-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:450px}.wheel-skeleton{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:50%;height:350px;max-width:90vw;width:350px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){:root{--container-padding:var(--container-padding-mobile)}}@supports (-webkit-touch-callout:none){.btn,.card,.container{flex-shrink:0}}@-moz-document url-prefix(){*{scrollbar-color:#e0e4e0 #0000;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e0e4e0;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b6b8a;background:var(--color-text-muted)}button,input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:0;font-family:inherit;font-size:inherit}input[type=email],input[type=number],input[type=search],input[type=text],textarea{border-radius:8px;border-radius:var(--radius-md)}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}@supports not (aspect-ratio:1/1){.wheel-placeholder,.wheel-wrapper{height:0;padding-bottom:114.28%;position:relative}.wheel-placeholder>*,.wheel-wrapper>*{height:100%;left:0;position:absolute;top:0;width:100%}}.number-grid,.puzzle-board,.sudoku-board{touch-action:manipulation}.number-slot,.puzzle-tile,.sudoku-cell,button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@supports (padding:max(0px)){body{padding-left:max(16px,env(safe-area-inset-left,0px));padding-left:max(var(--container-padding-mobile),var(--safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right,0px));padding-right:max(var(--container-padding-mobile),var(--safe-area-inset-right))}.navbar{padding-left:max(16px,env(safe-area-inset-left,0px));padding-left:max(var(--spacing-md),var(--safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right,0px));padding-right:max(var(--spacing-md),var(--safe-area-inset-right))}}img{-webkit-user-drag:none;display:block;image-rendering:-webkit-optimize-contrast}@media print{.controls,.footer,.navbar,button{display:none!important}body{background:#fff!important;color:#000!important}.how-to-play,.how-to-use{break-inside:avoid;page-break-inside:avoid}}.App{box-sizing:border-box;font-family:var(--font-family);margin:0 auto;max-width:var(--container-max-width);overflow-x:hidden;padding:var(--spacing-lg);padding-top:var(--spacing-xl);text-align:center}body{background-color:var(--color-bg);margin:0;padding:0}.AppWrapper{background:var(--color-bg);display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;position:relative}.AppWrapper>:not(.navbar):not(.footer){flex:1 1;margin-top:0;padding-top:var(--spacing-lg)}.page-container{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-xl) var(--container-padding);width:100%}.AppWrapper .nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:1rem;font-weight:500;margin:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.AppWrapper .nav-link:hover{background-color:var(--color-primary-alpha);color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.AppWrapper .nav-link:focus{background-color:var(--color-primary-alpha);outline:2px solid var(--color-primary);outline-offset:2px}.section-header{margin-bottom:var(--spacing-xl);text-align:center}.section-header h2{color:var(--color-text);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-sm)}.section-header p{color:var(--color-text-secondary);margin:0 auto;max-width:600px}@media (max-width:768px){.App{padding:var(--spacing-md);padding-top:var(--spacing-lg)}.AppWrapper .nav-link{align-items:center;display:inline-flex;font-size:.875rem;justify-content:center;margin:var(--spacing-xs);min-height:44px;min-width:44px;padding:var(--spacing-sm)}.page-container{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.App{padding:var(--spacing-sm)}.page-container{padding:var(--spacing-md) var(--spacing-sm)}}.loading-spinner{align-items:center;color:var(--color-primary);display:flex;flex-direction:column;font-size:1.125rem;gap:var(--spacing-md);justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px;will-change:transform}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skip-link{background:var(--color-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-text-white);font-size:.875rem;font-weight:600;left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:-40px;transition:top var(--transition-slow);z-index:1000}.skip-link:focus{top:0}img{height:auto;max-width:100%}.content-container{min-height:400px}@media (prefers-contrast:high){.AppWrapper .nav-link{border:1px solid}.AppWrapper .nav-link:hover{background-color:var(--color-text);color:var(--color-bg)}}h2{color:var(--color-text);line-height:1.2;margin:var(--spacing-sm) 0}.checkbox-container{display:flex;justify-content:center;margin:var(--spacing-xs) 0 var(--spacing-md)}.checkbox-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-xs);line-height:1.2;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.remove-after-spin-checkbox{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:16px;margin:0;vertical-align:middle;width:16px}.checkbox-label:hover{color:var(--color-primary)}@media (max-width:768px){h2{font-size:1.3em;margin:var(--spacing-xs) 0}.remove-after-spin-checkbox{height:14px;width:14px}.checkbox-label{font-size:.8125rem}.checkbox-container{margin:var(--spacing-xs) 0 var(--spacing-sm)}}@media (max-width:480px){h2{font-size:1.1em}.checkbox-label{font-size:.75rem}}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.navbar{align-items:center;background:var(--color-primary-gradient);box-shadow:var(--shadow-md);color:var(--color-text-white);display:flex;justify-content:space-between;margin-bottom:0;min-height:64px;padding:var(--spacing-md) var(--container-padding);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.navbar-logo{color:var(--color-text-white);text-decoration:none;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.9}.navbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.navbar .nav-dropdown-toggle,.navbar .nav-link{color:var(--color-text-white)!important;font-weight:500;text-decoration:none!important}.navbar .nav-link:visited{color:var(--color-text-white)!important}.navbar .dropdown-link{font-weight:500;text-decoration:none!important}.navbar .dropdown-link,.navbar .dropdown-link:visited{color:var(--color-text)!important}.nav-link{border-radius:var(--radius-md);color:var(--color-text-white)!important;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none!important;transition:all var(--transition-fast)}.nav-link:after{background:var(--color-text-white);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-base);width:0}.nav-link:hover:after{width:80%}.nav-link:hover{background:#ffffff1a;color:var(--color-text-white)!important}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;display:flex;font-family:var(--font-family);font-size:1rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-dropdown-toggle:hover{background:#ffffff1a}.dropdown-arrow{font-size:.75rem;transition:transform var(--transition-base)}.dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;position:absolute;top:calc(100% + var(--spacing-xs));transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden;z-index:1000}.nav-dropdown-content.open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-link{color:var(--color-text);display:block;font-size:.9375rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.dropdown-link:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}.nav-dropdown-right .nav-dropdown-content{left:auto;right:0}.language-switcher{align-items:center;display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.language-label{color:var(--color-text-white);font-size:1rem}.language-switcher select{-webkit-appearance:none;appearance:none;background-color:#ffffff26;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-family:var(--font-family);padding:var(--spacing-xs) var(--spacing-sm);padding-right:28px;transition:all var(--transition-fast)}.language-switcher select:hover{background-color:#ffffff40}.language-switcher select:focus{border-color:var(--color-text-white);outline:none}.burger-menu{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;display:none;font-size:1.5rem;padding:var(--spacing-sm);transition:background var(--transition-fast)}.burger-menu:hover{background:#ffffff1a}.burger-icon{display:block}@media (max-width:992px) and (min-width:768px){.navbar{padding:10px 15px}.navbar-links{gap:15px}.nav-link{font-size:15px}.language-switcher{gap:8px;padding:0 15px}.language-label{font-size:15px}.language-switcher select{font-size:14px;padding:4px}}@media (max-width:767px) and (min-width:600px){.navbar{flex-direction:row;padding:10px 15px;position:relative}.navbar-links{background-color:#4caf50;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;top:55px;width:100%;z-index:1000}.navbar-links.open{display:flex}.nav-link{border-bottom:1px solid #fff3;font-size:16px;padding:12px 20px}.nav-dropdown,.nav-dropdown-right{width:100%}.nav-dropdown-toggle{border-bottom:1px solid #fff3;font-size:16px;justify-content:space-between;padding:12px 20px;text-align:left;width:100%}.nav-dropdown-content,.nav-dropdown-right .nav-dropdown-content{background-color:#0000001a;border-radius:0;box-shadow:inset 0 2px 4px #0000001a;left:auto;max-height:0;opacity:1;overflow:hidden;padding:0;position:static;right:auto;transform:none;transition:max-height .3s ease;visibility:visible}.nav-dropdown-content.open{max-height:200px;padding:0}.dropdown-link{border-bottom:1px solid #ffffff1a;font-size:14px;padding:10px 35px}.dropdown-link:last-child{border-bottom:none}.language-switcher{border-bottom:1px solid #fff3;justify-content:center;padding:12px 20px}.language-label{font-size:16px}.language-switcher select{font-size:15px}.nav-link:last-child{border-bottom:none}.burger-menu{display:block}}@media (max-width:599px){.navbar{flex-direction:row;padding:8px 12px;position:relative}.navbar-brand{font-size:20px}.navbar-links{background-color:#4caf50;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;padding:8px 0;position:absolute;top:50px;width:100%;z-index:1000}.navbar-links.open{display:flex}.nav-link{font-size:17px}.language-switcher,.nav-link{border-bottom:1px solid #fff3;padding:10px 15px}.language-switcher{gap:8px;justify-content:center}.language-label{font-size:17px}.language-switcher select{font-size:16px;padding:4px}.nav-link:last-child{border-bottom:none}.burger-menu{display:block;font-size:22px}}.footer{background:var(--color-bg-dark);color:var(--color-text-white);font-size:.9375rem;line-height:1.6;margin-top:auto;padding:var(--spacing-xl) var(--container-padding);text-align:center;width:100%}.footer-content{margin:0 auto;max-width:var(--container-max-width)}.footer-links{margin-bottom:var(--spacing-md)}.footer-links a{color:var(--color-primary-light);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:focus-visible,.footer-links a:hover{color:var(--color-text-white);text-decoration:underline}.footer-links .sep{color:#ffffff4d;margin:0 var(--spacing-sm)}.footer-copyright{color:#ffffffb3;font-size:.875rem}@media (max-width:768px){.footer{padding:var(--spacing-lg) var(--spacing-md)}.footer-links a{display:inline-block;padding:var(--spacing-xs) 0}}