:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--container-xs:100%;--container-sm:100%;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--grid-columns:12;--grid-gap:var(--spacing-md);--animation-fast:0.15s;--animation-normal:0.3s;--animation-slow:0.5s}@media (min-width:768px){:root{--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:4rem;--font-size-xs:0.8125rem;--font-size-sm:0.9375rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem}}.container{margin:0 auto;max-width:1200px;max-width:var(--container-xl);padding:0 1rem;padding:0 var(--spacing-md);width:100%}.container--xs{max-width:100%;max-width:var(--container-xs)}.container--sm{max-width:100%;max-width:var(--container-sm)}.container--md{max-width:768px;max-width:var(--container-md)}.container--lg{max-width:1024px;max-width:var(--container-lg)}.container--xl{max-width:1200px;max-width:var(--container-xl)}.grid{grid-gap:1rem;grid-gap:var(--grid-gap);display:grid;gap:1rem;gap:var(--grid-gap);width:100%}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (min-width:480px){.grid--sm-1{grid-template-columns:1fr}.grid--sm-2{grid-template-columns:repeat(2,1fr)}.grid--sm-3{grid-template-columns:repeat(3,1fr)}.grid--sm-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.grid--md-1{grid-template-columns:1fr}.grid--md-2{grid-template-columns:repeat(2,1fr)}.grid--md-3{grid-template-columns:repeat(3,1fr)}.grid--md-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.grid--lg-1{grid-template-columns:1fr}.grid--lg-2{grid-template-columns:repeat(2,1fr)}.grid--lg-3{grid-template-columns:repeat(3,1fr)}.grid--lg-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);position:relative}.touch-target--comfortable{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.touch-target--large{min-height:56px;min-height:var(--touch-target-large);min-width:56px;min-width:var(--touch-target-large)}@media (hover:none) and (pointer:coarse){.touch-target:active{transform:scale(.95);transition:transform .15s ease;transition:transform var(--animation-fast) ease}.touch-target{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:all var(--animation-normal) ease;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--small{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn--large{font-size:1.125rem;font-size:var(--font-size-lg);min-height:48px;min-height:var(--touch-target-comfortable);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.btn--full{width:100%}@media (hover:none) and (pointer:coarse){.btn:active{transform:scale(.95)}.btn:hover{transform:none}}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl)}.p-xs{padding:.25rem;padding:var(--spacing-xs)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.p-xxl{padding:3rem;padding:var(--spacing-xxl)}.m-xs{margin:.25rem;margin:var(--spacing-xs)}.m-sm{margin:.5rem;margin:var(--spacing-sm)}.m-md{margin:1rem;margin:var(--spacing-md)}.m-lg{margin:1.5rem;margin:var(--spacing-lg)}.m-xl{margin:2rem;margin:var(--spacing-xl)}.m-xxl{margin:3rem;margin:var(--spacing-xxl)}.hidden{display:none!important}.show-xs{display:block}.hide-xs{display:none}@media (min-width:480px){.show-sm{display:block}.hide-sm,.show-xs-only{display:none}}@media (min-width:768px){.show-md{display:block}.hide-md,.show-sm-only{display:none}}@media (min-width:1024px){.show-lg{display:block}.hide-lg,.show-md-only{display:none}}@media (min-width:1200px){.show-xl{display:block}.hide-xl,.show-lg-only{display:none}}@media (orientation:portrait){.portrait-only{display:block}.landscape-only{display:none}}@media (orientation:landscape){.portrait-only{display:none}.landscape-only{display:block}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-container{margin:0 auto;max-width:400px;padding:1rem;padding:var(--spacing-md);width:100%}@media (min-width:768px){.game-container{max-width:500px;padding:1.5rem;padding:var(--spacing-lg)}}@media (min-width:1024px){.game-container{max-width:600px;padding:2rem;padding:var(--spacing-xl)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:12px 12px 0 0;max-height:85vh;width:100%}}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .3s ease;transition:border-color var(--animation-normal) ease;width:100%}.form-input:focus{border-color:#3498db;outline:none}.nav-stack{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}@media (min-width:768px){.nav-stack{align-items:center;flex-direction:row;justify-content:space-between}}@media print{.no-print{display:none!important}.print-only{display:block!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.form-input{border-width:3px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;line-height:1.5;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}#root,body,html{min-height:100vh;min-height:-webkit-fill-available}body{-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid #3498db;outline-offset:2px}button{background:none;border:none;cursor:pointer;font:inherit;padding:0}input,select,textarea{color:inherit;font:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}.App{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;position:relative;text-align:center}.App:before{background:#0000000d}.App:after,.App:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.App:after{animation:float 8s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#7877c633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%)}.App>*{position:relative;z-index:1}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex:1 1;flex-direction:column;font-size:var(--font-size-base);justify-content:center;overflow:hidden;padding:var(--spacing-xl) var(--spacing-md);position:relative}.App-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.App-header>*{position:relative;z-index:1}.App-header h1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px #0000004d}.App-header p{font-size:var(--font-size-lg);line-height:1.6;margin:var(--spacing-sm) 0;max-width:600px;opacity:.9}.App-header small{font-size:var(--font-size-sm);font-weight:300;opacity:.8}@media (max-width:768px){.App-header{padding:var(--spacing-lg) var(--spacing-md);text-align:center}.App-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.App-header p{font-size:var(--font-size-base);margin:var(--spacing-xs) 0}}@media (max-width:480px){.App-header{padding:var(--spacing-md)}.App-header h1{font-size:var(--font-size-2xl)}.App-header p{font-size:var(--font-size-sm)}}@media (orientation:landscape) and (max-height:600px){.App-header{justify-content:flex-start;padding:var(--spacing-md);padding-top:var(--spacing-xl)}.App-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.App-header p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}}.App-header{padding-left:calc(var(--spacing-md) + env(safe-area-inset-left));padding-right:calc(var(--spacing-md) + env(safe-area-inset-right));padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top))}.App-header h1{animation:fadeInUp .8s ease-out}.App-header p{animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.App-header h1,.App-header p{animation:none}}.update-banner{background:#4a90e2;box-shadow:0 2px 8px #0000001a;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.update-banner span{flex:1 1}.install-banner{align-items:center;background:#4a90e2;bottom:0;box-shadow:0 -2px 8px #0000001a;color:#fff;display:flex;font-size:var(--font-size-sm);justify-content:space-between;left:0;padding:var(--spacing-md);position:fixed;right:0;z-index:1000}.install-banner span{flex:1 1;margin-right:var(--spacing-md)}.close-banner{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xl);height:24px;justify-content:center;margin-left:var(--spacing-sm);padding:0;transition:background-color .2s ease;width:24px}.close-banner:hover{background-color:#fff3}.pwa-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.pwa-badge span{align-items:center;display:flex;gap:var(--spacing-xs)}.pwa-status-bar{background:#4a90e2;background:var(--primary-color,#4a90e2);font-weight:500;padding:.5rem 1rem;z-index:999}.pwa-status-bar span{margin-right:.5rem}@media (display-mode:standalone){.App{overscroll-behavior:none}.App-header{padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top, 20px))}.install-banner{display:none}}@media (display-mode:standalone) and (-webkit-touch-callout:none){.App{-webkit-touch-callout:none;-webkit-user-select:none}.App-header{padding-top:calc(var(--spacing-xl) + 44px)}}@media (display-mode:fullscreen){.App-header{padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top, 0px))}}@media (display-mode:window-controls-overlay){.App-header{padding-top:calc(var(--spacing-xl) + env(titlebar-area-height, 32px))}}@media (prefers-contrast:high){.install-banner,.update-banner{border:2px solid #fff}.pwa-badge{border:2px solid #fffc}}@media (prefers-reduced-motion:reduce){.install-banner,.pwa-badge,.update-banner{transition:none}}@media (prefers-color-scheme:dark){.install-banner,.update-banner{background:#2c5282}}@media (max-width:768px){.install-banner,.update-banner{font-size:var(--font-size-xs);padding:var(--spacing-sm)}.install-banner{flex-direction:column;gap:var(--spacing-sm);text-align:center}.install-banner span{margin-right:0}}@media (orientation:landscape) and (max-height:600px){.install-banner,.update-banner{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.touch-feedback{-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative}.touch-feedback:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;width:0;z-index:0}.touch-feedback:active:after{height:100px;width:100px}.touch-feedback>*{position:relative;z-index:1}.app-navigation{-webkit-touch-callout:none}.App-header,.app-navigation,.install-banner,.pwa-badge,.update-banner{-webkit-user-select:none;user-select:none}.selectable,[contenteditable],input,textarea{-webkit-user-select:text!important;user-select:text!important}.button:focus-visible,[role=button]:focus-visible,button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.install-banner{animation:slideInFromBottom .3s ease-out}.update-banner{animation:slideInFromTop .3s ease-out}@media (max-width:480px){.App{font-size:14px}.touch-feedback:after{max-height:80px;max-width:80px}}@supports (padding:max(0px)){.App{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.App-header{padding-bottom:max(var(--spacing-xl),calc(var(--spacing-xl) + env(safe-area-inset-bottom)));padding-top:max(var(--spacing-xl),calc(var(--spacing-xl) + env(safe-area-inset-top)))}}@media (prefers-reduced-motion:reduce){.install-banner,.touch-feedback:after,.update-banner{animation:none;transition:none}}@media (prefers-contrast:high){.touch-feedback:after{background:#00000080}.button:focus-visible,button:focus-visible{outline:3px solid;outline-offset:3px}}.update-banner{align-items:center;background:#007bfff2;border-bottom:2px solid #fff3;box-shadow:0 4px 20px #0003;color:#fff;display:flex;gap:1rem;justify-content:center;left:0;padding:1rem;right:0;top:0}.install-prompt-subtle,.update-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;z-index:1000}.install-prompt-subtle{animation:slideInFromRight .3s ease-out;background:#fffffff2;border:1px solid #0000001a;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #00000026;max-width:280px;right:20px}.install-prompt-content{align-items:center;display:flex;gap:.75rem;padding:1rem}.install-icon{flex-shrink:0;font-size:1.2rem}.install-text{color:#333;flex:1 1;font-size:.9rem;font-weight:500}.install-actions{align-items:center;display:flex;gap:.5rem}.install-btn-install{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.install-btn-install:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.install-btn-later{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.8rem;padding:.4rem .6rem;transition:all .2s ease}.install-btn-later:hover{background:#f8f9fa;border-color:#bbb}.install-btn-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.2rem;line-height:1;padding:.2rem .4rem;transition:all .2s ease}.install-btn-close:hover{background:#f0f0f0;color:#666}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-color-scheme:dark){.install-prompt-subtle{background:#1e1e1ef2;border-color:#ffffff1a}.install-text{color:#e0e0e0}.install-btn-later{border-color:#555;color:#ccc}.install-btn-later:hover{background:#333;border-color:#777}.install-btn-close{color:#aaa}.install-btn-close:hover{background:#333;color:#ddd}}@media (max-width:480px){.install-prompt-subtle{bottom:10px;left:10px;max-width:none;right:10px}.install-prompt-content{padding:.75rem}.install-text{font-size:.85rem}}.pwa-status-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#6c757df2;border-top:2px solid #fff3;bottom:0;box-shadow:0 -4px 20px #0003;color:#fff;font-size:.875rem;left:0;padding:.5rem;position:fixed;right:0;text-align:center;z-index:1000}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.App{background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483)}.update-banner{background:#0d6efdf2}}.move-valid{background-color:#28a74533!important;border-color:#28a745!important;box-shadow:0 0 0 3px #28a7454d!important}.move-invalid{animation:shake .5s ease-in-out;background-color:#dc354533!important;border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35454d!important}.feedback-pulse{animation:feedbackPulse .6s ease-out}@keyframes feedbackPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.feedback-success{animation:slideInSuccess .3s ease-out;background-color:#28a7451a;border-left:4px solid #28a745;color:#155724}.feedback-success:before{color:#28a745;content:"✓";font-weight:700;margin-right:8px}.feedback-error{animation:slideInError .3s ease-out;background-color:#dc35451a;border-left:4px solid #dc3545;color:#721c24}.feedback-error:before{color:#dc3545;content:"✗";font-weight:700;margin-right:8px}.feedback-warning{animation:slideInWarning .3s ease-out;background-color:#ffc1071a;border-left:4px solid #ffc107;color:#856404}.feedback-warning:before{color:#ffc107;content:"⚠";font-weight:700;margin-right:8px}.feedback-info{animation:slideInInfo .3s ease-out;background-color:#17a2b81a;border-left:4px solid #17a2b8;color:#0c5460}.feedback-info:before{color:#17a2b8;content:"ℹ";font-weight:700;margin-right:8px}@keyframes slideInSuccess{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInError{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInWarning{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInInfo{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.feedback-game-win{animation:celebrationPulse 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#28a745,#20c997);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #28a7454d;color:#fff;padding:var(--spacing-lg);text-align:center}.feedback-game-loss{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 8px 32px #dc35454d}.feedback-game-draw,.feedback-game-loss{animation:fadeInSlow .5s ease-out;border-radius:var(--border-radius-lg);color:#fff;padding:var(--spacing-lg);text-align:center}.feedback-game-draw{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 8px 32px #6c757d4d}@keyframes celebrationPulse{0%{box-shadow:0 8px 32px #28a7454d;transform:scale(1)}to{box-shadow:0 12px 40px #28a74566;transform:scale(1.02)}}@keyframes fadeInSlow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-connection-lost{background-color:#dc3545e6}.feedback-connection-lost,.feedback-connection-restored{animation:slideDownConnection .3s ease-out;color:#fff;left:0;padding:var(--spacing-sm);position:fixed;right:0;text-align:center;top:0;z-index:9998}.feedback-connection-restored{background-color:#28a745e6}@keyframes slideDownConnection{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.touch-feedback-enhanced{overflow:hidden;position:relative}.touch-feedback-enhanced:after{background:radial-gradient(circle,#fff9 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.touch-feedback-enhanced:active:after{height:200px;width:200px}.feedback-loading{opacity:.7;pointer-events:none;position:relative}.feedback-loading:before{animation:loadingShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes loadingShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hover-feedback{position:relative;transition:all var(--animation-fast) ease}.hover-feedback:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hover-feedback:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.focus-feedback:focus{box-shadow:0 0 0 4px #007bff40;outline:2px solid #007bff;outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.disabled-feedback{cursor:not-allowed;filter:grayscale(50%);opacity:.5;pointer-events:none}@media (hover:none) and (pointer:coarse){.hover-feedback:hover{box-shadow:none;transform:none}.touch-feedback-enhanced:active{background-color:#0000000d;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.celebrationPulse,.feedback-pulse,.loadingShimmer,.shake{animation:none}.shake{border-color:#dc3545!important}.hover-feedback:hover{transform:none}}@media (prefers-contrast:high){.move-valid{background-color:#28a745!important;color:#fff!important}.move-invalid{background-color:#dc3545!important;color:#fff!important}.feedback-error,.feedback-info,.feedback-success,.feedback-warning{border-width:3px}}@media (prefers-color-scheme:dark){.feedback-success{background-color:#28a74533;color:#d4edda}.feedback-error{background-color:#dc354533;color:#f8d7da}.feedback-warning{background-color:#ffc10733;color:#fff3cd}.feedback-info{background-color:#17a2b833;color:#d1ecf1}.touch-feedback-enhanced:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%)}}.offline-indicator{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #00000026;color:#fff;font-size:var(--font-size-sm);font-weight:500;left:0;padding:var(--spacing-xs) var(--spacing-md);padding-left:calc(var(--spacing-md) + env(safe-area-inset-left));padding-right:calc(var(--spacing-md) + env(safe-area-inset-right));padding-top:calc(var(--spacing-xs) + env(safe-area-inset-top));position:fixed;right:0;text-align:center;top:0;z-index:1000}.offline-indicator__content{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;margin:0 auto;max-width:1200px}.offline-indicator__icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:var(--font-size-base)}.offline-indicator__text{font-weight:500;text-shadow:0 1px 2px #0003}.offline-indicator__games{background:#fff3;border-radius:12px;font-size:var(--font-size-xs);font-weight:400;opacity:.9;padding:2px var(--spacing-xs)}@media (max-width:768px){.offline-indicator{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.offline-indicator__content{flex-direction:column;gap:2px}.offline-indicator__icon{font-size:var(--font-size-sm)}.offline-indicator__games{font-size:10px}}@media (max-width:480px){.offline-indicator{padding:4px var(--spacing-xs)}.offline-indicator__text{font-size:11px}.offline-indicator__games{font-size:9px}}@media (orientation:landscape) and (max-height:600px){.offline-indicator{font-size:11px;padding:2px var(--spacing-sm)}.offline-indicator__content{flex-direction:row;gap:var(--spacing-xs)}.offline-indicator__icon{font-size:12px}.offline-indicator__games{font-size:9px}}.offline-indicator{animation:slideDown var(--animation-normal) ease-out}@media (prefers-reduced-motion:reduce){.offline-indicator{animation:none}}.fullscreen-toggle{align-items:center;background:#ffffffe6;background:var(--card-bg,#ffffffe6);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:background-color .15s,border-color .15s,transform .1s;width:36px}.fullscreen-toggle:hover{background:#0000000d;border-color:#999}.fullscreen-toggle:active{transform:scale(.93)}.fullscreen-toggle--active{background:#00000014;border-color:#666}[data-theme=dark] .fullscreen-toggle{background:#ffffff14;border-color:#555;color:#e0e0e0}[data-theme=dark] .fullscreen-toggle:hover{background:#ffffff26;border-color:#888}[data-theme=dark] .fullscreen-toggle--active{background:#ffffff1f}.game-board{align-items:center;display:flex;justify-content:center;max-width:100%;padding:var(--spacing-md);-webkit-user-select:none;user-select:none;width:100%}.game-board__grid{grid-gap:3px;aspect-ratio:1;background-color:#333;background-color:var(--board-border-color,#333);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);max-width:320px;padding:3px;width:100%}.game-cell{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;background-color:var(--cell-bg-color,#fff);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:clamp(1.5rem,6vw,3rem);font-weight:700;justify-content:center;min-height:var(--touch-target-large);min-width:var(--touch-target-large);overflow:hidden;position:relative;transition:all var(--animation-normal) ease}.game-cell:hover:not(:disabled){background-color:#f0f0f0;background-color:var(--cell-hover-color,#f0f0f0);transform:scale(1.02)}.game-cell:active:not(:disabled){transform:scale(.98)}.game-cell:disabled{cursor:not-allowed}.game-cell--empty:hover:not(:disabled):before{background-color:#0000001a;background-color:var(--cell-preview-color,#0000001a);border-radius:4px;content:"";inset:0;position:absolute}.game-cell--disabled{cursor:not-allowed;opacity:.6}.game-cell__mark{color:#333;color:var(--mark-color,#333);transition:color .2s ease}.game-cell--x .game-cell__mark{color:#e74c3c;color:var(--mark-x-color,#e74c3c)}.game-cell--o .game-cell__mark{color:#3498db;color:var(--mark-o-color,#3498db)}.game-cell--winning{animation:winning-pulse 1s ease-in-out infinite alternate;background-color:#f1c40f!important;background-color:var(--winning-cell-color,#f1c40f)!important}@keyframes winning-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-board--dark{--board-border-color:#555;--cell-bg-color:#2c3e50;--cell-hover-color:#34495e;--cell-preview-color:#ffffff1a;--mark-color:#ecf0f1;--mark-x-color:#e74c3c;--mark-o-color:#3498db;--winning-cell-color:#f39c12}.game-board--neon{--board-border-color:#0f8;--cell-bg-color:#0a0a0a;--cell-hover-color:#1a1a1a;--cell-preview-color:#0f83;--mark-color:#0f8;--mark-x-color:#ff0080;--mark-o-color:#0f8;--winning-cell-color:#ff0}.game-board--classic{--board-border-color:#8b4513;--cell-bg-color:wheat;--cell-hover-color:#deb887;--cell-preview-color:#8b45131a;--mark-color:#8b4513;--mark-x-color:#8b0000;--mark-o-color:navy;--winning-cell-color:gold}@media (max-width:768px){.game-board{padding:var(--spacing-sm)}.game-board__grid{gap:2px;max-width:300px;padding:2px}.game-cell{border-radius:6px;font-size:clamp(1.25rem,5vw,2.5rem)}}@media (max-width:480px){.game-board{padding:var(--spacing-xs)}.game-board__grid{max-width:280px}.game-cell{font-size:clamp(1rem,4vw,2rem)}}@media (max-width:320px){.game-board__grid{max-width:260px}}@media (orientation:landscape) and (max-height:600px){.game-board{padding:var(--spacing-xs)}.game-board__grid{max-width:250px}.game-cell{font-size:clamp(.875rem,3vw,1.5rem)}}@media (hover:none) and (pointer:coarse){.game-cell{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.game-cell:hover:not(:disabled){background-color:#fff;background-color:var(--cell-bg-color,#fff);transform:none}.game-cell:active:not(:disabled){background-color:#f0f0f0;background-color:var(--cell-hover-color,#f0f0f0);transform:scale(.92);transition:all var(--animation-fast) ease}.game-cell:active:not(:disabled):after{animation:ripple var(--animation-normal) ease-out;background:radial-gradient(circle,#0000001a 0,#0000 70%);content:"";inset:0;position:absolute}}@media (prefers-contrast:high){.game-board__grid{border:3px solid #333;border:3px solid var(--board-border-color,#333)}.game-cell{border:2px solid #333;border:2px solid var(--board-border-color,#333)}}@media (min-width:768px) and (max-width:1024px){.game-board__grid{gap:4px;max-width:400px;padding:4px}.game-cell{border-radius:10px;font-size:clamp(2rem,4vw,3.5rem)}}@media (min-width:1024px){.game-board__grid{gap:5px;max-width:450px;padding:5px}.game-cell{border-radius:12px;font-size:clamp(2.5rem,3vw,4rem)}}.game-mode-selector{margin:0 auto;max-width:500px;padding:var(--spacing-md);width:100%}.mode-header{align-items:center;display:flex;margin-bottom:2rem;position:relative}.mode-header h2{color:#333;color:var(--text-primary,#333);flex:1 1;font-size:1.5rem;margin:0;text-align:center}.back-button{border-radius:4px;color:#666;color:var(--text-secondary,#666);left:0;padding:.5rem;position:absolute;transition:background-color .2s ease}.back-button:hover{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0)}.mode-buttons{display:flex;flex-direction:column;gap:1rem}.secondary-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.secondary-button{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.secondary-button:hover:not(:disabled){background:#3498db;background:var(--accent-color,#3498db);border-color:#3498db;border-color:var(--accent-color,#3498db);color:#fff;transform:translateY(-2px)}.secondary-button:active{transform:translateY(0)}.secondary-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.guest-info{color:#666;color:var(--text-secondary,#666);font-size:var(--font-size-sm,.875rem);margin:var(--spacing-sm) 0;text-align:center}.mode-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;min-height:var(--touch-target-large);overflow:hidden;padding:var(--spacing-xl) var(--spacing-md);position:relative;text-align:center;transition:all var(--animation-normal) ease}.mode-button:hover:not(:disabled){border-color:#3498db;border-color:var(--accent-color,#3498db);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mode-button:disabled{cursor:not-allowed;opacity:.6}.mode-icon{margin-bottom:.5rem}.mode-title{color:#333;color:var(--text-primary,#333);font-size:1.25rem;margin-bottom:.25rem}.mode-description{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.mode-button--single:hover:not(:disabled){border-color:#e74c3c;border-color:var(--single-player-color,#e74c3c)}.mode-button--multi:hover:not(:disabled){border-color:#2ecc71;border-color:var(--multiplayer-color,#2ecc71)}.difficulty-selection{text-align:center}.difficulty-selection h3{color:#333;color:var(--text-primary,#333);margin-bottom:1.5rem}.difficulty-buttons{display:flex;flex-direction:column;gap:1rem}.difficulty-button{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem 1rem;transition:all .2s ease}.difficulty-button:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.difficulty-button--easy:hover:not(:disabled){border-color:#2ecc71;border-color:var(--easy-color,#2ecc71)}.difficulty-button--medium:hover:not(:disabled){border-color:#f39c12;border-color:var(--medium-color,#f39c12)}.difficulty-button--hard:hover:not(:disabled){border-color:#e74c3c;border-color:var(--hard-color,#e74c3c)}.difficulty-title{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.difficulty-description{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.multiplayer-options{display:flex;flex-direction:column;gap:2rem}.multiplayer-section{text-align:center}.multiplayer-section h3{color:#333;color:var(--text-primary,#333);font-size:1.1rem;margin-bottom:1rem}.create-game-button{background-color:#2ecc71;background-color:var(--multiplayer-color,#2ecc71);border:2px solid #2ecc71;border:2px solid var(--multiplayer-color,#2ecc71);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;transition:all .2s ease;width:100%}.create-game-button:hover:not(:disabled){background-color:#27ae60;background-color:var(--multiplayer-color-dark,#27ae60);transform:translateY(-1px)}.room-code-form{flex-direction:column;gap:.5rem}.room-code-input{padding:.75rem}.room-code-input:focus{border-color:var(--accent-color,#3498db)}.room-code-input--error{border-color:#e74c3c;border-color:var(--error-color,#e74c3c)}.join-button{background-color:#3498db;background-color:var(--accent-color,#3498db);border:2px solid #3498db;border:2px solid var(--accent-color,#3498db);padding:.75rem;transition:all .2s ease}.join-button:hover:not(:disabled){background-color:#2980b9;background-color:var(--accent-color-dark,#2980b9)}.join-button:disabled{opacity:.6}.error-message{color:var(--error-color,#e74c3c);font-size:.85rem;margin-top:.5rem}.lobby-games{display:flex;flex-direction:column;gap:.5rem}.lobby-game-item{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;transition:all .2s ease}.lobby-game-item:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--bg-hover,#f8f9fa);border-color:#3498db;border-color:var(--accent-color,#3498db)}.lobby-game-info{display:flex;flex-direction:column;gap:.25rem}.lobby-game-host{color:#333;color:var(--text-primary,#333);font-weight:700}.lobby-game-time{font-size:.8rem}.lobby-game-settings,.lobby-game-time{color:#666;color:var(--text-secondary,#666)}.lobby-game-settings{background-color:#f0f0f0;background-color:var(--bg-secondary,#f0f0f0);border-radius:4px;font-size:.85rem;padding:.25rem .5rem}@media (hover:none) and (pointer:coarse){.difficulty-button:active:not(:disabled),.mode-button:active:not(:disabled){transform:scale(.95);transition:all var(--animation-fast) ease}.create-game-button:active:not(:disabled),.join-button:active:not(:disabled){transform:scale(.98)}}@media (max-width:768px){.game-mode-selector{padding:var(--spacing-sm)}.mode-header{margin-bottom:var(--spacing-lg)}.mode-header h2{font-size:var(--font-size-xl)}}@media (max-width:480px){.game-mode-selector{padding:var(--spacing-xs)}.mode-button{padding:var(--spacing-lg) var(--spacing-sm)}.mode-icon{font-size:2.5rem}.mode-title{font-size:var(--font-size-lg)}.mode-description{font-size:var(--font-size-xs)}.difficulty-button{padding:var(--spacing-md) var(--spacing-sm)}.difficulty-title{font-size:var(--font-size-base)}.difficulty-description{font-size:var(--font-size-xs)}}@media (orientation:landscape) and (max-height:600px){.game-mode-selector{padding:var(--spacing-xs)}.mode-buttons{gap:var(--spacing-sm)}.mode-button{flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left}.mode-icon{font-size:2rem;margin-bottom:0}.difficulty-button,.difficulty-buttons{gap:var(--spacing-sm)}.difficulty-button{flex-direction:row;padding:var(--spacing-sm) var(--spacing-md);text-align:left}}@media (min-width:768px) and (max-width:1024px){.mode-buttons{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.difficulty-buttons{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.multiplayer-options{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.game-mode-selector{--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--bg-primary:#2c3e50;--bg-secondary:#34495e;--bg-hover:#34495e;--border-color:#555;--accent-color:#3498db;--accent-color-dark:#2980b9;--single-player-color:#e74c3c;--multiplayer-color:#2ecc71;--multiplayer-color-dark:#27ae60;--easy-color:#2ecc71;--medium-color:#f39c12;--hard-color:#e74c3c;--error-color:#e74c3c}}.customization-panel{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:500px;overflow:hidden}.customization-header{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:1.5rem}.customization-header h2{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:background-color .2s ease;width:2rem}.close-button:hover{background-color:#e0e0e0;background-color:var(--bg-hover,#e0e0e0)}.customization-content{max-height:70vh;overflow-y:auto;padding:1.5rem}.customization-section{margin-bottom:2rem}.customization-section:last-child{margin-bottom:0}.auth-section{gap:1rem}.auth-section,.profile-info{display:flex;flex-direction:column}.profile-info{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;gap:.5rem;padding:1rem}.profile-name{color:#333;color:var(--text-primary,#333);font-weight:600}.profile-email{color:#666;color:var(--text-secondary,#666);font-size:.875rem}.guest-status{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;text-align:center}.guest-info{color:#856404;font-size:.875rem}.auth-buttons{display:flex;flex-direction:column;gap:.75rem}.auth-button{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.auth-button--google{background:#4285f4;color:#fff}.auth-button--google:hover{background:#3367d6}.auth-button--apple{background:#000;color:#fff}.auth-button--apple:hover{background:#333}.auth-button--facebook{background:#1877f2;color:#fff}.auth-button--facebook:hover{background:#166fe5}.auth-button--yahoo{background:#6001d2;color:#fff}.auth-button--yahoo:hover{background:#4a0199}.auth-button--custom{background:#3498db;background:var(--accent-color,#3498db);color:#fff}.auth-button--custom:hover{background:#2980b9;background:var(--accent-color-dark,#2980b9)}.auth-button--logout{align-self:flex-start;background:#e74c3c;color:#fff}.auth-button--logout:hover{background:#c0392b}.customization-section h3{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.theme-option{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease}.theme-option:hover{transform:translateY(-1px)}.theme-option--selected,.theme-option:hover{border-color:#3498db;border-color:var(--accent-color,#3498db)}.theme-option--selected{background-color:#3498db1a;background-color:var(--accent-bg,#3498db1a)}.theme-preview{border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:40px;overflow:hidden;width:40px}.theme-preview__primary{flex:2 1}.theme-preview__accent,.theme-preview__secondary{flex:1 1}.theme-info{display:flex;flex-direction:column;gap:.25rem}.theme-name{color:#333;color:var(--text-primary,#333);font-weight:600}.theme-description{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.setting-item{margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease}.setting-label:hover{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0)}.setting-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.setting-title{color:#333;color:var(--text-primary,#333);font-weight:500}.setting-description{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.toggle-switch{height:24px;position:relative;width:50px}.toggle-input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;background-color:var(--toggle-bg,#ccc);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-input:checked+.toggle-slider{background-color:#3498db;background-color:var(--accent-color,#3498db)}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 2px #3498db4d}.customization-actions{background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:1rem;padding:1.5rem}.action-button{border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.action-button--primary{background-color:#3498db;background-color:var(--accent-color,#3498db);border-color:#3498db;border-color:var(--accent-color,#3498db);color:#fff}.action-button--primary:hover{background-color:#2980b9;background-color:var(--accent-color-dark,#2980b9);border-color:#2980b9;border-color:var(--accent-color-dark,#2980b9)}.action-button--secondary{background-color:initial;border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.action-button--secondary:hover{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0);border-color:#666;border-color:var(--text-secondary,#666)}@media (hover:none) and (pointer:coarse){.theme-option{min-height:var(--touch-target-comfortable)}.theme-option:active{transform:scale(.98);transition:all var(--animation-fast) ease}.setting-label{min-height:var(--touch-target-min)}.setting-label:active{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0)}.action-button:active{transform:scale(.98)}.close-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}@media (max-width:768px){.customization-panel{border-radius:0;height:100vh;height:-webkit-fill-available;margin:0}.theme-grid{grid-template-columns:1fr}.customization-content{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}.customization-actions{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.customization-header{padding:var(--spacing-md)}.customization-header h2{font-size:var(--font-size-xl)}.customization-content{padding:var(--spacing-md)}.customization-section h3{font-size:var(--font-size-lg)}.setting-label{padding:var(--spacing-sm)}.setting-title{font-size:var(--font-size-sm)}.setting-description{font-size:var(--font-size-xs)}.theme-option{gap:var(--spacing-sm);padding:var(--spacing-sm)}.theme-name{font-size:var(--font-size-sm)}.theme-description{font-size:var(--font-size-xs)}.customization-actions{padding:var(--spacing-md)}}@media (orientation:landscape) and (max-height:600px){.customization-panel{display:flex;flex-direction:column;height:100vh}.customization-content,.customization-header{padding:var(--spacing-sm) var(--spacing-md)}.customization-content{flex:1 1;max-height:none;overflow-y:auto}.customization-section{margin-bottom:var(--spacing-md)}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.customization-actions{flex-direction:row;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:768px) and (max-width:1024px){.customization-panel{margin:var(--spacing-lg) auto;max-width:600px}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.customization-panel{max-width:700px}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:dark){.customization-panel{--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--bg-primary:#2c3e50;--bg-secondary:#34495e;--bg-hover:#34495e;--border-color:#555;--accent-color:#3498db;--accent-color-dark:#2980b9;--accent-bg:#3498db33;--toggle-bg:#555}}.statistics-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.statistics-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.statistics-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.view-tabs{display:flex;gap:10px}.view-tabs button{background:#fff;border:2px solid #007bff;border-radius:25px;color:#007bff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.view-tabs button:hover{background:#f8f9fa}.view-tabs button.active{background:#007bff;color:#fff}.error-message{align-items:center;background:#f8d7da;border-radius:8px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;height:24px;padding:0;width:24px}.loading{color:#666;font-size:18px;padding:40px;text-align:center}.personal-statistics{display:flex;flex-direction:column;gap:30px}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;text-align:center}.stat-card h3{font-size:16px;font-weight:500;margin:0 0 10px;opacity:.9}.stat-value{font-size:36px;font-weight:700;margin:0}.stats-breakdown{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:25px}.stats-breakdown h3{color:#333;font-size:20px;margin:0 0 20px}.category-stats{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.category-stats h4{color:#495057;font-size:16px;margin:0 0 10px}.category-details{display:flex;flex-wrap:wrap;gap:20px}.category-details span{border-radius:20px;font-size:14px;font-weight:500;padding:5px 12px}.wins{background:#d4edda;color:#155724}.losses{background:#f8d7da;color:#721c24}.draws{background:#fff3cd;color:#856404}.win-rate{background:#d1ecf1;color:#0c5460}.recent-games{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:25px}.recent-games h3{color:#333;font-size:20px;margin:0 0 20px}.games-list{display:flex;flex-direction:column;gap:10px}.game-result{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:12px 15px}.game-mode{color:#495057;font-weight:500}.difficulty{color:#6c757d;font-size:12px}.result.win{color:#28a745;font-weight:600}.result.loss{color:#dc3545;font-weight:600}.result.draw{color:#ffc107;font-weight:600}.date{color:#6c757d;font-size:12px}.no-games{color:#6c757d;font-style:italic;padding:20px;text-align:center}.stats-actions{display:flex;gap:15px;justify-content:center}.export-btn,.reset-btn{border:none;border-radius:25px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.export-btn{background:#28a745;color:#fff}.export-btn:hover{background:#218838}.reset-btn{background:#dc3545;color:#fff}.reset-btn:hover{background:#c82333}.leaderboard{display:flex;flex-direction:column;gap:20px}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:15px}.leaderboard-filters select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 15px}.leaderboard-filters select:focus{border-color:#007bff;outline:none}.leaderboard-list{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.leaderboard-entry{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;padding:15px 20px;transition:background-color .2s ease}.leaderboard-entry:hover{background:#f8f9fa}.leaderboard-entry:last-child{border-bottom:none}.rank{color:#495057;font-size:18px;font-weight:700;min-width:40px}.player-info{align-items:center;display:flex;flex:1 1;gap:12px;margin-left:20px}.avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.name{color:#333;font-weight:500}.stats{display:flex;font-size:14px;gap:15px}.stats span{border-radius:12px;font-weight:500;padding:4px 8px}.stats .wins{background:#d4edda;color:#155724}.stats .total-games{background:#e2e3e5;color:#495057}.stats .win-rate{background:#d1ecf1;color:#0c5460}.achievements{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:25px}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement{align-items:center;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.achievement.unlocked{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.achievement.locked{background:#f8f9fa;border:2px solid #e0e0e0;opacity:.7}.achievement-icon{font-size:32px;min-width:40px;text-align:center}.achievement-info h4{color:#333;font-size:16px;margin:0 0 5px}.achievement-info p{color:#666;font-size:14px;margin:0 0 10px}.unlock-date{color:#28a745;font-size:12px;font-weight:500}.progress{margin-top:10px}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#007bff;height:100%;transition:width .3s ease}.progress-text{color:#666;display:block;font-size:12px;margin-top:5px}@media (hover:none) and (pointer:coarse){.view-tabs button{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg)}.view-tabs button:active{transform:scale(.95)}.export-btn:active,.reset-btn:active{transform:scale(.98)}.error-message button,.leaderboard-filters select{min-height:var(--touch-target-min)}.error-message button{min-width:var(--touch-target-min)}}@media (max-width:768px){.statistics-display{padding:var(--spacing-md)}.statistics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.statistics-header h2{font-size:var(--font-size-2xl)}.view-tabs{flex-wrap:wrap;justify-content:center}.view-tabs button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.stats-overview{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg)}.stat-card h3{font-size:var(--font-size-sm)}.stat-value{font-size:var(--font-size-3xl)}.category-details{flex-direction:column;gap:var(--spacing-sm)}.game-result{gap:var(--spacing-xs);padding:var(--spacing-sm)}.game-result,.leaderboard-entry{flex-direction:column;text-align:center}.leaderboard-entry{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.player-info{justify-content:center;margin-left:0}.achievements-grid{grid-template-columns:1fr}.achievement{flex-direction:column;padding:var(--spacing-md);text-align:center}.leaderboard-filters,.stats-actions{flex-direction:column;gap:var(--spacing-sm)}.leaderboard-filters select{width:100%}}@media (max-width:480px){.statistics-display{padding:var(--spacing-sm)}.statistics-header h2{font-size:var(--font-size-xl)}.view-tabs button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}.achievements,.recent-games,.stats-breakdown{padding:var(--spacing-md)}.recent-games h3,.stats-breakdown h3{font-size:var(--font-size-lg)}.achievement-info h4,.category-stats h4{font-size:var(--font-size-sm)}.achievement-info p{font-size:var(--font-size-xs)}}@media (orientation:landscape) and (max-height:600px){.statistics-display{padding:var(--spacing-sm)}.statistics-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.statistics-header h2{font-size:var(--font-size-xl)}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:var(--font-size-xl)}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:768px) and (max-width:1024px){.achievements-grid,.stats-overview{grid-template-columns:repeat(2,1fr)}.leaderboard-entry{flex-direction:row;text-align:left}.player-info{justify-content:flex-start;margin-left:var(--spacing-lg)}}@media (min-width:1024px){.statistics-display{padding:var(--spacing-xl)}.stats-overview{grid-template-columns:repeat(4,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}}.auth-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;height:40px;padding:8px 16px;transition:all .15s ease}.auth-button:hover{background:#0000000d}.auth-button:active{background:#0000001a}.auth-button:focus{outline:2px solid #4caf50;outline:2px solid var(--primary-green,#4caf50);outline-offset:2px}.auth-button-guest{color:#212121;color:var(--text-primary,#212121)}.auth-button-icon{font-size:18px;line-height:1}.auth-button-text{font-weight:500}.auth-button-authenticated{padding:4px 12px 4px 4px}.auth-button-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;-webkit-user-select:none;user-select:none;width:32px}.auth-button-name{font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-button-dropdown-icon{font-size:10px;opacity:.6;transition:transform .15s ease}.auth-button:hover .auth-button-dropdown-icon{opacity:1}@media (max-width:767px){.auth-button{border-radius:18px;height:36px;padding:8px}.auth-button-guest{padding:8px}.auth-button-text{display:none}.auth-button-authenticated{padding:4px}.auth-button-avatar{font-size:12px;height:28px;width:28px}.auth-button-dropdown-icon,.auth-button-name{display:none}}@media (min-width:768px) and (max-width:1023px){.auth-button-name{max-width:120px}}@media (prefers-color-scheme:dark){.auth-button{color:#fff;color:var(--text-primary-dark,#fff)}.auth-button:hover{background:#ffffff1a}.auth-button:active{background:#ffffff26}}@media (prefers-contrast:high){.auth-button{border:2px solid}.auth-button:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.auth-button,.auth-button-dropdown-icon{transition:none}}.top-nav{align-items:center;background:#fff;background:var(--card-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000f;display:flex;flex-shrink:0;height:48px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:90}[data-theme=dark] .top-nav{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-bottom-color:#333;box-shadow:0 1px 3px #0000004d}.top-nav__left{align-items:center;display:flex;gap:8px;min-width:0;overflow:hidden}.top-nav__home-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:.85rem;min-height:36px;padding:6px 8px;transition:background-color .15s,color .15s;white-space:nowrap}.top-nav__home-btn:hover{background:#0000000d;color:#333;color:var(--text-primary,#333)}[data-theme=dark] .top-nav__home-btn{color:#aaa}[data-theme=dark] .top-nav__home-btn:hover{background:#ffffff14;color:#e0e0e0}.top-nav__logo{background:none;border:none;border-radius:4px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:1rem;font-weight:700;padding:4px 6px;transition:background-color .15s;white-space:nowrap}.top-nav__logo:hover{background:#0000000a}[data-theme=dark] .top-nav__logo{color:#e0e0e0}[data-theme=dark] .top-nav__logo:hover{background:#ffffff0f}.top-nav__game-name{color:#888;color:var(--text-secondary,#888);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .top-nav__game-name{color:#999}.top-nav__right{align-items:center;display:flex;flex-shrink:0;gap:8px}.top-nav__right .fullscreen-toggle{height:32px;min-height:36px;min-width:36px;width:32px}.top-nav__menu-container{position:relative}.top-nav__menu-btn{align-items:center;background:#ffffffe6;background:var(--card-bg,#ffffffe6);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:background-color .15s,border-color .15s;width:36px}.top-nav__menu-btn--open,.top-nav__menu-btn:hover{background:#0000000f;border-color:#999}[data-theme=dark] .top-nav__menu-btn{background:#ffffff14;border-color:#555;color:#e0e0e0}[data-theme=dark] .top-nav__menu-btn--open,[data-theme=dark] .top-nav__menu-btn:hover{background:#ffffff26;border-color:#888}.top-nav__dropdown{animation:topnav-dropdown-in .12s ease-out;background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:200px;padding:4px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes topnav-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .top-nav__dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 4px 16px #0006}.top-nav__dropdown-item{align-items:center;background:none;border:none;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:.88rem;gap:10px;min-height:44px;padding:10px 16px;text-align:left;transition:background-color .1s;width:100%}.top-nav__dropdown-item:hover{background:#0000000d}[data-theme=dark] .top-nav__dropdown-item{color:#e0e0e0}[data-theme=dark] .top-nav__dropdown-item:hover{background:#ffffff14}.top-nav__dropdown-item--danger{color:#dc3545}[data-theme=dark] .top-nav__dropdown-item--danger{color:#ff6b6b}.top-nav__dropdown-item--danger:hover{background:#dc354514}.top-nav__dropdown-item--disabled{cursor:not-allowed;opacity:.4}.top-nav__dropdown-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.top-nav__dropdown-divider{background:#e0e0e0;background:var(--border-color,#e0e0e0);height:1px;margin:4px 0}[data-theme=dark] .top-nav__dropdown-divider{background:#444}@media (max-width:480px){.top-nav{height:44px;padding:0 8px}.top-nav__home-btn{font-size:.8rem;padding:4px 6px}.top-nav__logo{font-size:.9rem}.top-nav__game-name{display:none}}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center}.loading-indicator--overlay{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:var(--overlay-blur,none);backdrop-filter:var(--overlay-blur,none);background:#ffffffb3;background:rgba(255,255,255,var(--overlay-opacity,.7));bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-indicator--small{--indicator-size:20px;--font-size:var(--font-size-sm)}.loading-indicator--medium{--indicator-size:32px;--font-size:var(--font-size-md)}.loading-indicator--large{--indicator-size:48px;--font-size:var(--font-size-lg)}.loading-indicator--primary{--indicator-color:var(--color-primary,#007bff)}.loading-indicator--secondary{--indicator-color:var(--color-secondary,#6c757d)}.loading-indicator--accent{--indicator-color:var(--color-accent,#28a745)}.loading-indicator__message{color:var(--text-secondary);font-size:var(--font-size);margin-top:var(--spacing-xs);text-align:center}.loading-spinner{height:var(--indicator-size);position:relative;width:var(--indicator-size)}.loading-spinner__circle{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--indicator-color);height:100%;width:100%}.loading-dots{align-items:center;display:flex;gap:4px}.loading-dots__dot{animation:dotPulse 1.4s ease-in-out infinite both;background-color:var(--indicator-color);border-radius:50%;height:calc(var(--indicator-size)/4);width:calc(var(--indicator-size)/4)}.loading-dots__dot:first-child{animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-pulse{height:var(--indicator-size);position:relative;width:var(--indicator-size)}.loading-pulse__circle{animation:pulse 2s ease-in-out infinite;background-color:var(--indicator-color);border-radius:50%;height:100%;width:100%}.loading-skeleton{max-width:100%;width:200px}.loading-skeleton__line{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:8px}.loading-skeleton__line--title{height:16px;width:60%}.loading-skeleton__line--text{height:12px}.loading-skeleton__line--text:last-child{margin-bottom:0;width:80%}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-progress{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:100%;width:200px}.loading-progress__track{background-color:#0000001a;border-radius:4px;height:8px;overflow:hidden;width:100%}.loading-progress__fill{animation:progressShimmer 2s ease-in-out infinite;background-color:var(--indicator-color);border-radius:4px;height:100%;transition:width .3s ease}.loading-progress__text{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}@keyframes progressShimmer{0%,to{opacity:1}50%{opacity:.7}}.loading-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:var(--overlay-blur,none);backdrop-filter:var(--overlay-blur,none);background:#ffffffb3;background:rgba(255,255,255,var(--overlay-opacity,.7));bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-button,.loading-overlay{align-items:center;justify-content:center}.loading-button{display:inline-flex;gap:var(--spacing-xs);position:relative;transition:all var(--animation-fast) ease}.loading-button--loading{cursor:not-allowed;opacity:.7}.loading-button__indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-button__text--hidden{opacity:0}@media (max-width:768px){.loading-indicator--small{--indicator-size:16px}.loading-indicator--medium{--indicator-size:24px}.loading-indicator--large{--indicator-size:36px}.loading-progress,.loading-skeleton{width:150px}}@media (prefers-reduced-motion:reduce){.loading-dots__dot,.loading-pulse__circle,.loading-spinner__circle{animation-duration:2s}.loading-skeleton__line{animation:none;background:#e0e0e0}.loading-progress__fill{animation:none}}@media (prefers-contrast:high){.loading-spinner__circle{border-color:#ccc}.loading-dots__dot,.loading-progress__fill,.loading-pulse__circle{background-color:#000}.loading-progress__track{background-color:#ccc;border:1px solid #000}}@media (prefers-color-scheme:dark){.loading-overlay{background:#000000b3;background:rgba(0,0,0,var(--overlay-opacity,.7))}.loading-spinner__circle{border-color:#fff3}.loading-skeleton__line{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%)}.loading-progress__track{background-color:#ffffff1a}.loading-indicator__message,.loading-progress__text{color:#e2e8f0}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.promotion-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.promotion-dialog{animation:slideUp .3s ease-out;background:#fff;background:var(--color-background,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:90%}.promotion-dialog__title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.promotion-dialog__subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:14px;margin:0 0 24px;text-align:center}.promotion-dialog__pieces{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.promotion-dialog__piece-button{align-items:center;background:#f5f5f5;background:var(--color-surface,#f5f5f5);border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px 12px;position:relative;transition:all .2s ease}.promotion-dialog__piece-button:hover{background:#e8e8e8;background:var(--color-surface-hover,#e8e8e8);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.promotion-dialog__piece-button:active{transform:translateY(0)}.promotion-dialog__piece-button--selected{background:#e3f2fd;background:var(--color-primary-light,#e3f2fd);border-color:#4a90e2;border-color:var(--color-primary,#4a90e2)}.promotion-dialog__piece-button:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 3px #4a90e233;outline:none}.promotion-dialog__piece-symbol{font-size:48px;line-height:1;margin-bottom:8px;-webkit-user-select:none;user-select:none}.promotion-dialog__piece-label{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:14px;font-weight:600;text-align:center}.promotion-dialog__hint{background:#f5f5f5;background:var(--color-surface,#f5f5f5);border-radius:8px;color:#999;color:var(--color-text-secondary,#999);font-size:12px;padding:12px;text-align:center}@media (prefers-color-scheme:dark){.promotion-dialog{background:#2a2a2a;background:var(--color-background-dark,#2a2a2a)}.promotion-dialog__title{color:#fff;color:var(--color-text-primary-dark,#fff)}.promotion-dialog__subtitle{color:#b0b0b0;color:var(--color-text-secondary-dark,#b0b0b0)}.promotion-dialog__piece-button{background:#3a3a3a;background:var(--color-surface-dark,#3a3a3a)}.promotion-dialog__piece-button:hover{background:#4a4a4a;background:var(--color-surface-hover-dark,#4a4a4a)}.promotion-dialog__piece-button--selected{background:#1976d2;background:var(--color-primary-dark,#1976d2)}.promotion-dialog__piece-label{color:#fff;color:var(--color-text-primary-dark,#fff)}.promotion-dialog__hint{background:#3a3a3a;background:var(--color-surface-dark,#3a3a3a);color:#b0b0b0;color:var(--color-text-secondary-dark,#b0b0b0)}}@media (max-width:600px){.promotion-dialog{padding:24px;width:95%}.promotion-dialog__title{font-size:20px}.promotion-dialog__subtitle{font-size:13px;margin-bottom:20px}.promotion-dialog__pieces{gap:10px;grid-template-columns:repeat(2,1fr)}.promotion-dialog__piece-button{min-height:100px;padding:16px 10px}.promotion-dialog__piece-symbol{font-size:40px}.promotion-dialog__piece-label{font-size:13px}.promotion-dialog__hint{font-size:11px;padding:10px}}@media (max-width:600px) and (hover:none){.promotion-dialog__piece-button{min-height:110px;min-width:44px}}@media (max-width:900px) and (orientation:landscape){.promotion-dialog{max-width:600px;padding:20px}.promotion-dialog__pieces{grid-template-columns:repeat(4,1fr)}.promotion-dialog__piece-button{min-height:90px;padding:12px 8px}.promotion-dialog__piece-symbol{font-size:36px}}@media (prefers-contrast:high){.promotion-dialog__piece-button{border-color:currentColor;border-width:2px}.promotion-dialog__piece-button--selected{border-width:4px}}@media (prefers-reduced-motion:reduce){.promotion-dialog,.promotion-dialog-overlay,.promotion-dialog__piece-button{animation:none;transition:none}.promotion-dialog__piece-button:hover{transform:none}}.chess-board-container{margin:0 auto;max-width:min(90vw,90vh,600px)}.chess-board,.chess-board-container{display:inline-block;position:relative;width:100%}.chess-board{aspect-ratio:1;border-radius:4px;box-shadow:0 4px 12px #00000026;overflow:hidden}.chess-board__grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:100%;width:100%}.chess-square{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.chess-square--light{background-color:#f0d9b5}.chess-square--dark{background-color:#b58863}.chess-square:hover{filter:brightness(.95)}.chess-square--selected{background-color:#baca44!important;box-shadow:inset 0 0 0 2px #829769}.chess-square--legal:after{animation:legal-move-appear .2s ease-out;background-color:#0003;border-radius:50%;content:"";height:25%;pointer-events:none;position:absolute;width:25%}@keyframes legal-move-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chess-square--capture:after{animation:capture-move-appear .2s ease-out;border:3px solid #0003;border-radius:50%;content:"";height:90%;pointer-events:none;position:absolute;width:90%}@keyframes capture-move-appear{0%{border-width:0;opacity:0;transform:scale(.8)}to{border-width:3px;opacity:1;transform:scale(1)}}.chess-square--last-move{background-color:#9bc70040!important;box-shadow:inset 0 0 0 1px #9bc70026}.chess-square--check{animation:check-pulse 1s ease-in-out infinite;background-color:#ff000080!important}@keyframes check-pulse{0%,to{background-color:#ff000080}50%{background-color:#ff0000b3}}.chess-square--checkmate{animation:checkmate-pulse .8s ease-in-out infinite;background-color:#c80000b3!important;box-shadow:inset 0 0 20px #f009}@keyframes checkmate-pulse{0%,to{background-color:#c80000b3;box-shadow:inset 0 0 20px #f009}50%{background-color:#ff0000e6;box-shadow:inset 0 0 30px #f00c}}.chess-square--capturing{animation:capture-flash .3s ease-out}@keyframes capture-flash{0%{background-color:inherit;box-shadow:none}30%{background-color:#ff7800b3;box-shadow:inset 0 0 20px #ff6400cc;transform:scale(1.03)}60%{background-color:#ff640080;box-shadow:inset 0 0 15px #ff640099;transform:scale(1.02)}to{background-color:inherit;box-shadow:none;transform:scale(1)}}.chess-piece{cursor:grab;font-size:clamp(2rem,8vw,4rem);line-height:1;position:relative;transition:transform .15s ease,opacity .1s ease,filter .15s ease;-webkit-user-select:none;user-select:none;z-index:10}.chess-piece:hover{filter:brightness(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:scale(1.05)}.chess-piece:active{cursor:grabbing;filter:brightness(1.15) drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1)}.chess-piece--moving{animation:piece-move .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100}@keyframes piece-move{0%{opacity:1;transform:scale(1) translateY(0)}30%{opacity:.95;transform:scale(1.15) translateY(-8px)}70%{opacity:.95;transform:scale(1.1) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.chess-piece--captured{animation:piece-capture .3s ease-out forwards;pointer-events:none;z-index:5}@keyframes piece-capture{0%{opacity:1;transform:scale(1) rotate(0deg)}30%{opacity:.7;transform:scale(.9) rotate(10deg)}60%{opacity:.3;transform:scale(.5) rotate(25deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}.chess-piece--white{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #00000080}.chess-piece--black{color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 2px 4px #0000004d}.chess-coordinate{font-size:clamp(.6rem,1.5vw,.9rem);font-weight:600;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:5}.chess-coordinate--rank{left:2px;top:2px}.chess-coordinate--file{bottom:2px;right:2px}.chess-square--light .chess-coordinate{color:#b58863}.chess-square--dark .chess-coordinate{color:#f0d9b5}.chess-square[draggable=true]{cursor:grab}.chess-square:active[draggable=true]{cursor:grabbing}.chess-square:active{filter:brightness(.9)}.chess-board *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chess-square{-webkit-tap-highlight-color:transparent;touch-action:none}.chess-piece:active{opacity:.8;transform:scale(1.15)}@media (max-width:768px){.chess-board{max-width:min(95vw,95vh)}.chess-piece{font-size:clamp(1.5rem,10vw,3rem)}.chess-coordinate{font-size:clamp(.5rem,2vw,.75rem)}.chess-square{min-height:48px;min-width:48px}.chess-square:active{filter:brightness(.85);transition:filter .05s ease}.chess-square--legal:after{height:30%;width:30%}.chess-square--capture:after{border-width:4px;height:85%;width:85%}.chess-piece:active{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.2);z-index:100}@media (hover:none){.chess-square:hover{filter:none}.chess-piece:hover{transform:none}}}@media (max-width:480px){.chess-board{border-radius:0;max-width:100vw}.chess-piece{font-size:clamp(1.2rem,12vw,2.5rem)}.chess-coordinate{font-size:.5rem}}@media (max-width:768px) and (orientation:landscape){.chess-board{max-width:min(60vh,90vw)}}@media (min-width:1200px){.chess-board{max-width:700px}.chess-piece{font-size:4.5rem}.chess-coordinate{font-size:1rem}}@media (prefers-color-scheme:dark){.chess-square--light{background-color:#eeeed2}.chess-square--dark{background-color:#769656}.chess-board{box-shadow:0 4px 12px #0006}}.dark-mode .chess-square--light{background-color:#eeeed2}.dark-mode .chess-square--dark{background-color:#769656}.dark-mode .chess-board{box-shadow:0 4px 12px #0006}.chess-square:focus{outline:3px solid #4a90e2;outline-offset:-3px;z-index:20}.chess-square:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.chess-square--light{background-color:#fff}.chess-square--dark{background-color:#000}.chess-piece--white{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.chess-piece--black{color:#000;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff}}@media (prefers-reduced-motion:reduce){.chess-piece,.chess-square{animation:none!important;transition:none}.chess-square--check{animation:none;background-color:#f009!important}.chess-square--checkmate{animation:none;background-color:#c80000cc!important}.chess-piece--captured,.chess-piece--moving,.chess-square--capture:after,.chess-square--capturing,.chess-square--legal:after{animation:none}.chess-board__ai-thinking{animation:fade-in .1s ease-out!important}.chess-board__game-over,.chess-board__game-over-content,.chess-board__game-over-icon,.chess-board__game-over-icon--checkmate,.chess-board__game-over-icon--draw,.chess-board__game-over-icon--stalemate{animation:none!important}.chess-board__game-over{-webkit-backdrop-filter:none;backdrop-filter:none}.chess-board__game-over-icon--checkmate{filter:none!important}}@media print{.chess-board{border:2px solid #000;box-shadow:none}.chess-square--capture:after,.chess-square--legal:after,.chess-square--selected{display:none}}.chess-board__ai-thinking{animation:fade-in .2s ease-out,thinking-pulse 2s ease-in-out .2s infinite;background-color:#fffffff2;border-radius:12px;box-shadow:0 8px 24px #0003;left:50%;padding:1.5rem 2rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes thinking-pulse{0%,to{box-shadow:0 8px 24px #0003}50%{box-shadow:0 8px 32px #4a90e24d}}@media (prefers-color-scheme:dark){.chess-board__ai-thinking{background-color:#1e1e1ef2;color:#e2e8f0}}.dark-mode .chess-board__ai-thinking{background-color:#1e1e1ef2;color:#e2e8f0}.chess-board__game-over{align-items:center;animation:overlay-fade-in .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}@keyframes overlay-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.chess-board__game-over-content{animation:content-slide-up .5s ease-out .2s both;color:#fff;text-align:center}@keyframes content-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chess-board__game-over-icon{animation:icon-bounce .6s ease-out .4s both;font-size:clamp(3rem,12vw,6rem);margin-bottom:1rem}.chess-board__game-over-icon--checkmate{animation:icon-checkmate .8s ease-out .4s both}.chess-board__game-over-icon--stalemate{animation:icon-stalemate .7s ease-out .4s both}.chess-board__game-over-icon--draw{animation:icon-draw .6s ease-out .4s both}@keyframes icon-bounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}@keyframes icon-checkmate{0%{filter:drop-shadow(0 0 0 rgba(255,0,0,0));transform:scale(0) rotate(-180deg)}40%{filter:drop-shadow(0 0 20px rgba(255,0,0,.8));transform:scale(1.3) rotate(15deg)}60%{filter:drop-shadow(0 0 15px rgba(255,0,0,.6));transform:scale(.9) rotate(-5deg)}to{filter:drop-shadow(0 0 10px rgba(255,0,0,.4));transform:scale(1) rotate(0deg)}}@keyframes icon-stalemate{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(5deg)}75%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes icon-draw{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}80%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chess-board__game-over-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px #00000080}.chess-board__game-over-message{font-size:clamp(1rem,3vw,1.5rem);opacity:.9;text-shadow:0 1px 4px #00000080}@media (max-width:768px){.chess-board__ai-thinking{border-radius:8px;padding:1rem 1.5rem}.chess-board__game-over-icon{font-size:clamp(2.5rem,15vw,5rem)}.chess-board__game-over-title{font-size:clamp(1.25rem,6vw,2rem)}.chess-board__game-over-message{font-size:clamp(.875rem,4vw,1.25rem)}}.move-history{background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.move-history-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);display:flex;justify-content:space-between;padding:12px 16px}.move-history-header h3{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.move-history-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s}.btn-icon:hover{background-color:#e9ecef;background-color:var(--hover-bg,#e9ecef)}.btn-icon:active{background-color:#dee2e6;background-color:var(--active-bg,#dee2e6)}.move-history-content{flex:1 1;max-height:500px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:8px}.move-history-content::-webkit-scrollbar{width:8px}.move-history-content::-webkit-scrollbar-track{background:#f1f3f5;background:var(--scrollbar-track,#f1f3f5);border-radius:4px}.move-history-content::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--scrollbar-thumb,#adb5bd);border-radius:4px}.move-history-content::-webkit-scrollbar-thumb:hover{background:#868e96;background:var(--scrollbar-thumb-hover,#868e96)}.move-history-headers{grid-gap:8px;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color,#dee2e6);color:#6c757d;color:var(--text-secondary,#6c757d);display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:40px 1fr 1fr;padding:8px;position:sticky;top:0;z-index:1}.header-number{text-align:right}.header-black,.header-white{text-align:center}.move-history-empty{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-style:italic;height:100%;justify-content:center}.move-history-list{display:flex;flex-direction:column;gap:4px}.move-pair{grid-gap:8px;align-items:center;border-radius:4px;display:grid;gap:8px;grid-template-columns:40px 1fr 1fr;padding:4px 8px;transition:background-color .2s}.move-pair:hover{background-color:#f1f3f5;background-color:var(--hover-bg-light,#f1f3f5)}.move-number{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;text-align:right}.move-button{background:none;border:none;border-radius:4px;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-family:Courier New,monospace;font-size:12px;font-weight:500;overflow:hidden;padding:6px 12px;text-align:left;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.move-button:hover{background-color:#e7f5ff;background-color:var(--move-hover,#e7f5ff);color:#1971c2;color:var(--primary-color,#1971c2)}.move-button:active{background-color:#d0ebff;background-color:var(--move-active,#d0ebff)}.move-button.active{background-color:#1971c2;background-color:var(--primary-color,#1971c2);color:#fff;font-weight:600}.move-button.active:hover{background-color:#1864ab;background-color:var(--primary-dark,#1864ab)}.move-history-footer{background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);padding:8px 16px;text-align:center}.move-count{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:11px}@media (prefers-color-scheme:dark){.move-history{background-color:#2c2c2c;background-color:var(--bg-secondary-dark,#2c2c2c)}.move-history-footer,.move-history-header{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.move-history-header h3{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.btn-icon:hover{background-color:#404040;background-color:var(--hover-bg-dark,#404040)}.btn-icon:active{background-color:#4a4a4a;background-color:var(--active-bg-dark,#4a4a4a)}.move-history-content::-webkit-scrollbar-track{background:#2c2c2c;background:var(--scrollbar-track-dark,#2c2c2c)}.move-history-content::-webkit-scrollbar-thumb{background:#5a5a5a;background:var(--scrollbar-thumb-dark,#5a5a5a)}.move-history-content::-webkit-scrollbar-thumb:hover{background:#6a6a6a;background:var(--scrollbar-thumb-hover-dark,#6a6a6a)}.move-history-headers{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.move-history-empty,.move-history-headers{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.move-pair:hover{background-color:#333;background-color:var(--hover-bg-light-dark,#333)}.move-number{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.move-button{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.move-button:hover{background-color:#1a4d7a;background-color:var(--move-hover-dark,#1a4d7a);color:#74c0fc;color:var(--primary-light,#74c0fc)}.move-button:active{background-color:#1e5a8f;background-color:var(--move-active-dark,#1e5a8f)}.move-count{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}}@media (max-width:768px){.move-history-header h3{font-size:12px}.btn-icon{font-size:16px;padding:4px 6px}.move-history-content{max-height:300px}.move-pair{gap:6px;grid-template-columns:35px 1fr 1fr;padding:4px 6px}.move-button,.move-number{font-size:11px}.move-button{padding:5px 10px}.move-count{font-size:10px}}@media (max-width:480px){.move-history-header{padding:10px 12px}.move-history-content{max-height:250px;padding:6px}.move-pair{gap:4px;grid-template-columns:30px 1fr 1fr;padding:3px 4px}.move-button,.move-number{font-size:10px}.move-button{padding:4px 8px}}@media (prefers-contrast:high){.move-history{border:2px solid}.move-button{border:1px solid #0000}.move-button:focus{outline:2px solid currentColor;outline-offset:2px}.move-button.active{border-color:currentColor}}@media print{.move-history-actions{display:none}.move-history-content{max-height:none;overflow:visible}.move-button{cursor:default}.move-button:hover{background:none}}.captured-pieces{background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:1rem}.captured-pieces__player{display:flex;flex-direction:column;gap:.5rem}.captured-pieces__label{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.captured-pieces__advantage{align-items:center;background:#4caf50;background:var(--success-color,#4caf50);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:2rem;padding:.125rem .5rem}.captured-pieces__pieces{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;min-height:2rem}.captured-pieces__piece{cursor:default;font-size:1.5rem;line-height:1;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.captured-pieces__piece:hover{transform:scale(1.1)}.captured-pieces__piece--white{color:#f0f0f0;color:var(--piece-white-color,#f0f0f0);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.captured-pieces__piece--black{color:#2c2c2c;color:var(--piece-black-color,#2c2c2c);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.captured-pieces__empty{color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-style:italic}@media (prefers-color-scheme:dark){.captured-pieces{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c);box-shadow:0 2px 8px #0000004d}.captured-pieces__label{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.captured-pieces__empty{color:#999;color:var(--text-secondary-dark,#999)}.captured-pieces__piece--white{color:#fff;color:var(--piece-white-color-dark,#fff);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.captured-pieces__piece--black{color:#1a1a1a;color:var(--piece-black-color-dark,#1a1a1a);text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}}@media (max-width:768px){.captured-pieces{margin-bottom:1rem;margin-top:1rem;min-width:0;min-width:auto;padding:.75rem;width:100%}.captured-pieces__piece{font-size:1.25rem}.captured-pieces__label{font-size:.8125rem}}@media (max-width:480px){.captured-pieces{gap:.75rem;padding:.5rem}.captured-pieces__piece{font-size:1.125rem}.captured-pieces__advantage{font-size:.6875rem;padding:.0625rem .375rem}}@keyframes capturedPieceAppear{0%{opacity:0;transform:scale(.5) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.captured-pieces__piece{animation:capturedPieceAppear .3s ease-out}@media (prefers-contrast:high){.captured-pieces{border:2px solid #000;border:2px solid var(--border-color,#000)}.captured-pieces__advantage{border:1px solid #000;border:1px solid var(--border-color,#000)}.captured-pieces__piece--white{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.captured-pieces__piece--black{color:#000;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff}}@media print{.captured-pieces{border:1px solid #000;box-shadow:none}.captured-pieces__piece{animation:none}}.chess-mode-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:20px}.mode-header{margin-bottom:30px}.mode-header h2{color:#2c3e50;font-size:2rem;margin:0 0 10px}.mode-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:8px 16px;transition:color .2s}.back-button:hover{color:#2980b9}.mode-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.mode-card{background:#fff;border:2px solid #ecf0f1;box-shadow:0 2px 8px #0000001a;padding:30px 20px;text-align:center;transition:all .3s ease}.mode-card:hover:not(:disabled){border-color:#3498db;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.mode-card:disabled{cursor:not-allowed}.mode-card--single{border-color:#9b59b6}.mode-card--single:hover:not(:disabled){border-color:#8e44ad}.mode-card--realtime{border-color:#e74c3c}.mode-card--realtime:hover:not(:disabled){border-color:#c0392b}.mode-card--turnbased{border-color:#3498db}.mode-card--turnbased:hover:not(:disabled){border-color:#2980b9}.mode-icon{font-size:3rem;margin-bottom:15px}.mode-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.mode-card p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0}.difficulty-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.difficulty-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:25px 20px;text-align:center;transition:all .3s ease}.difficulty-card:hover:not(:disabled){box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.difficulty-card:disabled{cursor:not-allowed;opacity:.5}.difficulty-card--beginner{border-color:#2ecc71}.difficulty-card--beginner:hover:not(:disabled){border-color:#27ae60}.difficulty-card--intermediate{border-color:#f39c12}.difficulty-card--intermediate:hover:not(:disabled){border-color:#e67e22}.difficulty-card--expert{border-color:#e74c3c}.difficulty-card--expert:hover:not(:disabled){border-color:#c0392b}.difficulty-icon{font-size:2.5rem;margin-bottom:10px}.difficulty-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.difficulty-rating{color:#95a5a6;font-size:.85rem;font-weight:600;margin:0 0 15px}.difficulty-features{list-style:none;margin:0;padding:0;text-align:left}.difficulty-features li{color:#7f8c8d;font-size:.9rem;padding:5px 0 5px 20px;position:relative}.difficulty-features li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.multiplayer-type-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.type-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.type-card:hover:not(:disabled){box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.type-card:disabled{cursor:not-allowed;opacity:.5}.type-card--realtime{border-color:#e74c3c}.type-card--realtime:hover:not(:disabled){border-color:#c0392b}.type-card--turnbased{border-color:#3498db}.type-card--turnbased:hover:not(:disabled){border-color:#2980b9}.type-icon{font-size:3rem;margin-bottom:15px}.type-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.type-card>p{color:#7f8c8d;font-size:.95rem;margin:0 0 15px}.type-features{list-style:none;margin:0;padding:0;text-align:left}.type-features li{color:#7f8c8d;font-size:.9rem;padding:5px 0 5px 20px;position:relative}.type-features li:before{color:#3498db;content:"•";font-weight:700;left:0;position:absolute}.time-control-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.time-control-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:25px 15px;text-align:center;transition:all .3s ease}.time-control-card:hover:not(:disabled){box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.time-control-card:disabled{cursor:not-allowed;opacity:.5}.time-control-card--blitz{border-color:#e74c3c}.time-control-card--blitz:hover:not(:disabled){border-color:#c0392b}.time-control-card--rapid{border-color:#f39c12}.time-control-card--rapid:hover:not(:disabled){border-color:#e67e22}.time-control-card--unlimited{border-color:#95a5a6}.time-control-card--unlimited:hover:not(:disabled){border-color:#7f8c8d}.time-control-card h3{color:#2c3e50;font-size:1.2rem;margin:0 0 8px}.time-details{color:#7f8c8d;font-size:.9rem;font-weight:600;margin:0 0 8px}.time-description{color:#95a5a6;font-size:.85rem;margin:0}.game-settings-content{margin:0 auto;max-width:600px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.settings-section h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.privacy-toggle{display:flex;flex-direction:column;gap:15px}.privacy-option{align-items:center;background:#fff;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:20px;text-align:left;transition:all .3s ease}.privacy-option:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33}.privacy-option.active{background:#ebf5fb;border-color:#3498db}.privacy-icon{flex-shrink:0;font-size:2rem}.privacy-info h4{color:#2c3e50;font-size:1.1rem;margin:0 0 5px}.privacy-info p{color:#7f8c8d;font-size:.9rem;margin:0}.settings-summary{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:25px}.settings-summary h3{color:#2c3e50;font-size:1.2rem;margin:0 0 15px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#7f8c8d;font-size:.95rem;font-weight:500}.summary-value{color:#2c3e50;font-size:.95rem;font-weight:600}.start-game-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 30px;transition:all .3s ease;width:100%}.start-game-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.start-game-button:disabled{cursor:not-allowed;opacity:.5}.join-private-section{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:25px;text-align:center}.join-private-section h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.room-code-form{display:flex;gap:10px;margin:0 auto;max-width:400px}.room-code-input{border:2px solid #ecf0f1;flex:1 1;font-size:1rem;font-weight:600;padding:12px 16px;transition:border-color .3s}.room-code-input:focus{border-color:#3498db}.room-code-input.error{border-color:#e74c3c}.join-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.join-button:hover:not(:disabled){background:#2980b9}.join-button:disabled{cursor:not-allowed;opacity:.5}.error-message{color:#e74c3c;font-size:.9rem;margin-top:10px}@media (prefers-color-scheme:dark){.chess-mode-selector,.difficulty-card h3,.mode-card h3,.mode-header h2,.privacy-info h4,.settings-section h3,.settings-summary h3,.summary-value,.time-control-card h3,.type-card h3{color:#ecf0f1}.difficulty-card,.mode-card,.privacy-option,.settings-section,.time-control-card,.type-card{background:#34495e;border-color:#2c3e50}.join-private-section,.privacy-option.active,.settings-summary{background:#2c3e50}.room-code-input{background:#34495e;border-color:#2c3e50;color:#ecf0f1}.summary-item{border-bottom-color:#2c3e50}}@media (max-width:768px){.chess-mode-selector{padding:15px}.mode-header h2{font-size:1.5rem}.difficulty-options,.mode-options,.multiplayer-type-options{grid-template-columns:1fr}.time-control-options{grid-template-columns:repeat(2,1fr)}.room-code-form{flex-direction:column}.join-button{width:100%}}@media (max-width:480px){.mode-icon,.type-icon{font-size:2.5rem}.difficulty-icon{font-size:2rem}.difficulty-card,.mode-card,.type-card{padding:20px 15px}.time-control-options{grid-template-columns:1fr}}.chess-coach{background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.chess-coach.collapsed{height:auto}.chess-coach-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.chess-coach-header:hover{background-color:#f8f9fa;background-color:var(--hover-bg,#f8f9fa)}.chess-coach-header h3{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:600;margin:0}.chess-coach-header .header-actions{align-items:center;display:flex;gap:8px}.chess-coach-header .expand-icon{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;transition:transform .3s ease}.btn-clear{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s}.btn-clear:hover{background-color:#e9ecef;background-color:var(--hover-bg,#e9ecef)}.chess-coach-setup{color:#6c757d;color:var(--text-secondary,#6c757d);padding:24px;text-align:center}.chess-coach-setup p{margin:8px 0}.setup-hint{font-size:12px;font-style:italic}.chess-coach-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:500px;min-height:300px;overflow-y:auto;padding:16px}.chess-coach-messages::-webkit-scrollbar{width:8px}.chess-coach-messages::-webkit-scrollbar-track{background:#f1f3f5;background:var(--scrollbar-track,#f1f3f5);border-radius:4px}.chess-coach-messages::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--scrollbar-thumb,#adb5bd);border-radius:4px}.chess-coach-empty{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.chess-coach-empty p{margin:8px 0}.quick-questions{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-width:300px;width:100%}.quick-questions p{font-weight:600;margin-bottom:8px}.quick-questions button{background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s}.quick-questions button:hover{background:#45a049;background:var(--primary-hover,#45a049)}.message{animation:slideIn .3s ease-out;display:flex;flex-direction:column;max-width:85%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;font-size:13px;padding:10px 14px}.message.user .message-content{background-color:#4caf50;background-color:var(--primary-color,#4caf50);border-bottom-right-radius:4px;color:#fff}.message.assistant .message-content{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-bottom-left-radius:4px;color:#212529;color:var(--text-primary,#212529)}.message-content p{font-size:13px;line-height:1.4;margin:4px 0}.message-content strong{font-size:13px;font-weight:700}.message-meta{font-size:11px;margin-top:8px!important}.message-time{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:10px;margin-top:4px;padding:0 4px}.message.user .message-time{text-align:right}.message.loading .message-content{padding:16px 20px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background-color:#6c757d;background-color:var(--text-secondary,#6c757d);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chess-coach-input{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);display:flex;gap:8px;padding:12px 16px}.chess-coach-input input{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:20px;flex:1 1;font-size:13px;min-width:0;outline:none;padding:10px 12px;transition:border-color .2s}.chess-coach-input input:focus{border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.chess-coach-input input:disabled{background-color:#f5f5f5;background-color:var(--bg-disabled,#f5f5f5);cursor:not-allowed}.chess-coach-input button{background-color:#4caf50;background-color:var(--primary-color,#4caf50);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;min-width:44px;padding:10px 16px;transition:background-color .2s}.chess-coach-input button:hover:not(:disabled){background-color:#45a049;background-color:var(--primary-hover,#45a049)}.chess-coach-input button:disabled{background-color:#ccc;background-color:var(--bg-disabled,#ccc);cursor:not-allowed;opacity:.6}@media (prefers-color-scheme:dark){.chess-coach{background-color:#2c2c2c;background-color:var(--bg-secondary-dark,#2c2c2c)}.chess-coach-header,.chess-coach-input{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.chess-coach-header h3{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.btn-clear:hover{background-color:#404040;background-color:var(--hover-bg-dark,#404040)}.chess-coach-empty,.chess-coach-setup{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.message.assistant .message-content{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040);color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.message-time{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.chess-coach-input input{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040);color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.chess-coach-input input:disabled{background-color:#2a2a2a;background-color:var(--bg-disabled-dark,#2a2a2a)}}@media (max-width:768px){.chess-coach-messages{max-height:400px}.message{max-width:90%}.message-content{font-size:12px}.chess-coach-input input{font-size:16px}}.responsive-modal-overlay{align-items:center;animation:fadeIn var(--animation-normal) ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.responsive-modal{animation:slideUp var(--animation-normal) ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;overflow:hidden;position:relative;width:100%}.responsive-modal--small{max-width:400px}.responsive-modal--medium{max-width:600px}.responsive-modal--large{max-width:800px}.responsive-modal--full{max-height:95vh;max-width:95vw}.responsive-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.responsive-modal__title{color:#333;flex:1 1;font-size:var(--font-size-xl);font-weight:600;margin:0;padding-right:var(--spacing-md)}.responsive-modal__close-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:var(--font-size-2xl);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:all var(--animation-normal) ease}.responsive-modal__close-button:hover{background:#0000000d;color:#333}.responsive-modal__content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:0}@media (max-width:768px){.responsive-modal-overlay{align-items:flex-end;padding:0}.responsive-modal{animation:slideUpMobile var(--animation-normal) ease-out;border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;width:100%}.responsive-modal--full{border-radius:0;max-height:100vh}.responsive-modal__header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);padding-left:calc(var(--spacing-md) + env(safe-area-inset-left));padding-right:calc(var(--spacing-md) + env(safe-area-inset-right))}.responsive-modal__title{font-size:var(--font-size-lg)}.responsive-modal__content{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));padding-left:calc(var(--spacing-md) + env(safe-area-inset-left));padding-right:calc(var(--spacing-md) + env(safe-area-inset-right))}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.responsive-modal__header{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs)}.responsive-modal__title{font-size:var(--font-size-base)}.responsive-modal__content{padding:var(--spacing-sm)}}@media (orientation:landscape) and (max-height:600px){.responsive-modal-overlay{align-items:center;padding:var(--spacing-sm)}.responsive-modal{animation:slideUp var(--animation-normal) ease-out;border-radius:12px;max-height:95vh}.responsive-modal__header{padding:var(--spacing-sm) var(--spacing-md)}.responsive-modal__title{font-size:var(--font-size-base)}.responsive-modal__content{padding:var(--spacing-sm) var(--spacing-md)}}@media (hover:none) and (pointer:coarse){.responsive-modal__close-button{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.responsive-modal__close-button:active{background:#0000001a;transform:scale(.95)}}@media (prefers-contrast:high){.responsive-modal{border:3px solid #333}.responsive-modal__header{border-bottom-width:2px}.responsive-modal__close-button{border:2px solid #0000}.responsive-modal__close-button:hover{border-color:#333}}@media (prefers-reduced-motion:reduce){.responsive-modal,.responsive-modal-overlay{animation:none}}@media (prefers-color-scheme:dark){.responsive-modal{background:#2c3e50;color:#ecf0f1}.responsive-modal__header{border-bottom-color:#34495e}.responsive-modal__title{color:#ecf0f1}.responsive-modal__close-button{color:#bdc3c7}.responsive-modal__close-button:hover{background:#ffffff1a;color:#ecf0f1}}.share-modal{--whatsapp-green:#25d366;--whatsapp-dark-green:#128c7e;--whatsapp-light-green:#dcf8c6;--whatsapp-bg:#e5ddd5;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#e0e0e0;--error-color:#f44336;--success-color:#4caf50}.share-modal__content{display:flex;flex-direction:column;height:100%;min-height:0;padding:0}.share-modal__header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px 24px 12px}.share-modal__icon{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-dark-green) 100%);border-radius:50%;box-shadow:0 2px 8px #25d3664d;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.share-modal__title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.share-modal__preview-section{background:#f5f5f5;flex-shrink:0;padding:16px 24px}.share-modal__label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.share-modal__preview{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.share-modal__preview-content{background:#f9f9f9;padding:12px;position:relative}.share-modal__message-textarea{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-height:100px;min-height:80px;overflow-y:auto;padding:12px;resize:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.share-modal__message-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.share-modal__message-textarea--error{background:#fff5f5;border-color:var(--error-color)}.share-modal__message-textarea--error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.share-modal__character-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:4px;bottom:8px;color:var(--text-muted);font-size:12px;padding:4px 8px;position:absolute;right:12px}.share-modal__character-count--error{background:#f443361a;color:var(--error-color)}.share-modal__customization{border-bottom:1px solid var(--border-color);flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}.share-modal__section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.share-modal__field{margin-bottom:20px}.share-modal__input{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.share-modal__input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.share-modal__tone-options{display:flex;flex-wrap:wrap;gap:8px}.share-modal__tone-button{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.share-modal__tone-button:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateY(-1px)}.share-modal__tone-button--active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3664d;color:#fff}.share-modal__checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.share-modal__checkbox{accent-color:var(--whatsapp-green);cursor:pointer;height:18px;width:18px}.share-modal__checkbox-text{-webkit-user-select:none;user-select:none}.share-modal__reset-button{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.share-modal__reset-button:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.share-modal__privacy{background:#fafafa;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 24px}.share-modal__privacy-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:0;transition:color .3s ease}.share-modal__privacy-toggle:hover{color:var(--text-primary)}.share-modal__privacy-content{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.share-modal__privacy-note{color:var(--text-muted);font-size:12px;line-height:1.4;margin:12px 0 0}.share-modal__actions{background:#fff;border-top:1px solid var(--border-color);display:flex!important;flex-direction:column;flex-shrink:0;gap:12px;min-height:auto;padding:16px 24px}.share-modal__share-options{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(4,1fr);width:100%}.share-modal__share-option{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex!important;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-height:70px;padding:12px 8px;transition:all .3s ease}.share-modal__share-option:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.share-modal__share-option:disabled{cursor:not-allowed;opacity:.5}.share-modal__share-option svg{flex-shrink:0}.share-modal__share-option--whatsapp{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.share-modal__share-option--whatsapp:hover:not(:disabled){background:var(--whatsapp-green);box-shadow:0 4px 12px #25d3664d;color:#fff}.share-modal__share-option--messenger{border-color:#0084ff;color:#0084ff}.share-modal__share-option--messenger:hover:not(:disabled){background:#0084ff;box-shadow:0 4px 12px #0084ff4d;color:#fff}.share-modal__share-option--sms{border-color:#34c759;color:#34c759}.share-modal__share-option--sms:hover:not(:disabled){background:#34c759;box-shadow:0 4px 12px #34c7594d;color:#fff}.share-modal__share-option--copy{border-color:#666;color:#666}.share-modal__share-option--copy:hover:not(:disabled){background:#666;box-shadow:0 4px 12px #6666664d;color:#fff}.share-modal__cancel-button{align-self:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.share-modal__cancel-button:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.share-modal__cancel-button:disabled{cursor:not-allowed;opacity:.5}.share-modal__share-button{min-width:140px}@media (max-width:768px){.share-modal__content{max-height:90vh}.share-modal__header{padding:12px 16px 8px}.share-modal__actions,.share-modal__customization,.share-modal__preview-section,.share-modal__privacy{padding:12px 16px}.share-modal__share-options{gap:8px;grid-template-columns:repeat(2,1fr)}.share-modal__cancel-button{width:100%}.share-modal__tone-options{flex-direction:column}.share-modal__tone-button{justify-content:center}.share-modal__message-textarea{max-height:80px;min-height:60px}}@media (max-width:480px){.share-modal__header{padding:16px 12px 8px}.share-modal__icon{font-size:20px;height:36px;width:36px}.share-modal__title{font-size:18px}.share-modal__preview-section{max-height:200px;padding:16px 12px}.share-modal__customization{padding:16px 12px}.share-modal__privacy{padding:12px}.share-modal__actions{padding:16px 12px}.share-modal__message-textarea{font-size:16px;max-height:100px;min-height:60px}}@media (prefers-color-scheme:dark){.share-modal{--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--border-color:#404040}.share-modal__header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.share-modal__preview-section{background:#1a1a1a}.share-modal__preview{background:#2a2a2a;border-color:var(--border-color)}.share-modal__preview-content{background:#1a1a1a}.share-modal__message-textarea{background:#2a2a2a;border-color:var(--border-color);color:var(--text-primary)}.share-modal__message-textarea--error{background:#3a2a2a}.share-modal__customization{background:#1a1a1a}.share-modal__input{background:#2a2a2a;border-color:var(--border-color);color:var(--text-primary)}.share-modal__reset-button,.share-modal__tone-button{background:#2a2a2a;border-color:var(--border-color);color:var(--text-secondary)}.share-modal__actions,.share-modal__privacy{background:#1a1a1a}.share-modal__cancel-button{color:var(--text-secondary)}.share-modal__cancel-button,.share-modal__share-option{background:#2a2a2a;border-color:var(--border-color)}.share-modal__share-option--whatsapp:hover:not(:disabled){background:var(--whatsapp-green);color:#fff}.share-modal__share-option--messenger:hover:not(:disabled){background:#0084ff;color:#fff}.share-modal__share-option--sms:hover:not(:disabled){background:#34c759;color:#fff}.share-modal__share-option--copy:hover:not(:disabled){background:#666;color:#fff}}@media (prefers-contrast:high){.share-modal__input,.share-modal__message-textarea,.share-modal__preview,.share-modal__tone-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.share-modal__cancel-button,.share-modal__input,.share-modal__message-textarea,.share-modal__privacy-toggle,.share-modal__reset-button,.share-modal__tone-button{transition:none}.share-modal__tone-button:hover{transform:none}}.room-code-display-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem;width:100%}.room-code-card{animation:slideIn .3s ease-out;background:#fff;background:var(--surface-color,#fff);border-radius:16px;box-shadow:0 8px 24px #0000001f;max-width:550px;padding:3rem 2.5rem;text-align:center;width:100%}.room-code-title{color:#212529;color:var(--text-primary,#212529);font-size:1.75rem;font-weight:700;margin:0 0 2rem}.room-code-section{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);border:2px solid #4caf50;border:2px solid var(--primary-color,#4caf50);border-radius:12px;margin:2rem 0;padding:1.5rem}.room-code-label{color:#6c757d;color:var(--text-secondary,#6c757d);display:block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.room-code-value{background:#fff;background:var(--surface-color,#fff);border-radius:8px;font-family:Courier New,Courier,monospace;font-size:2.75rem;font-weight:800;letter-spacing:.4rem;padding:.5rem;-webkit-user-select:all;user-select:all}.player-role{background:#e7f3ff;background:var(--info-bg,#e7f3ff);font-size:1rem;margin:1.5rem 0;padding:.75rem 1.5rem}.role-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:500}.role-value{color:#212529;color:var(--text-primary,#212529);font-weight:700}.room-code-actions{margin:2rem 0}.copy-code-button,.share-room-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:.875rem 1.75rem;transition:all .2s ease}.copy-code-button{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.copy-code-button:hover{background:#45a049;background:var(--primary-hover,#45a049);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.share-room-button{background:#25d366;color:#fff}.share-room-button:hover{background:#20ba5a;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.copy-code-button:active,.share-room-button:active{transform:translateY(0)}.button-icon{font-size:1.25rem}.button-text{font-size:1rem}.room-code-instructions{color:#6c757d;color:var(--text-secondary,#6c757d);padding:0 1rem}.waiting-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.spinner{height:48px;width:48px}.waiting-text{font-size:1rem;font-weight:500;margin:0}.cancel-button,.waiting-text{color:#6c757d;color:var(--text-secondary,#6c757d)}.cancel-button{border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;font-weight:600;margin-top:1.5rem;padding:.75rem 2rem;transition:all .2s ease}.cancel-button:hover{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);border-color:#4caf50;border-color:var(--primary-color,#4caf50);color:#4caf50;color:var(--primary-color,#4caf50)}@media (prefers-color-scheme:dark){.room-code-card{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c)}.room-code-title{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.room-code-section{background:#1a1a1a;background:var(--surface-secondary-dark,#1a1a1a);border-color:#66bb6a;border-color:var(--primary-light,#66bb6a)}.room-code-label{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.room-code-value{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c);color:#66bb6a;color:var(--primary-light,#66bb6a)}.player-role{background:#1a3a52;background:var(--info-bg-dark,#1a3a52)}.role-label{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.role-value{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.room-code-instructions,.waiting-text{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.spinner{border-color:#1a1a1a;border-color:var(--surface-secondary-dark,#1a1a1a);border-top-color:#66bb6a;border-top-color:var(--primary-light,#66bb6a)}.cancel-button{border-color:#404040;border-color:var(--border-color-dark,#404040);color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.cancel-button:hover{background:#1a1a1a;background:var(--surface-secondary-dark,#1a1a1a);border-color:#66bb6a;border-color:var(--primary-light,#66bb6a);color:#66bb6a;color:var(--primary-light,#66bb6a)}}@media (max-width:768px){.room-code-display-container{min-height:300px;padding:1rem}.room-code-card{padding:2rem 1.5rem}.room-code-title{font-size:1.5rem}.room-code-value{font-size:2.25rem;letter-spacing:.3rem}.room-code-actions{flex-direction:column;gap:.75rem}.copy-code-button,.share-room-button{min-width:auto;width:100%}.room-code-instructions{font-size:.9rem}}@media (max-width:480px){.room-code-value{font-size:1.75rem;letter-spacing:.2rem}.button-text{font-size:.9rem}}.chess-game-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:1rem;width:100%}.chess-game-header{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.chess-game-header h1{color:#333;color:var(--text-primary,#333);font-size:1.8rem;margin:0}.chess-game-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ai-speed-control{background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:4px;gap:.5rem;padding:.5rem}.ai-speed-control label{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.ai-speed-control select{background:#fff;background:var(--surface-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:.9rem;min-height:36px;padding:.4rem .6rem}.ai-speed-control select:hover{border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.ai-speed-control select:focus{outline:2px solid #4caf50;outline:2px solid var(--primary-color,#4caf50);outline-offset:2px}.chess-game-controls button{background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:36px;min-width:80px;padding:8px 16px;transition:background .2s;white-space:nowrap}.chess-game-controls button:hover{background:#45a049;background:var(--primary-hover,#45a049)}.chess-game-controls button:active{transform:scale(.98)}.chess-game-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:250px 1fr 250px}.chess-game-main{align-items:center;display:flex;justify-content:center}.chess-game-sidebar{display:flex;flex-direction:column;gap:1rem}.chess-game-status{background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.chess-game-status p{color:#333;color:var(--text-primary,#333);font-size:.95rem;margin:.5rem 0}.chess-game-status p:first-child{margin-top:0}.chess-game-status p:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.chess-game-header,.chess-game-status{background:#2a2a2a;background:var(--surface-color-dark,#2a2a2a);box-shadow:0 2px 4px #0000004d}.chess-game-header h1,.chess-game-status p{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.ai-speed-control{background:#1a1a1a;background:var(--surface-secondary-dark,#1a1a1a)}.ai-speed-control label{color:#aaa;color:var(--text-secondary-dark,#aaa)}.ai-speed-control select{background:#2a2a2a;background:var(--surface-color-dark,#2a2a2a);border-color:#444;border-color:var(--border-color-dark,#444);color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.ai-speed-control select:hover{border-color:#4caf50;border-color:var(--primary-color,#4caf50)}}@media (max-width:1024px){.chess-game-content{gap:1rem;grid-template-columns:200px 1fr 200px}.chess-game-sidebar{font-size:.9rem}}@media (max-width:768px){.chess-game-container{padding:.5rem .5rem 2rem}.chess-game-header{flex-direction:column;gap:1rem;padding:.75rem}.chess-game-header h1{font-size:1.5rem}.chess-game-controls{flex-wrap:wrap}.ai-speed-control,.chess-game-controls{justify-content:center;width:100%}.chess-game-controls button{flex:1 1;min-width:0}.chess-game-content{gap:1.5rem;grid-template-columns:1fr}.chess-game-sidebar{margin-bottom:1rem;order:2}.chess-game-main{margin-bottom:1.5rem;order:1}.chess-game-sidebar:last-child{margin-bottom:2rem;order:3}}@media (max-width:480px){.chess-game-header h1{font-size:1.3rem}.chess-game-controls button{font-size:.85rem;padding:.4rem .8rem}.chess-game-status{padding:.75rem}.chess-game-status p{font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.chess-game-content{grid-template-columns:200px 1fr 200px}.chess-game-main,.chess-game-sidebar{order:0}}@media (prefers-contrast:high){.chess-game-controls button,.chess-game-header,.chess-game-status{border:2px solid #000;border:2px solid var(--text-primary,#000)}}@media (prefers-reduced-motion:reduce){.chess-game-controls button{transition:none}.chess-game-controls button:active{transform:none}}@media print{.chess-game-header{border:1px solid #ccc;box-shadow:none}.chess-game-controls{display:none}.chess-game-content{grid-template-columns:1fr}.chess-game-sidebar:last-child{display:none}}.waiting-for-opponent{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.room-code-display{box-shadow:0 4px 12px #00000026;max-width:500px;padding:3rem 2rem;width:100%}.room-code-display h2{color:#333;color:var(--text-primary,#333);font-size:1.8rem;margin:0 0 2rem}.room-code{align-items:center;background:var(--surface-secondary,#f5f5f5);display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem}.room-code label{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.code-value{background:#fff;background:var(--surface-color,#fff);border:2px solid #4caf50;border:2px solid var(--primary-color,#4caf50);border-radius:8px;color:#4caf50;color:var(--primary-color,#4caf50);font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:.3rem;padding:.5rem 1rem}.room-code-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.room-code button.copy-button{align-items:center;background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.6rem 1.5rem;transition:all .2s}.room-code button.copy-button:hover{background:#45a049;background:var(--primary-hover,#45a049);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.room-code button.copy-button:active{transform:translateY(0)}.room-code-instructions{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.6;margin:1.5rem 0}.loading-spinner{display:flex;justify-content:center;margin-top:2rem}.spinner{border:4px solid #f5f5f5;border-top-color:#4caf50;border:4px solid var(--surface-secondary,#f5f5f5);border-top-color:var(--primary-color,#4caf50);height:40px;width:40px}@media (prefers-color-scheme:dark){.room-code-display{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c)}.room-code-display h2{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.room-code{background:#1a1a1a;background:var(--surface-secondary-dark,#1a1a1a)}.room-code label{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.code-value{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c);border-color:#66bb6a;border-color:var(--primary-light,#66bb6a);color:#66bb6a;color:var(--primary-light,#66bb6a)}.room-code-instructions{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.spinner{border-color:#1a1a1a;border-color:var(--surface-secondary-dark,#1a1a1a);border-top-color:#66bb6a;border-top-color:var(--primary-light,#66bb6a)}}@media (max-width:768px){.waiting-for-opponent{min-height:300px;padding:1rem}.room-code-display{padding:2rem 1.5rem}.room-code-display h2{font-size:1.5rem}.code-value{font-size:2rem;letter-spacing:.2rem}.room-code-instructions{font-size:.9rem}}.cancel-button{background:#0000;border:2px solid #4caf50;border:2px solid var(--primary-color,#4caf50);border-radius:6px;color:#4caf50;color:var(--primary-color,#4caf50);cursor:pointer;font-size:1rem;margin-top:2rem;padding:.8rem 2rem;transition:all .2s}.cancel-button:hover{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.loading-spinner p{color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin-top:1rem}@media (prefers-color-scheme:dark){.cancel-button{border-color:#66bb6a;border-color:var(--primary-light,#66bb6a);color:#66bb6a;color:var(--primary-light,#66bb6a)}.cancel-button:hover{background:#66bb6a;background:var(--primary-light,#66bb6a);color:#2c2c2c;color:var(--surface-color-dark,#2c2c2c)}.loading-spinner p{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}}.multiplayer-room-info{background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.multiplayer-room-info h3{color:#666;color:var(--text-secondary,#666);font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.room-code-value{color:#4caf50;color:var(--primary-color,#4caf50);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.2rem}.connection-status{align-items:center;background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:6px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.connection-status .status-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.connection-status.status-connected .status-indicator{background:#4caf50}.connection-status.status-reconnecting .status-indicator{background:#ffc107}.connection-status.status-disconnected .status-indicator{animation:none;background:#f44336}.connection-status .status-text{color:#333;color:var(--text-primary,#333);font-size:.9rem;font-weight:600}.opponent-status{background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:6px;margin-bottom:1rem;padding:.75rem}.opponent-status h4{color:#666;color:var(--text-secondary,#666);font-size:.85rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.opponent-status .connected{color:#4caf50;font-weight:600}.opponent-status .disconnected{color:#f44336;font-weight:600}.turn-indicator{background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:6px;margin-bottom:1rem;padding:.75rem}.turn-indicator h4{color:#666;color:var(--text-secondary,#666);font-size:.85rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.turn-display{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.turn-display.white{border-left:4px solid #fff;box-shadow:0 0 0 1px #ddd}.turn-display.black{border-left:4px solid #333}.turn-color{font-size:1.2rem}.turn-text{color:#333;color:var(--text-primary,#333);font-weight:600}.your-turn-badge{animation:pulse-badge 1.5s infinite;background:#4caf50;background:var(--primary-color,#4caf50);border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:.25rem .5rem;text-transform:uppercase}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.game-status-info{background:#f5f5f5;background:var(--surface-secondary,#f5f5f5);border-radius:6px;margin-bottom:1rem;padding:.75rem}.game-status-info h4{color:#666;color:var(--text-secondary,#666);font-size:.85rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.game-status-info p{font-size:1rem;font-weight:600;margin:0}.game-status-info .status-check{color:#ffc107}.game-status-info .status-checkmate{color:#f44336}.game-status-info .status-draw,.game-status-info .status-stalemate{color:#2196f3}.game-status-info .status-active{color:#4caf50}.multiplayer-actions{display:flex;flex-direction:column;gap:.5rem}.multiplayer-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s}.multiplayer-actions button:disabled{cursor:not-allowed;opacity:.5}.resign-button{background:#f44336;color:#fff}.resign-button:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.draw-button{background:#2196f3;color:#fff}.draw-button:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.connection-status,.game-status-info,.multiplayer-room-info,.opponent-status,.turn-indicator{background:#1a1a1a;background:var(--surface-secondary-dark,#1a1a1a)}.game-status-info h4,.multiplayer-room-info h3,.opponent-status h4,.turn-indicator h4{color:#aaa;color:var(--text-secondary-dark,#aaa)}.room-code-value{color:#66bb6a;color:var(--primary-light,#66bb6a)}.connection-status .status-text,.turn-text{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.turn-display{background:#2a2a2a;background:var(--surface-color-dark,#2a2a2a)}.turn-display.white{box-shadow:0 0 0 1px #444}}@media (max-width:768px){.multiplayer-room-info{padding:.75rem}.room-code-value{font-size:1.2rem;letter-spacing:.15rem}.connection-status,.game-status-info,.opponent-status,.turn-indicator{padding:.5rem}.multiplayer-actions button{font-size:.85rem;padding:.6rem}}:root{--checkers-light-square:#f0d9b5;--checkers-dark-square:#b58863;--checkers-dark-piece:#1a1a2e;--checkers-dark-piece-border:#0f0f1a;--checkers-light-piece:#e8d5b7;--checkers-light-piece-border:#c4a882;--checkers-selected-bg:#baca44;--checkers-selected-border:#829769;--checkers-legal-dot:#0003;--checkers-capture-ring:#ff3c3c80;--checkers-last-move:#9bc70040;--checkers-last-move-border:#9bc70026;--checkers-mandatory-bg:#ffa50059;--checkers-multi-jump-bg:#00c8ff4d;--checkers-crown-color:gold;--checkers-board-shadow:#00000026;--checkers-ai-thinking-bg:#fffffff2;--checkers-ai-thinking-color:#333;--checkers-game-over-bg:#000c;--checkers-coordinate-light:#b58863;--checkers-coordinate-dark:#f0d9b5}.dark-mode,[data-theme=dark]{--checkers-light-square:#eeeed2;--checkers-dark-square:#769656;--checkers-dark-piece:#1a1a2e;--checkers-dark-piece-border:#0a0a15;--checkers-light-piece:#f5e6d0;--checkers-light-piece-border:#d4b896;--checkers-board-shadow:#0006;--checkers-ai-thinking-bg:#1e1e1ef2;--checkers-ai-thinking-color:#e2e8f0;--checkers-coordinate-light:#769656;--checkers-coordinate-dark:#eeeed2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--checkers-light-square:#eeeed2;--checkers-dark-square:#769656;--checkers-dark-piece:#1a1a2e;--checkers-dark-piece-border:#0a0a15;--checkers-light-piece:#f5e6d0;--checkers-light-piece-border:#d4b896;--checkers-board-shadow:#0006;--checkers-ai-thinking-bg:#1e1e1ef2;--checkers-ai-thinking-color:#e2e8f0;--checkers-coordinate-light:#769656;--checkers-coordinate-dark:#eeeed2}}.checkers-board-container{margin:0 auto;max-width:min(90vw,90vh,600px)}.checkers-board,.checkers-board-container{display:inline-block;position:relative;width:100%}.checkers-board{aspect-ratio:1;border-radius:4px;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--checkers-board-shadow);overflow:hidden}.checkers-board__grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:100%;width:100%}.checkers-square{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;position:relative;touch-action:none;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.checkers-square--light{background-color:#f0d9b5;background-color:var(--checkers-light-square)}.checkers-square--dark{background-color:#b58863;background-color:var(--checkers-dark-square)}.checkers-square:hover{filter:brightness(.95)}.checkers-square--selected{background-color:#baca44!important;background-color:var(--checkers-selected-bg)!important;box-shadow:inset 0 0 0 2px #829769;box-shadow:inset 0 0 0 2px var(--checkers-selected-border)}.checkers-square--legal:after{animation:checkers-legal-appear .2s ease-out;background-color:#0003;background-color:var(--checkers-legal-dot);border-radius:50%;content:"";height:25%;pointer-events:none;position:absolute;width:25%}@keyframes checkers-legal-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.checkers-square--capture:after{animation:checkers-capture-appear .2s ease-out;border:3px solid #ff3c3c80;border:3px solid var(--checkers-capture-ring);border-radius:50%;content:"";height:85%;pointer-events:none;position:absolute;width:85%}@keyframes checkers-capture-appear{0%{border-width:0;opacity:0;transform:scale(.8)}to{border-width:3px;opacity:1;transform:scale(1)}}.checkers-square--last-move{background-color:#9bc70040!important;background-color:var(--checkers-last-move)!important;box-shadow:inset 0 0 0 1px #9bc70026;box-shadow:inset 0 0 0 1px var(--checkers-last-move-border)}.checkers-square--mandatory-capture{animation:checkers-mandatory-pulse 1.5s ease-in-out infinite;background-color:#ffa50059!important;background-color:var(--checkers-mandatory-bg)!important}@keyframes checkers-mandatory-pulse{0%,to{box-shadow:inset 0 0 0 2px #ffa50066}50%{box-shadow:inset 0 0 0 3px #ffa500b3}}.checkers-square--multi-jump{animation:checkers-multi-jump-pulse 1s ease-in-out infinite;background-color:#00c8ff4d!important;background-color:var(--checkers-multi-jump-bg)!important}@keyframes checkers-multi-jump-pulse{0%,to{box-shadow:inset 0 0 0 2px #00c8ff4d}50%{box-shadow:inset 0 0 0 3px #00c8ff99}}.checkers-square--capturing{animation:checkers-capture-flash .3s ease-out}@keyframes checkers-capture-flash{0%{box-shadow:none}30%{background-color:#ff7800b3;box-shadow:inset 0 0 20px #ff6400cc}60%{background-color:#ff640080;box-shadow:inset 0 0 15px #ff640099}to{box-shadow:none}}.checkers-piece{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:75%;justify-content:center;position:relative;transition:transform .15s ease,opacity .1s ease,filter .15s ease;-webkit-user-select:none;user-select:none;width:75%;z-index:10}.checkers-piece:hover{filter:brightness(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:scale(1.08)}.checkers-piece:active{filter:brightness(1.15) drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.12)}.checkers-piece--dark{background:radial-gradient(circle at 35% 35%,#3a3a5e,#1a1a2e);background:radial-gradient(circle at 35% 35%,#3a3a5e,var(--checkers-dark-piece));border:2px solid #0f0f1a;border:2px solid var(--checkers-dark-piece-border);box-shadow:0 3px 6px #0006,inset 0 1px 2px #ffffff1a}.checkers-piece--light{background:radial-gradient(circle at 35% 35%,#fff8ee,#e8d5b7);background:radial-gradient(circle at 35% 35%,#fff8ee,var(--checkers-light-piece));border:2px solid #c4a882;border:2px solid var(--checkers-light-piece-border);box-shadow:0 3px 6px #00000040,inset 0 1px 2px #fff6}.checkers-piece__crown{font-size:clamp(.7rem,3vw,1.4rem);line-height:1;pointer-events:none;z-index:1}.checkers-piece--dark .checkers-piece__crown{color:gold;color:var(--checkers-crown-color);text-shadow:0 1px 2px #0009}.checkers-piece--light .checkers-piece__crown{color:#b8860b;text-shadow:0 1px 2px #0000004d}.checkers-piece--moving{animation:checkers-piece-move .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100}@keyframes checkers-piece-move{0%{opacity:1;transform:scale(1) translateY(0)}30%{opacity:.95;transform:scale(1.15) translateY(-8px)}70%{opacity:.95;transform:scale(1.1) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.checkers-piece--captured{animation:checkers-piece-capture .3s ease-out forwards;pointer-events:none;z-index:5}@keyframes checkers-piece-capture{0%{opacity:1;transform:scale(1) rotate(0deg)}30%{opacity:.7;transform:scale(.9) rotate(10deg)}60%{opacity:.3;transform:scale(.5) rotate(25deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}.checkers-piece--promoting{animation:checkers-piece-promote .5s ease-out;z-index:50}@keyframes checkers-piece-promote{0%{box-shadow:0 0 0 0 #ffd70000;transform:scale(1)}30%{box-shadow:0 0 20px 5px #ffd70099;transform:scale(1.2)}60%{box-shadow:0 0 15px 3px #ffd70066;transform:scale(1.1)}to{box-shadow:0 0 0 0 #ffd70000;transform:scale(1)}}.checkers-coordinate{font-size:clamp(.5rem,1.2vw,.75rem);font-weight:600;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:5}.checkers-coordinate--rank{left:2px;top:2px}.checkers-coordinate--file{bottom:2px;right:2px}.checkers-square--light .checkers-coordinate{color:#b58863;color:var(--checkers-coordinate-light)}.checkers-square--dark .checkers-coordinate{color:#f0d9b5;color:var(--checkers-coordinate-dark)}.checkers-board__ai-thinking{animation:checkers-fade-in .2s ease-out,checkers-thinking-pulse 2s ease-in-out .2s infinite;background-color:#fffffff2;background-color:var(--checkers-ai-thinking-bg);border-radius:12px;box-shadow:0 8px 24px #0003;color:#333;color:var(--checkers-ai-thinking-color);left:50%;padding:1.5rem 2rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes checkers-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes checkers-thinking-pulse{0%,to{box-shadow:0 8px 24px #0003}50%{box-shadow:0 8px 32px #4a90e24d}}.checkers-board__game-over{align-items:center;animation:checkers-overlay-fade-in .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;background-color:var(--checkers-game-over-bg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}@keyframes checkers-overlay-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.checkers-board__game-over-content{animation:checkers-content-slide-up .5s ease-out .2s both;color:#fff;text-align:center}@keyframes checkers-content-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkers-board__game-over-icon{animation:checkers-icon-bounce .6s ease-out .4s both;font-size:clamp(3rem,12vw,6rem);margin-bottom:1rem}@keyframes checkers-icon-bounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.checkers-board__game-over-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px #00000080}.checkers-board__game-over-message{font-size:clamp(1rem,3vw,1.5rem);opacity:.9;text-shadow:0 1px 4px #00000080}.checkers-board__announcer{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.checkers-board *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.checkers-board-container{max-width:min(95vw,95vh)}.checkers-square{min-height:48px;min-width:48px}.checkers-square:active{filter:brightness(.85);transition:filter .05s ease}.checkers-square--legal:after{height:30%;width:30%}.checkers-square--capture:after{border-width:4px;height:80%;width:80%}.checkers-piece:active{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.2);z-index:100}.checkers-board__ai-thinking{border-radius:8px;padding:1rem 1.5rem}.checkers-board__game-over-icon{font-size:clamp(2.5rem,15vw,5rem)}.checkers-board__game-over-title{font-size:clamp(1.25rem,6vw,2rem)}.checkers-board__game-over-message{font-size:clamp(.875rem,4vw,1.25rem)}@media (hover:none){.checkers-square:hover{filter:none}.checkers-piece:hover{filter:none;transform:none}}}@media (max-width:480px){.checkers-board-container{max-width:100vw}.checkers-board{border-radius:0}.checkers-piece__crown{font-size:clamp(.5rem,4vw,.9rem)}}@media (max-width:768px) and (orientation:landscape){.checkers-board-container{max-width:min(60vh,90vw)}}@media (min-width:1200px){.checkers-board-container{max-width:700px}}@media (min-width:2560px){.checkers-board-container{max-width:900px}}.checkers-square:focus{outline:3px solid #4a90e2;outline-offset:-3px;z-index:20}.checkers-square:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.checkers-square--light{background-color:#fff}.checkers-square--dark{background-color:#000}.checkers-piece--dark{background:#000;border-color:#333}.checkers-piece--light{background:#fff;border-color:#ccc}}@media (prefers-reduced-motion:reduce){.checkers-piece,.checkers-square{animation:none!important;transition:none}.checkers-piece--captured,.checkers-piece--moving,.checkers-piece--promoting,.checkers-square--capture:after,.checkers-square--capturing,.checkers-square--legal:after,.checkers-square--mandatory-capture,.checkers-square--multi-jump{animation:none!important}.checkers-board__ai-thinking{animation:checkers-fade-in .1s ease-out!important}.checkers-board__game-over,.checkers-board__game-over-content,.checkers-board__game-over-icon{animation:none!important}.checkers-board__game-over{-webkit-backdrop-filter:none;backdrop-filter:none}}@media print{.checkers-board{border:2px solid #000;box-shadow:none}.checkers-square--capture:after,.checkers-square--legal:after,.checkers-square--selected{display:none}}.checkers-move-history{background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.checkers-move-history-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);display:flex;justify-content:space-between;padding:12px 16px}.checkers-move-history-header h3{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.checkers-move-history-content{flex:1 1;max-height:500px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:8px}.checkers-move-history-content::-webkit-scrollbar{width:8px}.checkers-move-history-content::-webkit-scrollbar-track{background:#f1f3f5;background:var(--scrollbar-track,#f1f3f5);border-radius:4px}.checkers-move-history-content::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--scrollbar-thumb,#adb5bd);border-radius:4px}.checkers-move-history-content::-webkit-scrollbar-thumb:hover{background:#868e96;background:var(--scrollbar-thumb-hover,#868e96)}.checkers-move-history-headers{grid-gap:8px;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color,#dee2e6);color:#6c757d;color:var(--text-secondary,#6c757d);display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:40px 1fr 1fr;padding:8px;position:sticky;top:0;z-index:1}.checkers-header-number{text-align:right}.checkers-header-dark,.checkers-header-light{text-align:center}.checkers-move-history-empty{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-style:italic;height:100%;justify-content:center}.checkers-move-history-list{display:flex;flex-direction:column;gap:4px}.checkers-move-pair{grid-gap:8px;align-items:center;border-radius:4px;display:grid;gap:8px;grid-template-columns:40px 1fr 1fr;padding:4px 8px;transition:background-color .2s}.checkers-move-pair:hover{background-color:#f1f3f5;background-color:var(--hover-bg-light,#f1f3f5)}.checkers-move-number{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;text-align:right}.checkers-move-button{background:none;border:none;border-radius:4px;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-family:Courier New,monospace;font-size:12px;font-weight:500;overflow:hidden;padding:6px 12px;text-align:left;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.checkers-move-button:hover{background-color:#e7f5ff;background-color:var(--move-hover,#e7f5ff);color:#1971c2;color:var(--primary-color,#1971c2)}.checkers-move-button:active{background-color:#d0ebff;background-color:var(--move-active,#d0ebff)}.checkers-move-button.active{background-color:#1971c2;background-color:var(--primary-color,#1971c2);color:#fff;font-weight:600}.checkers-move-button.active:hover{background-color:#1864ab;background-color:var(--primary-dark,#1864ab)}.checkers-move-history-footer{background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);padding:8px 16px;text-align:center}.checkers-move-count{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:11px}@media (prefers-color-scheme:dark){.checkers-move-history{background-color:#2c2c2c;background-color:var(--bg-secondary-dark,#2c2c2c)}.checkers-move-history-footer,.checkers-move-history-header{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.checkers-move-history-header h3{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.checkers-move-history-content::-webkit-scrollbar-track{background:#2c2c2c;background:var(--scrollbar-track-dark,#2c2c2c)}.checkers-move-history-content::-webkit-scrollbar-thumb{background:#5a5a5a;background:var(--scrollbar-thumb-dark,#5a5a5a)}.checkers-move-history-content::-webkit-scrollbar-thumb:hover{background:#6a6a6a;background:var(--scrollbar-thumb-hover-dark,#6a6a6a)}.checkers-move-history-headers{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.checkers-move-history-empty,.checkers-move-history-headers{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.checkers-move-pair:hover{background-color:#333;background-color:var(--hover-bg-light-dark,#333)}.checkers-move-number{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.checkers-move-button{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.checkers-move-button:hover{background-color:#1a4d7a;background-color:var(--move-hover-dark,#1a4d7a);color:#74c0fc;color:var(--primary-light,#74c0fc)}.checkers-move-button:active{background-color:#1e5a8f;background-color:var(--move-active-dark,#1e5a8f)}.checkers-move-count{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}}@media (max-width:768px){.checkers-move-history-header h3{font-size:12px}.checkers-move-history-content{max-height:300px}.checkers-move-pair{gap:6px;grid-template-columns:35px 1fr 1fr;padding:4px 6px}.checkers-move-number{font-size:11px}.checkers-move-button{font-size:11px;padding:5px 10px}.checkers-move-count{font-size:10px}}@media (max-width:480px){.checkers-move-history-header{padding:10px 12px}.checkers-move-history-content{max-height:250px;padding:6px}.checkers-move-pair{gap:4px;grid-template-columns:30px 1fr 1fr;padding:3px 4px}.checkers-move-number{font-size:10px}.checkers-move-button{font-size:10px;padding:4px 8px}}@media (prefers-contrast:high){.checkers-move-history{border:2px solid}.checkers-move-button{border:1px solid #0000}.checkers-move-button:focus{outline:2px solid currentColor;outline-offset:2px}.checkers-move-button.active{border-color:currentColor}}@media print{.checkers-move-history-content{max-height:none;overflow:visible}.checkers-move-button{cursor:default}.checkers-move-button:hover{background:none}}.checkers-captured{background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:1rem}.checkers-captured__player{display:flex;flex-direction:column;gap:.5rem}.checkers-captured__label{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.checkers-captured__advantage{align-items:center;background:#4caf50;background:var(--success-color,#4caf50);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:2rem;padding:.125rem .5rem}.checkers-captured__pieces{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;min-height:2rem}.checkers-captured__piece{animation:checkersCapturedAppear .3s ease-out;cursor:default;font-size:1.25rem;line-height:1;-webkit-user-select:none;user-select:none}.checkers-captured__empty{color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-style:italic}@keyframes checkersCapturedAppear{0%{opacity:0;transform:scale(.5) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-color-scheme:dark){.checkers-captured{background:#2c2c2c;background:var(--surface-color-dark,#2c2c2c);box-shadow:0 2px 8px #0000004d}.checkers-captured__label{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.checkers-captured__empty{color:#999;color:var(--text-secondary-dark,#999)}}@media (max-width:768px){.checkers-captured{margin-bottom:1rem;margin-top:1rem;min-width:0;min-width:auto;padding:.75rem;width:100%}.checkers-captured__piece{font-size:1.125rem}.checkers-captured__label{font-size:.8125rem}}@media (max-width:480px){.checkers-captured{gap:.75rem;padding:.5rem}.checkers-captured__piece{font-size:1rem}.checkers-captured__advantage{font-size:.6875rem;padding:.0625rem .375rem}}@media (prefers-contrast:high){.checkers-captured{border:2px solid #000;border:2px solid var(--border-color,#000)}.checkers-captured__advantage{border:1px solid #000;border:1px solid var(--border-color,#000)}}@media print{.checkers-captured{border:1px solid #000;box-shadow:none}.checkers-captured__piece{animation:none}}.checkers-mode-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:20px}.checkers-mode-header{margin-bottom:30px;text-align:center}.checkers-mode-header h2{color:#2c3e50;font-size:2rem;margin:0 0 10px}.checkers-mode-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.checkers-back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:8px 16px;transition:color .2s}.checkers-back-button:hover{color:#2980b9}.checkers-guest-games-banner{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:10px;margin-bottom:24px;padding:12px 16px}.checkers-guest-games-icon{flex-shrink:0;font-size:1.3rem}.checkers-mode-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.checkers-mode-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.checkers-mode-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.checkers-mode-card--single{border-color:#9b59b6}.checkers-mode-card--single:hover{border-color:#8e44ad}.checkers-mode-card--local{border-color:#27ae60}.checkers-mode-card--local:hover{border-color:#1e8449}.checkers-mode-card--online{border-color:#e74c3c}.checkers-mode-card--online:hover{border-color:#c0392b}.checkers-mode-icon{font-size:3rem;margin-bottom:15px}.checkers-mode-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.checkers-mode-card p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0}.checkers-difficulty-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.checkers-difficulty-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:25px 20px;text-align:center;transition:all .3s ease}.checkers-difficulty-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.checkers-difficulty-card--easy{border-color:#2ecc71}.checkers-difficulty-card--easy:hover{border-color:#27ae60}.checkers-difficulty-card--medium{border-color:#f39c12}.checkers-difficulty-card--medium:hover{border-color:#e67e22}.checkers-difficulty-card--hard{border-color:#e74c3c}.checkers-difficulty-card--hard:hover{border-color:#c0392b}.checkers-difficulty-icon{font-size:2.5rem;margin-bottom:10px}.checkers-difficulty-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.checkers-difficulty-description{color:#95a5a6;font-size:.85rem;font-weight:600;margin:0 0 15px}.checkers-difficulty-features{list-style:none;margin:0;padding:0;text-align:left}.checkers-difficulty-features li{color:#7f8c8d;font-size:.9rem;padding:5px 0 5px 20px;position:relative}.checkers-difficulty-features li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.checkers-online-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.checkers-online-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px 20px;text-align:center;transition:all .3s ease}.checkers-online-card--create{border-color:#3498db;cursor:pointer}.checkers-online-card--create:hover{border-color:#2980b9;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.checkers-online-card--join{border-color:#9b59b6}.checkers-online-icon{font-size:3rem;margin-bottom:15px}.checkers-online-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.checkers-online-card>p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0 0 20px}.checkers-room-code-form{display:flex;gap:10px;margin:0 auto;max-width:400px}.checkers-room-code-input{border:2px solid #ecf0f1;border-radius:8px;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;padding:12px 16px;text-align:center;text-transform:uppercase;transition:border-color .3s}.checkers-room-code-input:focus{border-color:#3498db;outline:none}.checkers-room-code-input.error{border-color:#e74c3c}.checkers-join-button{background:#9b59b6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.checkers-join-button:hover:not(:disabled){background:#8e44ad}.checkers-join-button:disabled{cursor:not-allowed;opacity:.5}.checkers-error-message{color:#e74c3c;font-size:.9rem;margin-top:10px}@media (prefers-color-scheme:dark){.checkers-difficulty-card h3,.checkers-mode-card h3,.checkers-mode-header h2,.checkers-mode-selector,.checkers-online-card h3{color:#ecf0f1}.checkers-difficulty-card,.checkers-mode-card,.checkers-online-card{background:#34495e;border-color:#2c3e50}.checkers-guest-games-banner{background:#3e3215;border-color:#856404;color:#ffc107}.checkers-room-code-input{background:#34495e;border-color:#2c3e50;color:#ecf0f1}}@media (max-width:768px){.checkers-mode-selector{padding:15px}.checkers-mode-header h2{font-size:1.5rem}.checkers-difficulty-options,.checkers-mode-options,.checkers-online-options{grid-template-columns:1fr}.checkers-room-code-form{flex-direction:column}.checkers-join-button{width:100%}}@media (max-width:480px){.checkers-mode-icon,.checkers-online-icon{font-size:2.5rem}.checkers-difficulty-icon{font-size:2rem}.checkers-difficulty-card,.checkers-mode-card,.checkers-online-card{padding:20px 15px}}.error-boundary{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.error-boundary__container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:2rem;text-align:center;width:100%}.error-boundary__icon{color:#e74c3c;margin-bottom:1.5rem}.error-boundary__icon svg{height:64px;width:64px}.error-boundary__title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.error-boundary__message{color:#7f8c8d;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.error-boundary__details{border:1px solid #ecf0f1;border-radius:6px;margin:1.5rem 0;overflow:hidden;text-align:left}.error-boundary__details summary{background:#f8f9fa;border-bottom:1px solid #ecf0f1;color:#495057;cursor:pointer;font-weight:500;padding:.75rem 1rem}.error-boundary__details summary:hover{background:#e9ecef}.error-boundary__error-info{background:#fafafa;color:#6c757d;font-size:.875rem;padding:1rem}.error-boundary__error-info p{margin:.5rem 0}.error-boundary__error-info strong{color:#495057}.error-boundary__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.error-boundary__button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.error-boundary__button--primary{background:#3498db;color:#fff}.error-boundary__button--primary:hover{background:#2980b9;transform:translateY(-1px)}.error-boundary__button--secondary{background:#ecf0f1;color:#2c3e50}.error-boundary__button--secondary:hover{background:#d5dbdb;transform:translateY(-1px)}.error-boundary__help{background:#f8f9fa;border-radius:6px;margin-top:1.5rem;padding:1rem;text-align:left}.error-boundary__help p{color:#495057;font-weight:500;margin:0 0 .5rem}.error-boundary__help ul{color:#6c757d;margin:.5rem 0 0;padding-left:1.25rem}.error-boundary__help li{margin:.25rem 0}@media (max-width:768px){.error-boundary{padding:.5rem}.error-boundary__container{padding:1.5rem}.error-boundary__title{font-size:1.25rem}.error-boundary__actions{gap:.5rem}.error-boundary__button{font-size:.8125rem;padding:.625rem 1.25rem}}@media (prefers-color-scheme:dark){.error-boundary{background:linear-gradient(135deg,#2c3e50,#34495e)}.error-boundary__container{background:#34495e;color:#ecf0f1}.error-boundary__title{color:#ecf0f1}.error-boundary__message{color:#bdc3c7}.error-boundary__details{border-color:#4a5f7a}.error-boundary__details summary{background:#2c3e50;border-bottom-color:#4a5f7a;color:#ecf0f1}.error-boundary__details summary:hover{background:#34495e}.error-boundary__error-info{background:#2c3e50;color:#bdc3c7}.error-boundary__error-info strong{color:#ecf0f1}.error-boundary__button--secondary{background:#4a5f7a;color:#ecf0f1}.error-boundary__button--secondary:hover{background:#5a6f8a}.error-boundary__help{background:#2c3e50}.error-boundary__help p{color:#ecf0f1}.error-boundary__help ul{color:#bdc3c7}}.game-coach{bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:16px;z-index:80}.game-coach__toggle{align-items:center;border:none;border-radius:24px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:transform .2s}.game-coach__toggle:hover{transform:translateY(-2px)}.game-coach__toggle-icon{font-size:18px}.game-coach__pulse{animation:gc-pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:10px;position:absolute;right:-2px;top:-2px;width:10px}@keyframes gc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.game-coach--expanded{bottom:16px;right:16px}.game-coach--expanded .game-coach__toggle{border-radius:12px 12px 0 0;justify-content:center;width:100%}.game-coach__panel{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-height:460px;overflow:hidden;width:320px}.game-coach__actions{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:6px;padding:8px 10px}.game-coach__actions button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 10px}.game-coach__actions button:hover:not(:disabled){border-color:#6366f1}.game-coach__actions button:disabled{cursor:not-allowed;opacity:.5}.game-coach__messages{flex:1 1;max-height:260px;min-height:180px;overflow-y:auto;padding:10px}.game-coach__msg{animation:gc-fade .3s ease;margin-bottom:8px}@keyframes gc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-coach__msg--user{text-align:right}.game-coach__msg--user span{background:#6366f1;border-radius:10px 10px 2px 10px;color:#fff;display:inline-block;font-size:13px;max-width:85%;padding:6px 10px;text-align:left}.game-coach__msg--assistant span{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px 10px 10px 2px;color:#1f2937;color:var(--text-primary,#1f2937);display:inline-block;font-size:13px;line-height:1.4;max-width:90%;padding:6px 10px}.game-coach__dots{display:flex;gap:3px;padding:6px 10px}.game-coach__dots i{animation:gc-bounce 1.4s infinite;background:#9ca3af;border-radius:50%;display:block;height:5px;width:5px}.game-coach__dots i:nth-child(2){animation-delay:.2s}.game-coach__dots i:nth-child(3){animation-delay:.4s}@keyframes gc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.game-coach__quick{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:6px 10px}.game-coach__quick button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:11px;padding:3px 8px;white-space:nowrap}.game-coach__quick button:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.game-coach__quick button:disabled{opacity:.5}.game-coach__input-row{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:6px;padding:6px 10px}.game-coach__input-row input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:13px;outline:none;padding:6px 10px}.game-coach__input-row input:focus{border-color:#6366f1}.game-coach__input-row button{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.game-coach__input-row button:disabled{background:#d1d5db}.game-coach__footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:4px 10px}.game-coach__footer button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px}.game-coach__footer button:hover{color:#ef4444}.game-coach__footer span{color:#9ca3af;font-size:10px}[data-theme=dark] .game-coach__panel{background:#1f2937;border-color:#374151}[data-theme=dark] .game-coach__msg--assistant span{background:#374151;color:#f3f4f6}[data-theme=dark] .game-coach__input-row{background:#111827}[data-theme=dark] .game-coach__input-row input{background:#374151;border-color:#4b5563;color:#f3f4f6}@media (max-width:768px){.game-coach{bottom:8px;left:8px;right:8px}.game-coach__panel{width:100%}}.checkers-game-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:1rem;width:100%}.checkers-game-header{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.checkers-game-header h1{color:#333;color:var(--text-primary,#333);font-size:1.6rem;margin:0}.checkers-game-controls{align-items:center;display:flex;gap:.5rem}.checkers-game-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:background .2s,opacity .2s}.checkers-game-btn:disabled{cursor:not-allowed;opacity:.5}.checkers-game-btn--undo{background:#2196f3;background:var(--secondary-color,#2196f3)}.checkers-game-btn--undo:hover:not(:disabled){background:#1976d2}.checkers-game-btn--new{background:#4caf50;background:var(--primary-color,#4caf50)}.checkers-game-btn--new:hover{background:#45a049;background:var(--primary-hover,#45a049)}.checkers-game-btn--exit{background:#757575}.checkers-game-btn--exit:hover{background:#616161}.checkers-turn-indicator{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;color:var(--text-primary,#333);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.checkers-turn-indicator--game-over{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.checkers-turn-indicator__icon{font-size:1.3rem}.checkers-turn-indicator__text{white-space:nowrap}.checkers-game-content{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:220px 1fr 220px}.checkers-game-main{align-items:center;display:flex;justify-content:center}.checkers-game-sidebar{display:flex;flex-direction:column;gap:1rem}@media (prefers-color-scheme:dark){.checkers-game-header,.checkers-turn-indicator{background:#2a2a2a;background:var(--surface-color-dark,#2a2a2a);box-shadow:0 2px 4px #0000004d}.checkers-game-header h1,.checkers-turn-indicator{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.checkers-turn-indicator--game-over{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}}@media (max-width:1024px){.checkers-game-content{gap:.75rem;grid-template-columns:180px 1fr 180px}}@media (max-width:768px){.checkers-game-container{padding:.5rem}.checkers-game-header{flex-direction:column;gap:.75rem;padding:.75rem}.checkers-game-header h1{font-size:1.3rem;text-align:center}.checkers-game-controls{flex-wrap:wrap;justify-content:center;width:100%}.checkers-game-btn{flex:1 1;max-width:120px}.checkers-game-content{gap:1rem;grid-template-columns:1fr}.checkers-game-main{order:1}.checkers-game-sidebar{order:2}.checkers-game-sidebar:last-child{order:3}}@media (max-width:480px){.checkers-game-header h1{font-size:1.1rem}.checkers-game-btn{font-size:.85rem;padding:.4rem .8rem}.checkers-turn-indicator{font-size:1rem;padding:.5rem}}@media (max-width:768px) and (orientation:landscape){.checkers-game-content{grid-template-columns:180px 1fr 180px}.checkers-game-main,.checkers-game-sidebar{order:0}}@media (prefers-contrast:high){.checkers-game-btn,.checkers-game-header,.checkers-turn-indicator{border:2px solid #000;border:2px solid var(--text-primary,#000)}}@media (prefers-reduced-motion:reduce){.checkers-game-btn{transition:none}}.checkers-connection-status{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.5rem 1rem}.checkers-connection-status--connected{background:#e8f5e9;color:#2e7d32}.checkers-connection-status--disconnected{background:#ffebee;color:#c62828}.checkers-connection-status--reconnecting{background:#fff3e0;color:#e65100}.checkers-connection-status__dot{border-radius:50%;display:inline-block;height:10px;width:10px}.checkers-connection-status--connected .checkers-connection-status__dot{background:#4caf50}.checkers-connection-status--disconnected .checkers-connection-status__dot{background:#f44336}.checkers-connection-status--reconnecting .checkers-connection-status__dot{animation:pulse 1.5s ease-in-out infinite;background:#ff9800}.checkers-connection-status__text{white-space:nowrap}.checkers-connection-status__opponent{color:inherit;font-size:.85rem;opacity:.8}.checkers-draw-offer-banner{align-items:center;background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;color:#e65100;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1rem}.checkers-draw-offer-banner .checkers-game-btn{font-size:.85rem;min-height:36px;min-width:auto;padding:.35rem .75rem}.checkers-game-btn--accept-draw{background:#4caf50}.checkers-game-btn--accept-draw:hover{background:#388e3c}.checkers-game-btn--decline-draw{background:#f44336}.checkers-game-btn--decline-draw:hover{background:#d32f2f}.checkers-multiplayer-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checkers-game-btn--resign{background:#f44336}.checkers-game-btn--resign:hover:not(:disabled){background:#d32f2f}.checkers-game-btn--draw{background:#ff9800}.checkers-game-btn--draw:hover:not(:disabled){background:#f57c00}@media (prefers-color-scheme:dark){.checkers-connection-status--connected{background:#4caf5026;color:#81c784}.checkers-connection-status--disconnected{background:#f4433626;color:#ef9a9a}.checkers-connection-status--reconnecting,.checkers-draw-offer-banner{background:#ff980026;color:#ffcc80}.checkers-draw-offer-banner{border-color:#ff98004d}}@media (max-width:768px){.checkers-connection-status{font-size:.8rem;padding:.4rem .75rem}.checkers-draw-offer-banner{flex-wrap:wrap;font-size:.85rem;gap:.5rem}.checkers-multiplayer-actions{flex-direction:row;flex-wrap:wrap}.checkers-multiplayer-actions .checkers-game-btn{flex:1 1;min-width:100px}}:root{--cf-board-bg:#2c5fb8;--cf-board-border:#1e4a8e;--cf-cell-bg:#e8edf3;--cf-cell-border:#b0bec5;--cf-red-disc:#e53935;--cf-red-disc-border:#b71c1c;--cf-red-disc-highlight:#ef5350;--cf-yellow-disc:#fdd835;--cf-yellow-disc-border:#f9a825;--cf-yellow-disc-highlight:#ffee58;--cf-preview-opacity:0.35;--cf-winning-glow:#ffd700cc;--cf-winning-ring:gold;--cf-last-move-ring:#fff9;--cf-board-shadow:#0003;--cf-ai-thinking-bg:#fffffff2;--cf-ai-thinking-color:#333;--cf-game-over-bg:#000c}.dark-mode,[data-theme=dark]{--cf-board-bg:#1a3a6e;--cf-board-border:#0f2850;--cf-cell-bg:#1e1e2e;--cf-cell-border:#3a3a5a;--cf-board-shadow:#00000080;--cf-ai-thinking-bg:#1e1e1ef2;--cf-ai-thinking-color:#e2e8f0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cf-board-bg:#1a3a6e;--cf-board-border:#0f2850;--cf-cell-bg:#1e1e2e;--cf-cell-border:#3a3a5a;--cf-board-shadow:#00000080;--cf-ai-thinking-bg:#1e1e1ef2;--cf-ai-thinking-color:#e2e8f0}}.cf-board-container{display:inline-block;margin:0 auto;max-width:min(90vw,80vh,560px);position:relative;width:100%}.cf-board{background:#2c5fb8;background:var(--cf-board-bg);border:4px solid #1e4a8e;border:4px solid var(--cf-board-border);border-radius:12px;box-shadow:0 4px 16px #0003;box-shadow:0 4px 16px var(--cf-board-shadow);overflow:hidden;padding:8px;position:relative;width:100%}.cf-board__preview-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);height:48px;margin-bottom:6px}.cf-board__preview-cell{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;transition:background-color .15s ease}.cf-board__preview-cell:hover{background:#ffffff1a}.cf-board__preview-cell--disabled{cursor:not-allowed}.cf-board__preview-disc{border-radius:50%;height:75%;opacity:.35;opacity:var(--cf-preview-opacity);transition:opacity .15s ease;width:75%}.cf-board__preview-disc--red{background:#e53935;background:var(--cf-red-disc)}.cf-board__preview-disc--yellow{background:#fdd835;background:var(--cf-yellow-disc)}.cf-board__preview-cell:hover .cf-board__preview-disc{opacity:.6}.cf-board__grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.cf-cell{-webkit-tap-highlight-color:transparent;align-items:center;aspect-ratio:1;background:#2c5fb8;background:var(--cf-board-bg);border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;position:relative}.cf-cell__slot{background:#e8edf3;background:var(--cf-cell-bg);border:2px solid #b0bec5;border:2px solid var(--cf-cell-border);border-radius:50%;height:85%;overflow:hidden;position:relative;transition:box-shadow .2s ease,border-color .2s ease;width:85%}.cf-disc{border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.cf-disc--red{background:radial-gradient(circle at 35% 35%,#ef5350,#e53935);background:radial-gradient(circle at 35% 35%,var(--cf-red-disc-highlight),var(--cf-red-disc));border:2px solid #b71c1c;border:2px solid var(--cf-red-disc-border)}.cf-disc--red,.cf-disc--yellow{box-shadow:inset 0 2px 4px #ffffff4d,0 2px 4px #0003}.cf-disc--yellow{background:radial-gradient(circle at 35% 35%,#ffee58,#fdd835);background:radial-gradient(circle at 35% 35%,var(--cf-yellow-disc-highlight),var(--cf-yellow-disc));border:2px solid #f9a825;border:2px solid var(--cf-yellow-disc-border)}.cf-disc--red:after{background:#fff6;border-radius:50%;content:"";height:30%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.cf-disc--yellow:after{background:#0000;border:2px solid #00000026;border-radius:50%;content:"";height:50%;left:25%;position:absolute;top:25%;width:50%}.cf-disc--dropping{animation:cf-disc-drop .4s cubic-bezier(.4,0,.6,1) forwards}@keyframes cf-disc-drop{0%{opacity:.8;transform:translateY(-500%)}60%{opacity:1;transform:translateY(5%)}80%{transform:translateY(-3%)}to{opacity:1;transform:translateY(0)}}.cf-cell--winning .cf-cell__slot{animation:cf-winning-pulse 1.5s ease-in-out infinite;border-color:gold;border-color:var(--cf-winning-ring);box-shadow:0 0 12px 4px #ffd700cc;box-shadow:0 0 12px 4px var(--cf-winning-glow)}@keyframes cf-winning-pulse{0%,to{box-shadow:0 0 12px 4px #ffd700cc;box-shadow:0 0 12px 4px var(--cf-winning-glow)}50%{box-shadow:0 0 20px 8px #ffd700cc;box-shadow:0 0 20px 8px var(--cf-winning-glow)}}.cf-cell--last-move .cf-cell__slot{border-color:#fff9;border-color:var(--cf-last-move-ring);box-shadow:0 0 6px 2px #fff9;box-shadow:0 0 6px 2px var(--cf-last-move-ring)}.cf-board__ai-thinking{animation:cf-fade-in .2s ease-out,cf-thinking-pulse 2s ease-in-out .2s infinite;background-color:#fffffff2;background-color:var(--cf-ai-thinking-bg);border-radius:12px;box-shadow:0 8px 24px #0003;color:#333;color:var(--cf-ai-thinking-color);left:50%;padding:1.5rem 2rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes cf-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cf-thinking-pulse{0%,to{box-shadow:0 8px 24px #0003}50%{box-shadow:0 8px 32px #4a90e24d}}.cf-board__game-over{align-items:center;animation:cf-overlay-fade-in .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;background-color:var(--cf-game-over-bg);border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}@keyframes cf-overlay-fade-in{0%{opacity:0}to{opacity:1}}.cf-board__game-over-content{animation:cf-content-slide-up .5s ease-out .2s both;color:#fff;text-align:center}@keyframes cf-content-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cf-board__game-over-icon{font-size:clamp(3rem,12vw,6rem);margin-bottom:1rem}.cf-board__game-over-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px #00000080}.cf-board__game-over-message{font-size:clamp(1rem,3vw,1.5rem);opacity:.9}.cf-board__announcer{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cf-cell:focus{outline:3px solid #4a90e2;outline-offset:-3px;z-index:20}.cf-cell:focus:not(:focus-visible){outline:none}.cf-board__preview-cell:focus{outline:3px solid #4a90e2;outline-offset:-3px}.cf-board__preview-cell:focus:not(:focus-visible){outline:none}@media (max-width:768px){.cf-board-container{max-width:min(95vw,85vh)}.cf-board{border-width:3px;padding:6px}.cf-board__grid{gap:3px}.cf-board__preview-row{gap:3px;height:40px}.cf-cell{min-height:48px;min-width:48px}@media (hover:none){.cf-board__preview-cell:hover{background:#0000}.cf-board__preview-cell:hover .cf-board__preview-disc{opacity:.35;opacity:var(--cf-preview-opacity)}}}@media (max-width:480px){.cf-board-container{max-width:100vw}.cf-board{border-radius:8px;padding:4px}.cf-board__grid{gap:2px}.cf-board__preview-row{gap:2px;height:36px;margin-bottom:4px}}@media (max-width:768px) and (orientation:landscape){.cf-board-container{max-width:min(60vh,90vw)}}@media (min-width:1200px){.cf-board-container{max-width:600px}}@media (min-width:2560px){.cf-board-container{max-width:800px}}@media (prefers-contrast:high){.cf-board{border:4px solid #000}.cf-cell__slot,.cf-disc--red{border:3px solid #000}.cf-disc--red{background:#c00}.cf-disc--yellow{background:#cc0;border:3px solid #000}}@media (prefers-reduced-motion:reduce){.cf-cell--winning .cf-cell__slot,.cf-disc--dropping{animation:none!important}.cf-board__ai-thinking{animation:cf-fade-in .1s ease-out!important}.cf-board__game-over,.cf-board__game-over-content{animation:none!important}.cf-board__game-over{-webkit-backdrop-filter:none;backdrop-filter:none}}.cf-board *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media print{.cf-board{border:2px solid #000;box-shadow:none}.cf-board__ai-thinking,.cf-board__game-over,.cf-board__preview-row{display:none}}.cf-move-history{background-color:#f8f9fa;background-color:var(--bg-secondary,#f8f9fa);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.cf-move-history-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);display:flex;justify-content:space-between;padding:12px 16px}.cf-move-history-header h3{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.cf-move-history-content{flex:1 1;max-height:500px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:8px}.cf-move-history-content::-webkit-scrollbar{width:8px}.cf-move-history-content::-webkit-scrollbar-track{background:#f1f3f5;background:var(--scrollbar-track,#f1f3f5);border-radius:4px}.cf-move-history-content::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--scrollbar-thumb,#adb5bd);border-radius:4px}.cf-move-history-content::-webkit-scrollbar-thumb:hover{background:#868e96;background:var(--scrollbar-thumb-hover,#868e96)}.cf-move-history-empty{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-style:italic;height:100%;justify-content:center}.cf-move-history-list{display:flex;flex-direction:column;gap:4px}.cf-move-entry{align-items:center;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:6px 10px;transition:background-color .2s}.cf-move-entry:hover{background-color:#f1f3f5;background-color:var(--hover-bg-light,#f1f3f5)}.cf-move-entry--active{background-color:#1971c2;background-color:var(--primary-color,#1971c2);color:#fff}.cf-move-entry--active:hover{background-color:#1864ab;background-color:var(--primary-dark,#1864ab)}.cf-move-number{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;min-width:28px;text-align:right}.cf-move-entry--active .cf-move-number{color:#fffc}.cf-move-color{font-size:14px;line-height:1}.cf-move-text{color:#212529;color:var(--text-primary,#212529);font-weight:500}.cf-move-entry--active .cf-move-text{color:#fff}.cf-move-history-footer{background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);padding:8px 16px;text-align:center}.cf-move-count{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:11px}@media (prefers-color-scheme:dark){.cf-move-history{background-color:#2c2c2c;background-color:var(--bg-secondary-dark,#2c2c2c)}.cf-move-history-footer,.cf-move-history-header{background-color:#1a1a1a;background-color:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}.cf-move-history-header h3{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.cf-move-history-empty{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.cf-move-entry:hover{background-color:#333;background-color:var(--hover-bg-light-dark,#333)}.cf-move-number{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}.cf-move-text{color:#e9ecef;color:var(--text-primary-dark,#e9ecef)}.cf-move-count{color:#adb5bd;color:var(--text-secondary-dark,#adb5bd)}}@media (max-width:768px){.cf-move-history-content{max-height:300px}.cf-move-entry{font-size:12px;padding:5px 8px}}@media (max-width:480px){.cf-move-history-content{max-height:250px;padding:6px}.cf-move-entry{font-size:11px;gap:6px;padding:4px 6px}}.cf-mode-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:20px}.cf-mode-header{margin-bottom:30px;text-align:center}.cf-mode-header h2{color:#2c3e50;font-size:2rem;margin:0 0 10px}.cf-mode-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.cf-back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:8px 16px;transition:color .2s}.cf-back-button:hover{color:#2980b9}.cf-guest-games-banner{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:10px;margin-bottom:24px;padding:12px 16px}.cf-guest-games-icon{flex-shrink:0;font-size:1.3rem}.cf-mode-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.cf-mode-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.cf-mode-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.cf-mode-card--single{border-color:#e53935}.cf-mode-card--single:hover{border-color:#c62828}.cf-mode-card--local{border-color:#fdd835}.cf-mode-card--local:hover{border-color:#f9a825}.cf-mode-card--online{border-color:#2196f3}.cf-mode-card--online:hover{border-color:#1976d2}.cf-mode-icon{font-size:3rem;margin-bottom:15px}.cf-mode-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.cf-mode-card p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0}.cf-difficulty-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cf-difficulty-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:25px 20px;text-align:center;transition:all .3s ease}.cf-difficulty-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.cf-difficulty-card--easy{border-color:#2ecc71}.cf-difficulty-card--easy:hover{border-color:#27ae60}.cf-difficulty-card--medium{border-color:#f39c12}.cf-difficulty-card--medium:hover{border-color:#e67e22}.cf-difficulty-card--hard{border-color:#e74c3c}.cf-difficulty-card--hard:hover{border-color:#c0392b}.cf-difficulty-icon{font-size:2.5rem;margin-bottom:10px}.cf-difficulty-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.cf-difficulty-description{color:#95a5a6;font-size:.85rem;font-weight:600;margin:0 0 15px}.cf-difficulty-features{list-style:none;margin:0;padding:0;text-align:left}.cf-difficulty-features li{color:#7f8c8d;font-size:.9rem;padding:5px 0 5px 20px;position:relative}.cf-difficulty-features li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.cf-online-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cf-online-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px 20px;text-align:center;transition:all .3s ease}.cf-online-card--create{border-color:#3498db;cursor:pointer}.cf-online-card--create:hover{border-color:#2980b9;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.cf-online-card--join{border-color:#9b59b6}.cf-online-icon{font-size:3rem;margin-bottom:15px}.cf-online-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.cf-online-card>p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0 0 20px}.cf-room-code-form{display:flex;gap:10px;margin:0 auto;max-width:400px}.cf-room-code-input{border:2px solid #ecf0f1;border-radius:8px;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;padding:12px 16px;text-align:center;text-transform:uppercase;transition:border-color .3s}.cf-room-code-input:focus{border-color:#3498db;outline:none}.cf-room-code-input.error{border-color:#e74c3c}.cf-join-button{background:#9b59b6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.cf-join-button:hover:not(:disabled){background:#8e44ad}.cf-join-button:disabled{cursor:not-allowed;opacity:.5}.cf-error-message{color:#e74c3c;font-size:.9rem;margin-top:10px}@media (prefers-color-scheme:dark){.cf-difficulty-card h3,.cf-mode-card h3,.cf-mode-header h2,.cf-mode-selector,.cf-online-card h3{color:#ecf0f1}.cf-difficulty-card,.cf-mode-card,.cf-online-card{background:#34495e;border-color:#2c3e50}.cf-guest-games-banner{background:#3e3215;border-color:#856404;color:#ffc107}.cf-room-code-input{background:#34495e;border-color:#2c3e50;color:#ecf0f1}}@media (max-width:768px){.cf-mode-selector{padding:15px}.cf-mode-header h2{font-size:1.5rem}.cf-difficulty-options,.cf-mode-options,.cf-online-options{grid-template-columns:1fr}.cf-room-code-form{flex-direction:column}.cf-join-button{width:100%}}@media (max-width:480px){.cf-mode-icon,.cf-online-icon{font-size:2.5rem}.cf-difficulty-icon{font-size:2rem}.cf-difficulty-card,.cf-mode-card,.cf-online-card{padding:20px 15px}}.cf-game-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:1rem;width:100%}.cf-game-header{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.cf-game-header h1{color:#333;color:var(--text-primary,#333);font-size:1.6rem;margin:0}.cf-game-controls{align-items:center;display:flex;gap:.5rem}.cf-game-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:background .2s,opacity .2s}.cf-game-btn:disabled{cursor:not-allowed;opacity:.5}.cf-game-btn--undo{background:#2196f3;background:var(--secondary-color,#2196f3)}.cf-game-btn--undo:hover:not(:disabled){background:#1976d2}.cf-game-btn--new{background:#4caf50;background:var(--primary-color,#4caf50)}.cf-game-btn--new:hover{background:#45a049;background:var(--primary-hover,#45a049)}.cf-game-btn--exit{background:#757575}.cf-game-btn--exit:hover{background:#616161}.cf-game-btn--resign{background:#f44336}.cf-game-btn--resign:hover:not(:disabled){background:#d32f2f}.cf-turn-indicator{align-items:center;background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;color:var(--text-primary,#333);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.cf-turn-indicator--game-over{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.cf-turn-indicator__icon{font-size:1.3rem}.cf-turn-indicator__text{white-space:nowrap}.cf-game-content{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:220px 1fr 220px}.cf-game-main{align-items:center;display:flex;justify-content:center}.cf-game-sidebar{display:flex;flex-direction:column;gap:1rem}.cf-connection-status{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.5rem 1rem}.cf-connection-status--connected{background:#e8f5e9;color:#2e7d32}.cf-connection-status--disconnected{background:#ffebee;color:#c62828}.cf-connection-status--reconnecting{background:#fff3e0;color:#e65100}.cf-connection-status__dot{border-radius:50%;display:inline-block;height:10px;width:10px}.cf-connection-status--connected .cf-connection-status__dot{background:#4caf50}.cf-connection-status--disconnected .cf-connection-status__dot{background:#f44336}.cf-connection-status--reconnecting .cf-connection-status__dot{animation:cf-pulse 1.5s ease-in-out infinite;background:#ff9800}@keyframes cf-pulse{0%,to{opacity:1}50%{opacity:.3}}.cf-connection-status__text{white-space:nowrap}.cf-connection-status__opponent{color:inherit;font-size:.85rem;opacity:.8}.cf-multiplayer-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}@media (prefers-color-scheme:dark){.cf-game-header,.cf-turn-indicator{background:#2a2a2a;background:var(--surface-color-dark,#2a2a2a);box-shadow:0 2px 4px #0000004d}.cf-game-header h1,.cf-turn-indicator{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.cf-turn-indicator--game-over{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.cf-connection-status--connected{background:#4caf5026;color:#81c784}.cf-connection-status--disconnected{background:#f4433626;color:#ef9a9a}.cf-connection-status--reconnecting{background:#ff980026;color:#ffcc80}}@media (max-width:1024px){.cf-game-content{gap:.75rem;grid-template-columns:180px 1fr 180px}}@media (max-width:768px){.cf-game-container{padding:.5rem}.cf-game-header{flex-direction:column;gap:.75rem;padding:.75rem}.cf-game-header h1{font-size:1.3rem;text-align:center}.cf-game-controls{flex-wrap:wrap;justify-content:center;width:100%}.cf-game-btn{flex:1 1;max-width:120px}.cf-game-content{gap:1rem;grid-template-columns:1fr}.cf-game-main{order:1}.cf-game-sidebar{order:2}.cf-game-sidebar:last-child{order:3}}@media (max-width:480px){.cf-game-header h1{font-size:1.1rem}.cf-game-btn{font-size:.85rem;padding:.4rem .8rem}.cf-turn-indicator{font-size:1rem;padding:.5rem}}@media (max-width:768px) and (orientation:landscape){.cf-game-content{grid-template-columns:180px 1fr 180px}.cf-game-main,.cf-game-sidebar{order:0}}@media (prefers-contrast:high){.cf-game-btn,.cf-game-header,.cf-turn-indicator{border:2px solid #000;border:2px solid var(--text-primary,#000)}}@media (prefers-reduced-motion:reduce){.cf-game-btn{transition:none}}:root{--bs-board-bg:#1a3a5c;--bs-board-border:#0f2840;--bs-cell-water:#2980b9;--bs-cell-water-alt:#2573a7;--bs-cell-border:#1a5276;--bs-cell-hover:#ffffff26;--bs-ship-color:#7f8c8d;--bs-ship-border:#5d6d7e;--bs-hit-color:#e74c3c;--bs-hit-glow:#e74c3c99;--bs-miss-color:#ecf0f1;--bs-miss-border:#bdc3c7;--bs-sunk-color:#c0392b;--bs-sunk-outline:#922b21;--bs-label-color:#ecf0f1;--bs-label-bg:#0003;--bs-crosshair-color:#fffc;--bs-drag-valid:#2ecc7180;--bs-drag-invalid:#e74c3c80;--bs-board-shadow:#0000004d;--bs-disabled-opacity:0.6}.dark-mode,[data-theme=dark]{--bs-board-bg:#0d1f33;--bs-board-border:#081526;--bs-cell-water:#1a4a6e;--bs-cell-water-alt:#164060;--bs-cell-border:#0f3050;--bs-ship-color:#5d6d7e;--bs-ship-border:#4a5a6a;--bs-label-color:#d5dbdb;--bs-board-shadow:#00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-board-bg:#0d1f33;--bs-board-border:#081526;--bs-cell-water:#1a4a6e;--bs-cell-water-alt:#164060;--bs-cell-border:#0f3050;--bs-ship-color:#5d6d7e;--bs-ship-border:#4a5a6a;--bs-label-color:#d5dbdb;--bs-board-shadow:#00000080}}.bs-board-container{display:inline-block;margin:0 auto;max-width:min(90vw,80vh,480px);position:relative;width:100%}.bs-board{-webkit-touch-callout:none;background:#1a3a5c;background:var(--bs-board-bg);border:3px solid #0f2840;border:3px solid var(--bs-board-border);border-radius:10px;box-shadow:0 4px 16px #0000004d;box-shadow:0 4px 16px var(--bs-board-shadow);overflow:hidden;padding:4px;position:relative;user-select:none;-webkit-user-select:none;width:100%}.bs-board--disabled{opacity:.6;opacity:var(--bs-disabled-opacity);pointer-events:none}.bs-board__title{color:#ecf0f1;color:var(--bs-label-color);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:4px 0 2px;text-align:center;text-transform:uppercase}.bs-board__col-labels{grid-gap:1px;display:grid;gap:1px;grid-template-columns:28px repeat(10,1fr);margin-bottom:1px}.bs-board__col-label{align-items:center;background:#0003;background:var(--bs-label-bg);border-radius:2px;color:#ecf0f1;color:var(--bs-label-color);display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center}.bs-board__col-label--corner{background:#0000}.bs-board__grid-wrapper{grid-gap:1px;display:grid;gap:1px;grid-template-columns:28px repeat(10,1fr)}.bs-board__row-label{background:#0003;background:var(--bs-label-bg);border-radius:2px;color:#ecf0f1;color:var(--bs-label-color);font-size:.7rem;font-weight:700}.bs-board__row-label,.bs-cell{align-items:center;display:flex;justify-content:center;min-height:44px}.bs-cell{-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:#2980b9;background:var(--bs-cell-water);border:1px solid #1a5276;border:1px solid var(--bs-cell-border);border-radius:2px;cursor:pointer;min-width:44px;position:relative;transition:background-color .15s ease,box-shadow .15s ease}.bs-cell--alt{background:#2573a7;background:var(--bs-cell-water-alt)}.bs-cell--non-interactive{cursor:default}.bs-cell--ship{background:#7f8c8d;background:var(--bs-ship-color);border-color:#5d6d7e;border-color:var(--bs-ship-border)}.bs-cell__ship-indicator{background:#5d6d7e;background:var(--bs-ship-border);border:1px solid #0003;border-radius:3px;height:70%;width:70%}.bs-cell__hit-marker{background:#e74c3c;background:var(--bs-hit-color);border-radius:50%;box-shadow:0 0 8px #e74c3c99;box-shadow:0 0 8px var(--bs-hit-glow);height:60%;position:relative;width:60%}.bs-cell__hit-marker:after{color:#fff;content:"✕";font-size:.7rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bs-cell__miss-marker{background:#ecf0f1;background:var(--bs-miss-color);border:2px solid #bdc3c7;border:2px solid var(--bs-miss-border);border-radius:50%;height:40%;opacity:.8;width:40%}.bs-cell--sunk{background:#c0392b;background:var(--bs-sunk-color);border-color:#922b21;border-color:var(--bs-sunk-outline)}.bs-cell__sunk-marker{background:#922b21;background:var(--bs-sunk-outline);border-radius:50%;height:60%;position:relative;width:60%}.bs-cell__sunk-marker:after{color:#fff;content:"✕";font-size:.7rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bs-cell--targeting{background:#ffffff1a;box-shadow:inset 0 0 0 2px #fffc;box-shadow:inset 0 0 0 2px var(--bs-crosshair-color)}.bs-cell--targeting:before{color:#fffc;color:var(--bs-crosshair-color);content:"+";font-size:1.4rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.bs-cell--drag-valid{background:#2ecc7180!important;background:var(--bs-drag-valid)!important;border-color:#27ae60}.bs-cell--drag-invalid{background:#e74c3c80!important;background:var(--bs-drag-invalid)!important;border-color:#c0392b}.bs-cell--animating-hit .bs-cell__hit-marker{animation:bs-hit-explosion .6s ease-out forwards}@keyframes bs-hit-explosion{0%{box-shadow:0 0 0 0 #e74c3c99;box-shadow:0 0 0 0 var(--bs-hit-glow);opacity:0;transform:scale(0)}30%{box-shadow:0 0 20px 10px #e74c3c99;box-shadow:0 0 20px 10px var(--bs-hit-glow);opacity:1;transform:scale(1.5)}60%{box-shadow:0 0 12px 4px #e74c3c99;box-shadow:0 0 12px 4px var(--bs-hit-glow);transform:scale(.9)}to{box-shadow:0 0 8px #e74c3c99;box-shadow:0 0 8px var(--bs-hit-glow);opacity:1;transform:scale(1)}}.bs-cell--animating-miss .bs-cell__miss-marker{animation:bs-miss-splash .6s ease-out forwards}@keyframes bs-miss-splash{0%{opacity:0;transform:scale(0) translateY(-10px)}40%{opacity:1;transform:scale(1.3) translateY(0)}70%{transform:scale(.85)}to{opacity:.8;transform:scale(1)}}.bs-cell--animating-sunk{animation:bs-sunk-sink .6s ease-out forwards}@keyframes bs-sunk-sink{0%{background:#e74c3c;background:var(--bs-hit-color);transform:scale(1)}40%{background:#c0392b;background:var(--bs-sunk-color);transform:scale(1.05)}to{background:#c0392b;background:var(--bs-sunk-color);transform:scale(1)}}.bs-cell--highlighted{box-shadow:inset 0 0 0 2px #f1c40fcc}.bs-board__announcer{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.bs-board-container{max-width:min(95vw,85vh)}.bs-board{border-width:2px;padding:3px}.bs-board__col-labels,.bs-board__grid-wrapper{grid-template-columns:22px repeat(10,1fr)}.bs-board__col-label,.bs-board__row-label{font-size:.6rem}.bs-board__col-label{height:16px}.bs-cell{min-height:44px;min-width:44px}}@media (max-width:480px){.bs-board-container{max-width:100vw}.bs-board{border-radius:6px;padding:2px}.bs-board__col-labels,.bs-board__grid-wrapper{grid-template-columns:18px repeat(10,1fr)}.bs-board__col-label,.bs-board__row-label{font-size:.55rem}.bs-board__row-label{min-height:36px}}@media (prefers-reduced-motion:reduce){.bs-cell--animating-hit .bs-cell__hit-marker,.bs-cell--animating-miss .bs-cell__miss-marker,.bs-cell--animating-sunk{animation:none!important}}@media (prefers-contrast:high){.bs-board{border:4px solid #000}.bs-cell,.bs-cell__hit-marker{border:2px solid #000}.bs-cell__hit-marker{background:#c00}.bs-cell__miss-marker{background:#fff;border:2px solid #000}}@media print{.bs-board{border:2px solid #000;box-shadow:none}}:root{--bs-dock-bg:#f8f9fa;--bs-dock-border:#dee2e6;--bs-dock-ship-bg:#6c757d;--bs-dock-ship-placed:#28a745;--bs-dock-ship-text:#fff;--bs-dock-btn-primary:#007bff;--bs-dock-btn-success:#28a745;--bs-dock-btn-hover:#0056b3;--bs-dock-btn-disabled:#adb5bd;--bs-dock-text:#212529;--bs-dock-text-secondary:#6c757d}.dark-mode,[data-theme=dark]{--bs-dock-bg:#1e1e2e;--bs-dock-border:#3a3a5a;--bs-dock-ship-bg:#4a5568;--bs-dock-ship-placed:#38a169;--bs-dock-text:#e2e8f0;--bs-dock-text-secondary:#a0aec0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-dock-bg:#1e1e2e;--bs-dock-border:#3a3a5a;--bs-dock-ship-bg:#4a5568;--bs-dock-ship-placed:#38a169;--bs-dock-text:#e2e8f0;--bs-dock-text-secondary:#a0aec0}}.bs-ship-dock{background:#f8f9fa;background:var(--bs-dock-bg);border:1px solid #dee2e6;border:1px solid var(--bs-dock-border);border-radius:10px;max-width:280px;padding:12px;width:100%}.bs-ship-dock__title{color:#212529;color:var(--bs-dock-text);font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-align:center;text-transform:uppercase}.bs-ship-dock__list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bs-ship-dock__item{align-items:center;background:#6c757d;background:var(--bs-dock-ship-bg);border-radius:6px;cursor:grab;display:flex;gap:8px;min-height:44px;padding:6px 8px;transition:opacity .2s,transform .15s}.bs-ship-dock__item:active{cursor:grabbing;transform:scale(.98)}.bs-ship-dock__item--placed{background:#28a745;background:var(--bs-dock-ship-placed);cursor:default;opacity:.6}.bs-ship-dock__item--disabled{cursor:not-allowed;opacity:.5}.bs-ship-dock__ship-name{color:#fff;color:var(--bs-dock-ship-text);font-size:.75rem;font-weight:600;min-width:70px}.bs-ship-dock__ship-cells{display:flex;flex:1 1;gap:2px}.bs-ship-dock__ship-cell{background:#ffffff4d;border:1px solid #fff3;border-radius:2px;height:16px;width:16px}.bs-ship-dock__rotate-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;color:var(--bs-dock-ship-text);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:32px;min-width:32px;padding:4px;transition:background-color .15s}.bs-ship-dock__rotate-btn:hover{background:#fff3}.bs-ship-dock__actions{display:flex;flex-direction:column;gap:8px}.bs-ship-dock__btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:10px 16px;transition:background-color .2s,opacity .2s;width:100%}.bs-ship-dock__btn--auto{background:#007bff;background:var(--bs-dock-btn-primary)}.bs-ship-dock__btn--auto:hover{background:#0056b3;background:var(--bs-dock-btn-hover)}.bs-ship-dock__btn--ready{background:#28a745;background:var(--bs-dock-btn-success)}.bs-ship-dock__btn--ready:hover{background:#218838}.bs-ship-dock__btn:disabled{background:#adb5bd;background:var(--bs-dock-btn-disabled);cursor:not-allowed;opacity:.7}@media (max-width:768px){.bs-ship-dock{max-width:100%;padding:10px}.bs-ship-dock__list{gap:4px}.bs-ship-dock__item{padding:5px 6px}}:root{--bs-fleet-bg:#f8f9fa;--bs-fleet-border:#dee2e6;--bs-fleet-text:#212529;--bs-fleet-text-secondary:#6c757d;--bs-fleet-afloat:#28a745;--bs-fleet-sunk:#dc3545;--bs-fleet-ship-bg:#e9ecef}.dark-mode,[data-theme=dark]{--bs-fleet-bg:#1e1e2e;--bs-fleet-border:#3a3a5a;--bs-fleet-text:#e2e8f0;--bs-fleet-text-secondary:#a0aec0;--bs-fleet-ship-bg:#2d3748}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-fleet-bg:#1e1e2e;--bs-fleet-border:#3a3a5a;--bs-fleet-text:#e2e8f0;--bs-fleet-text-secondary:#a0aec0;--bs-fleet-ship-bg:#2d3748}}.bs-fleet-status{background:#f8f9fa;background:var(--bs-fleet-bg);border:1px solid #dee2e6;border:1px solid var(--bs-fleet-border);border-radius:10px;max-width:280px;padding:12px;width:100%}.bs-fleet-status__section{margin-bottom:12px}.bs-fleet-status__section:last-child{margin-bottom:0}.bs-fleet-status__title{color:#212529;color:var(--bs-fleet-text);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.bs-fleet-status__summary{color:#6c757d;color:var(--bs-fleet-text-secondary);font-size:.7rem;margin-bottom:6px}.bs-fleet-status__list{display:flex;flex-direction:column;gap:4px}.bs-fleet-status__ship{align-items:center;background:#e9ecef;background:var(--bs-fleet-ship-bg);border-radius:6px;display:flex;font-size:.75rem;gap:6px;padding:4px 8px}.bs-fleet-status__ship-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.bs-fleet-status__ship-indicator--afloat{background:#28a745;background:var(--bs-fleet-afloat)}.bs-fleet-status__ship-indicator--sunk{background:#dc3545;background:var(--bs-fleet-sunk)}.bs-fleet-status__ship-name{color:#212529;color:var(--bs-fleet-text);flex:1 1;font-weight:500}.bs-fleet-status__ship-name--sunk{opacity:.6;text-decoration:line-through}.bs-fleet-status__ship-size{color:#6c757d;color:var(--bs-fleet-text-secondary);font-size:.65rem}.bs-fleet-status__ship-status{font-size:.65rem;font-weight:600;text-transform:uppercase}.bs-fleet-status__ship-status--afloat{color:#28a745;color:var(--bs-fleet-afloat)}.bs-fleet-status__ship-status--sunk{color:#dc3545;color:var(--bs-fleet-sunk)}.bs-fleet-status__divider{background:#dee2e6;background:var(--bs-fleet-border);height:1px;margin:8px 0}@media (max-width:768px){.bs-fleet-status{max-width:100%;padding:10px}}:root{--bs-history-bg:#f8f9fa;--bs-history-border:#dee2e6;--bs-history-text:#212529;--bs-history-text-secondary:#6c757d;--bs-history-hit:#e74c3c;--bs-history-miss:#95a5a6;--bs-history-sunk:#c0392b;--bs-history-item-bg:#fff;--bs-history-item-hover:#f1f3f5;--bs-history-current:#3498db1a}.dark-mode,[data-theme=dark]{--bs-history-bg:#1e1e2e;--bs-history-border:#3a3a5a;--bs-history-text:#e2e8f0;--bs-history-text-secondary:#a0aec0;--bs-history-item-bg:#2d3748;--bs-history-item-hover:#374151;--bs-history-current:#3498db33}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-history-bg:#1e1e2e;--bs-history-border:#3a3a5a;--bs-history-text:#e2e8f0;--bs-history-text-secondary:#a0aec0;--bs-history-item-bg:#2d3748;--bs-history-item-hover:#374151;--bs-history-current:#3498db33}}.bs-attack-history{background:#f8f9fa;background:var(--bs-history-bg);border:1px solid #dee2e6;border:1px solid var(--bs-history-border);border-radius:10px;display:flex;flex-direction:column;max-width:280px;padding:12px;width:100%}.bs-attack-history__title{color:#212529;color:var(--bs-history-text);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.bs-attack-history__list{display:flex;flex:1 1;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto}.bs-attack-history__list::-webkit-scrollbar{width:4px}.bs-attack-history__list::-webkit-scrollbar-track{background:#0000}.bs-attack-history__list::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--bs-history-border);border-radius:2px}.bs-attack-history__item{align-items:center;background:#fff;background:var(--bs-history-item-bg);border-radius:4px;color:#212529;color:var(--bs-history-text);display:flex;font-size:.7rem;gap:6px;padding:4px 8px;transition:background-color .15s}.bs-attack-history__item:hover{background:#f1f3f5;background:var(--bs-history-item-hover)}.bs-attack-history__item--current{background:#3498db1a;background:var(--bs-history-current)}.bs-attack-history__move-num{color:#6c757d;color:var(--bs-history-text-secondary);font-weight:600;min-width:20px}.bs-attack-history__attacker{font-weight:500;min-width:45px}.bs-attack-history__coord{font-family:monospace;font-weight:600;min-width:24px}.bs-attack-history__result{font-weight:700;margin-left:auto}.bs-attack-history__result--hit{color:#e74c3c;color:var(--bs-history-hit)}.bs-attack-history__result--miss{color:#95a5a6;color:var(--bs-history-miss)}.bs-attack-history__result--sunk{color:#c0392b;color:var(--bs-history-sunk)}.bs-attack-history__empty{color:#6c757d;color:var(--bs-history-text-secondary);font-size:.75rem;font-style:italic;padding:16px 0;text-align:center}@media (max-width:768px){.bs-attack-history{max-width:100%;padding:10px}.bs-attack-history__list{max-height:150px}}:root{--bs-mode-bg:#f8f9fa;--bs-mode-text:#212529;--bs-mode-text-secondary:#6c757d;--bs-mode-card-bg:#fff;--bs-mode-card-border:#dee2e6;--bs-mode-card-hover:#e9ecef;--bs-mode-card-shadow:#00000014;--bs-mode-accent:#2980b9;--bs-mode-accent-hover:#1a6da0;--bs-mode-success:#28a745;--bs-mode-warning:#ffc107;--bs-mode-error:#dc3545;--bs-mode-input-bg:#fff;--bs-mode-input-border:#ced4da;--bs-mode-guest-bg:#fff3cd;--bs-mode-guest-border:#ffc107}.dark-mode,[data-theme=dark]{--bs-mode-bg:#1a1a2e;--bs-mode-text:#e2e8f0;--bs-mode-text-secondary:#a0aec0;--bs-mode-card-bg:#2d3748;--bs-mode-card-border:#4a5568;--bs-mode-card-hover:#374151;--bs-mode-card-shadow:#0000004d;--bs-mode-input-bg:#2d3748;--bs-mode-input-border:#4a5568;--bs-mode-guest-bg:#3d3200;--bs-mode-guest-border:#b8860b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-mode-bg:#1a1a2e;--bs-mode-text:#e2e8f0;--bs-mode-text-secondary:#a0aec0;--bs-mode-card-bg:#2d3748;--bs-mode-card-border:#4a5568;--bs-mode-card-hover:#374151;--bs-mode-card-shadow:#0000004d;--bs-mode-input-bg:#2d3748;--bs-mode-input-border:#4a5568;--bs-mode-guest-bg:#3d3200;--bs-mode-guest-border:#b8860b}}.bs-mode-selector{color:#212529;color:var(--bs-mode-text);margin:0 auto;max-width:600px;padding:24px 16px}.bs-mode-header{margin-bottom:24px;text-align:center}.bs-mode-header h2{color:#212529;color:var(--bs-mode-text);font-size:1.8rem;font-weight:700;margin:0 0 4px}.bs-mode-subtitle{color:#6c757d;color:var(--bs-mode-text-secondary);font-size:.95rem;margin:0}.bs-back-button{background:none;border:none;border-radius:6px;color:#2980b9;color:var(--bs-mode-accent);cursor:pointer;font-size:.95rem;margin-bottom:8px;min-height:44px;padding:8px 12px;transition:background-color .15s}.bs-back-button:hover{background:#e9ecef;background:var(--bs-mode-card-hover)}.bs-guest-games-banner{align-items:center;background:#fff3cd;background:var(--bs-mode-guest-bg);border:1px solid #ffc107;border:1px solid var(--bs-mode-guest-border);border-radius:8px;color:#212529;color:var(--bs-mode-text);display:flex;font-size:.85rem;gap:8px;margin-bottom:16px;padding:10px 14px}.bs-guest-games-icon{font-size:1.2rem}.bs-mode-options{gap:12px}.bs-mode-card,.bs-mode-options{display:flex;flex-direction:column}.bs-mode-card{align-items:center;background:#fff;background:var(--bs-mode-card-bg);border:2px solid #dee2e6;border:2px solid var(--bs-mode-card-border);border-radius:12px;color:#212529;color:var(--bs-mode-text);cursor:pointer;font-family:inherit;min-height:44px;padding:20px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s;width:100%}.bs-mode-card:hover{border-color:#2980b9;border-color:var(--bs-mode-accent);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--bs-mode-card-shadow);transform:translateY(-2px)}.bs-mode-card h3{font-size:1.1rem;font-weight:600;margin:8px 0 4px}.bs-mode-card p{color:#6c757d;color:var(--bs-mode-text-secondary);font-size:.85rem;margin:0}.bs-mode-icon{font-size:2rem}.bs-difficulty-options{display:flex;flex-direction:column;gap:12px}.bs-difficulty-card{align-items:center;background:#fff;background:var(--bs-mode-card-bg);border:2px solid #dee2e6;border:2px solid var(--bs-mode-card-border);border-radius:12px;color:#212529;color:var(--bs-mode-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;min-height:44px;padding:16px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s;width:100%}.bs-difficulty-card:hover{border-color:#2980b9;border-color:var(--bs-mode-accent);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--bs-mode-card-shadow);transform:translateY(-2px)}.bs-difficulty-icon{font-size:1.8rem}.bs-difficulty-card h3{font-size:1rem;font-weight:600;margin:6px 0 4px}.bs-difficulty-description{color:#6c757d;color:var(--bs-mode-text-secondary);font-size:.8rem;margin:0 0 8px}.bs-difficulty-features{color:#6c757d;color:var(--bs-mode-text-secondary);font-size:.75rem;list-style:none;margin:0;padding:0}.bs-difficulty-features li{padding:2px 0}.bs-difficulty-features li:before{content:"• "}.bs-online-options{display:flex;flex-direction:column;gap:12px}.bs-online-card{align-items:center;background:#fff;background:var(--bs-mode-card-bg);border:2px solid #dee2e6;border:2px solid var(--bs-mode-card-border);border-radius:12px;color:#212529;color:var(--bs-mode-text);display:flex;flex-direction:column;padding:16px;text-align:center}.bs-online-card--create{cursor:pointer;font-family:inherit;min-height:44px;transition:border-color .2s,box-shadow .2s,transform .15s;width:100%}.bs-online-card--create:hover{border-color:#2980b9;border-color:var(--bs-mode-accent);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--bs-mode-card-shadow);transform:translateY(-2px)}.bs-online-icon{font-size:1.8rem}.bs-online-card h3{font-size:1rem;font-weight:600;margin:6px 0 4px}.bs-online-card p{color:#6c757d;color:var(--bs-mode-text-secondary);font-size:.8rem;margin:0 0 8px}.bs-room-code-form{display:flex;gap:8px;margin-top:8px;max-width:300px;width:100%}.bs-room-code-input{background:#fff;background:var(--bs-mode-input-bg);border:2px solid #ced4da;border:2px solid var(--bs-mode-input-border);border-radius:8px;color:#212529;color:var(--bs-mode-text);flex:1 1;font-family:monospace;font-size:1rem;letter-spacing:.15em;min-height:44px;padding:10px 12px;text-align:center;text-transform:uppercase}.bs-room-code-input:focus{border-color:#2980b9;border-color:var(--bs-mode-accent);box-shadow:0 0 0 3px #2980b933;outline:none}.bs-room-code-input.error{border-color:#dc3545;border-color:var(--bs-mode-error)}.bs-join-button{background:#2980b9;background:var(--bs-mode-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:10px 16px;transition:background-color .2s;white-space:nowrap}.bs-join-button:hover{background:#1a6da0;background:var(--bs-mode-accent-hover)}.bs-join-button:disabled{cursor:not-allowed;opacity:.6}.bs-error-message{color:#dc3545;color:var(--bs-mode-error);font-size:.8rem;margin-top:6px}@media (max-width:480px){.bs-mode-selector{padding:16px 12px}.bs-mode-header h2{font-size:1.4rem}.bs-mode-card{padding:14px}}:root{--bs-game-bg:#f0f4f8;--bs-game-text:#212529;--bs-game-text-secondary:#6c757d;--bs-game-header-bg:#fff;--bs-game-header-border:#dee2e6;--bs-game-btn-bg:#e9ecef;--bs-game-btn-hover:#dee2e6;--bs-game-btn-text:#495057;--bs-game-btn-primary:#2980b9;--bs-game-btn-danger:#dc3545;--bs-game-turn-bg:#fff;--bs-game-turn-border:#dee2e6;--bs-game-overlay-bg:#000000d9;--bs-game-tab-bg:#e9ecef;--bs-game-tab-active:#2980b9;--bs-game-tab-text:#495057;--bs-game-tab-active-text:#fff;--bs-game-waiting-bg:#fff}.dark-mode,[data-theme=dark]{--bs-game-bg:#0f0f1a;--bs-game-text:#e2e8f0;--bs-game-text-secondary:#a0aec0;--bs-game-header-bg:#1a1a2e;--bs-game-header-border:#3a3a5a;--bs-game-btn-bg:#2d3748;--bs-game-btn-hover:#374151;--bs-game-btn-text:#e2e8f0;--bs-game-turn-bg:#1a1a2e;--bs-game-turn-border:#3a3a5a;--bs-game-tab-bg:#2d3748;--bs-game-tab-active:#2980b9;--bs-game-tab-text:#a0aec0;--bs-game-waiting-bg:#1a1a2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bs-game-bg:#0f0f1a;--bs-game-text:#e2e8f0;--bs-game-text-secondary:#a0aec0;--bs-game-header-bg:#1a1a2e;--bs-game-header-border:#3a3a5a;--bs-game-btn-bg:#2d3748;--bs-game-btn-hover:#374151;--bs-game-btn-text:#e2e8f0;--bs-game-turn-bg:#1a1a2e;--bs-game-turn-border:#3a3a5a;--bs-game-tab-bg:#2d3748;--bs-game-tab-active:#2980b9;--bs-game-tab-text:#a0aec0;--bs-game-waiting-bg:#1a1a2e}}.bs-game-container{color:#212529;color:var(--bs-game-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:16px;width:100%}.bs-game-header{align-items:center;background:#fff;background:var(--bs-game-header-bg);border:1px solid #dee2e6;border:1px solid var(--bs-game-header-border);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.bs-game-header h1{color:#212529;color:var(--bs-game-text);font-size:1.1rem;font-weight:700;margin:0}.bs-game-controls{display:flex;flex-wrap:wrap;gap:8px}.bs-game-btn{background:#e9ecef;background:var(--bs-game-btn-bg);border:none;border-radius:8px;color:#495057;color:var(--bs-game-btn-text);cursor:pointer;font-size:.8rem;font-weight:600;min-height:36px;padding:8px 14px;transition:background-color .2s,opacity .2s}.bs-game-btn:hover{background:#dee2e6;background:var(--bs-game-btn-hover)}.bs-game-btn:disabled{cursor:not-allowed;opacity:.5}.bs-game-btn--new{background:#2980b9;background:var(--bs-game-btn-primary);color:#fff}.bs-game-btn--new:hover{background:#1a6da0}.bs-game-btn--exit{background:#e9ecef;background:var(--bs-game-btn-bg)}.bs-game-btn--resign{background:#dc3545;background:var(--bs-game-btn-danger);color:#fff}.bs-game-btn--resign:hover{background:#c82333}.bs-turn-indicator{align-items:center;background:#fff;background:var(--bs-game-turn-bg);border:1px solid #dee2e6;border:1px solid var(--bs-game-turn-border);border-radius:8px;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:10px 16px}.bs-turn-indicator--game-over{background:#000000d9;background:var(--bs-game-overlay-bg);border-color:#0000;color:#fff}.bs-turn-indicator__text{color:inherit}.bs-game-placement{align-items:flex-start;display:flex;gap:16px;justify-content:center}.bs-game-placement__dock{flex-shrink:0}.bs-game-placement__board{flex:1 1;max-width:480px}.bs-game-attack{align-items:flex-start}.bs-game-attack,.bs-game-attack__boards{display:flex;gap:16px;justify-content:center}.bs-game-attack__boards{flex:1 1}.bs-game-attack__board{flex:1 1;max-width:420px}.bs-game-attack__sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:280px}.bs-grid-tabs{display:none;margin-bottom:12px}.bs-grid-tabs__container{background:#e9ecef;background:var(--bs-game-tab-bg);border-radius:8px;display:flex;gap:3px;padding:3px}.bs-grid-tab{background:#0000;border:none;border-radius:6px;color:#495057;color:var(--bs-game-tab-text);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;min-height:44px;padding:10px 16px;transition:background-color .2s,color .2s}.bs-grid-tab--active{background:#2980b9;background:var(--bs-game-tab-active);color:#fff;color:var(--bs-game-tab-active-text)}.bs-game-result-overlay{align-items:center;animation:bs-overlay-fade-in .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;background:var(--bs-game-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes bs-overlay-fade-in{0%{opacity:0}to{opacity:1}}.bs-game-result{animation:bs-result-slide-up .5s ease-out .2s both;color:#fff;padding:32px;text-align:center}@keyframes bs-result-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bs-game-result__icon{font-size:4rem;margin-bottom:12px}.bs-game-result__title{font-size:2rem;font-weight:700;margin-bottom:8px}.bs-game-result__stats{font-size:.9rem;line-height:1.6;margin-bottom:20px;opacity:.9}.bs-game-result__actions{display:flex;gap:12px;justify-content:center}.bs-game-result__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:12px 24px;transition:background-color .2s}.bs-game-result__btn--primary{background:#2980b9;background:var(--bs-game-btn-primary);color:#fff}.bs-game-result__btn--primary:hover{background:#1a6da0}.bs-game-result__btn--secondary{background:#e9ecef;background:var(--bs-game-btn-bg);color:#495057;color:var(--bs-game-btn-text)}.bs-game-result__btn--secondary:hover{background:#dee2e6;background:var(--bs-game-btn-hover)}.bs-ai-thinking{align-items:center;animation:bs-thinking-pulse 1.5s ease-in-out infinite;background:#fff;background:var(--bs-game-turn-bg);border:1px solid #dee2e6;border:1px solid var(--bs-game-turn-border);border-radius:8px;color:#6c757d;color:var(--bs-game-text-secondary);display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-bottom:12px;padding:8px 16px}@keyframes bs-thinking-pulse{0%,to{opacity:1}50%{opacity:.6}}.bs-waiting-room{align-items:center;background:#fff;background:var(--bs-game-waiting-bg);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:400px;padding:40px 20px;text-align:center}.bs-waiting-room__spinner{animation:bs-spin 2s linear infinite;font-size:2rem;margin-bottom:16px}@keyframes bs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bs-waiting-room__text{color:#212529;color:var(--bs-game-text);font-size:1rem;margin-bottom:16px}@media (max-width:767px){.bs-game-container{padding:8px}.bs-game-header{padding:8px 12px}.bs-game-header h1{font-size:.95rem}.bs-game-placement{align-items:center;flex-direction:column}.bs-game-placement__board,.bs-game-placement__dock{max-width:100%;width:100%}.bs-grid-tabs{display:block}.bs-game-attack{align-items:center;flex-direction:column}.bs-game-attack__boards{flex-direction:column;width:100%}.bs-game-attack__board{max-width:100%;width:100%}.bs-game-attack__board--hidden{display:none}.bs-game-attack__sidebar{flex-direction:row;overflow-x:auto;width:100%}}@media (min-width:768px){.bs-game-attack__boards{flex-direction:row}.bs-game-attack__board--hidden{display:block!important}}@media (prefers-reduced-motion:reduce){.bs-ai-thinking,.bs-game-result,.bs-game-result-overlay,.bs-waiting-room__spinner{animation:none!important}}.poker-card{align-items:center;background:#fff;background:var(--poker-card-bg,#fff);border:2px solid #999;border:2px solid var(--poker-card-border,#999);border-radius:6px;box-shadow:0 1px 3px #00000026;color:#222;color:var(--poker-card-text,#222);display:inline-flex;flex-direction:column;font-family:Georgia,serif;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.poker-card--small{font-size:12px;height:52px;width:36px}.poker-card--medium{font-size:16px;height:80px;width:56px}.poker-card--large{font-size:22px;height:112px;width:80px}.poker-card--red{color:#d32f2f;color:var(--poker-card-red,#d32f2f)}.poker-card--black{color:#222;color:var(--poker-card-black,#222)}.poker-card__rank{font-weight:700;line-height:1}.poker-card__suit{line-height:1}.poker-card--small .poker-card__rank{font-size:11px}.poker-card--small .poker-card__suit{font-size:13px}.poker-card--medium .poker-card__rank{font-size:16px}.poker-card--medium .poker-card__suit{font-size:20px}.poker-card--large .poker-card__rank{font-size:22px}.poker-card--large .poker-card__suit{font-size:28px}.poker-card--face-down{background:linear-gradient(135deg,#1a237e 25%,#283593 50%,#1a237e 75%);background:var(--poker-card-back-bg,linear-gradient(135deg,#1a237e 25%,#283593 50%,#1a237e 75%));border-color:#0d47a1;border-color:var(--poker-card-back-border,#0d47a1)}.poker-card--face-down .poker-card__back-pattern{align-items:center;color:#ffffff4d;color:var(--poker-card-back-pattern,#ffffff4d);display:flex;font-size:inherit;height:100%;justify-content:center;width:100%}.poker-card--small .poker-card__back-pattern{font-size:16px}.poker-card--medium .poker-card__back-pattern{font-size:24px}.poker-card--large .poker-card__back-pattern{font-size:32px}.poker-card--highlighted{border-color:gold;border-color:var(--poker-card-highlight,gold);box-shadow:0 0 8px #ffd70099;box-shadow:0 0 8px var(--poker-card-highlight-glow,#ffd70099);transform:translateY(-4px)}.poker-card--animate-reveal{animation:pokerCardReveal .5s ease-out}@keyframes pokerCardReveal{0%{opacity:0;transform:rotateY(90deg) scale(.8)}50%{opacity:.5;transform:rotateY(45deg) scale(.9)}to{opacity:1;transform:rotateY(0deg) scale(1)}}[data-theme=dark] .poker-card{--poker-card-bg:#2a2a2a;--poker-card-border:#555;--poker-card-text:#eee;--poker-card-red:#ef5350;--poker-card-black:#e0e0e0;--poker-card-back-bg:linear-gradient(135deg,#1a237e 25%,#283593 50%,#1a237e 75%);--poker-card-back-border:#3949ab;--poker-card-back-pattern:#fff3;--poker-card-highlight:gold;--poker-card-highlight-glow:#ffd70066}.poker-table-container{margin:0 auto;max-width:800px;position:relative;width:100%}.poker-table{background:radial-gradient(ellipse at center,#2e7d32 0,#1b5e20 70%,#0d3b0f 100%);background:var(--poker-felt,radial-gradient(ellipse at center,#2e7d32 0,#1b5e20 70%,#0d3b0f 100%));border:6px solid #5d4037;border:6px solid var(--poker-table-rail,#5d4037);border-radius:50%/40%;box-shadow:0 4px 20px #0006,inset 0 0 40px #0003;overflow:visible;padding-top:60%;position:relative;width:100%}.poker-table__inner{bottom:0;flex-direction:column;left:0;position:absolute;right:0;top:0}.poker-table__community,.poker-table__inner{align-items:center;display:flex;justify-content:center}.poker-table__community{gap:6px;margin-bottom:8px}.poker-table__pot{background:#0000004d;border-radius:12px;color:gold;color:var(--poker-pot-text,gold);font-size:16px;font-weight:700;padding:4px 12px;text-align:center;text-shadow:0 1px 3px #00000080}.poker-table__pot-label{color:#ffffffb3;display:block;font-size:11px;font-weight:400}.poker-seat{align-items:center;display:flex;flex-direction:column;gap:2px;position:absolute;transition:transform .2s ease;z-index:2}.poker-seat--0{bottom:-10%;left:50%;transform:translateX(-50%)}.poker-seat--1{bottom:5%;left:8%;transform:translateX(-50%)}.poker-seat--2{left:-5%;top:25%;transform:translateX(-50%)}.poker-seat--3{left:20%}.poker-seat--3,.poker-seat--4{top:-10%;transform:translateX(-50%)}.poker-seat--4{left:50%}.poker-seat--5{right:20%;top:-10%;transform:translateX(50%)}.poker-seat--6{right:-5%;top:25%;transform:translateX(50%)}.poker-seat--7{bottom:5%;right:8%;transform:translateX(50%)}.poker-seat__info{background:#000000b3;background:var(--poker-seat-bg,#000000b3);border:2px solid #555;border:2px solid var(--poker-seat-border,#555);border-radius:8px;color:#fff;color:var(--poker-seat-text,#fff);font-size:12px;min-width:80px;padding:6px 10px;text-align:center}.poker-seat--active .poker-seat__info{border-color:gold;border-color:var(--poker-seat-active-border,gold);box-shadow:0 0 10px #ffd70080;box-shadow:0 0 10px var(--poker-seat-active-glow,#ffd70080)}.poker-seat--folded .poker-seat__info{opacity:.5}.poker-seat--eliminated .poker-seat__info{opacity:.3}.poker-seat__name{font-size:12px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poker-seat__chips{color:gold;color:var(--poker-seat-chips,gold);font-size:11px}.poker-seat__action{font-size:10px;font-weight:600;margin-top:2px}.poker-seat__action--fold{color:#ef5350}.poker-seat__action--check{color:#66bb6a}.poker-seat__action--call{color:#42a5f5}.poker-seat__action--raise{color:#ffa726}.poker-seat__action--all-in{color:#ce93d8}.poker-seat__markers{display:flex;gap:3px;justify-content:center}.poker-seat__marker{border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:1px 4px}.poker-seat__marker--dealer{background:#fff;color:#333}.poker-seat__marker--sb{background:#42a5f5}.poker-seat__marker--bb{background:#ef5350}.poker-seat__cards{display:flex;gap:2px}.poker-seat__timer{color:gold;color:var(--poker-timer-text,gold);font-size:10px;font-weight:700;margin-top:2px}.poker-seat__timer--warning{animation:timerPulse .5s infinite alternate;color:#ef5350}@keyframes timerPulse{0%{opacity:1}to{opacity:.5}}.poker-seat__busted{color:#ef5350;font-size:10px;font-weight:700}.poker-card-deal{animation:cardDeal .4s ease-out}@keyframes cardDeal{0%{opacity:0;transform:translateY(-40px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width:767px){.poker-table{border-radius:16px;padding-top:80%}.poker-seat__info{font-size:10px;min-width:60px;padding:4px 6px}.poker-seat__name{font-size:10px;max-width:60px}.poker-seat__chips{font-size:9px}.poker-table__pot{font-size:13px}.poker-seat--0{bottom:-12%}.poker-seat--1{bottom:2%;left:5%}.poker-seat--2{left:-8%;top:20%}.poker-seat--3{left:15%;top:-12%}.poker-seat--4{top:-12%}.poker-seat--5{right:15%;top:-12%}.poker-seat--6{right:-8%;top:20%}.poker-seat--7{bottom:2%;right:5%}}[data-theme=dark] .poker-table{--poker-felt:radial-gradient(ellipse at center,#1a472a 0%,#0d3b0f 70%,#061f07 100%);--poker-table-rail:#3e2723;--poker-seat-bg:#000c;--poker-seat-border:#666}.poker-betting-controls{background:#f0f0f0;background:var(--poker-controls-bg,#f0f0f0);border:1px solid #ccc;border:1px solid var(--poker-controls-border,#ccc);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.poker-betting-controls--disabled{opacity:.5;pointer-events:none}.poker-betting-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.poker-action-btn{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center;min-height:44px;min-width:44px;padding:8px 16px;transition:background .15s,transform .1s,box-shadow .15s}.poker-action-btn:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--poker-focus-ring,#1976d2);outline-offset:2px}.poker-action-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.poker-action-btn:not(:disabled):hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.poker-action-btn:not(:disabled):active{transform:translateY(0)}.poker-action-btn--fold{background:#ef5350;background:var(--poker-btn-fold-bg,#ef5350);border-color:#c62828;border-color:var(--poker-btn-fold-border,#c62828);color:#fff}.poker-action-btn--check{background:#66bb6a;background:var(--poker-btn-check-bg,#66bb6a);border-color:#2e7d32;border-color:var(--poker-btn-check-border,#2e7d32);color:#fff}.poker-action-btn--call{background:#42a5f5;background:var(--poker-btn-call-bg,#42a5f5);border-color:#1565c0;border-color:var(--poker-btn-call-border,#1565c0);color:#fff}.poker-action-btn--raise{background:#ffa726;background:var(--poker-btn-raise-bg,#ffa726);border-color:#e65100;border-color:var(--poker-btn-raise-border,#e65100);color:#fff}.poker-action-btn--all-in{background:#ab47bc;background:var(--poker-btn-allin-bg,#ab47bc);border-color:#6a1b9a;border-color:var(--poker-btn-allin-border,#6a1b9a);color:#fff}.poker-raise-section{display:flex;flex-direction:column;gap:6px}.poker-raise-slider-row{align-items:center;display:flex;gap:8px}.poker-raise-slider{appearance:none;background:#ccc;background:var(--poker-slider-track,#ccc);border-radius:3px;flex:1 1;height:6px;outline:none}.poker-raise-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1976d2;background:var(--poker-slider-thumb,#1976d2);border-radius:50%;cursor:pointer;height:20px;width:20px}.poker-raise-slider::-moz-range-thumb{background:#1976d2;background:var(--poker-slider-thumb,#1976d2);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.poker-raise-amount{color:#333;color:var(--poker-raise-amount-text,#333);font-size:14px;font-weight:700;min-width:60px;text-align:center}.poker-raise-presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.poker-preset-btn{background:#fff;background:var(--poker-preset-bg,#fff);border:1px solid #aaa;border:1px solid var(--poker-preset-border,#aaa);border-radius:6px;color:#333;color:var(--poker-preset-text,#333);cursor:pointer;font-size:12px;font-weight:600;min-height:36px;min-width:44px;padding:4px 10px;transition:background .15s}.poker-preset-btn:hover{background:#e3f2fd;background:var(--poker-preset-hover,#e3f2fd)}.poker-preset-btn:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--poker-focus-ring,#1976d2);outline-offset:2px}.poker-allin-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.poker-allin-dialog{background:#fff;background:var(--poker-dialog-bg,#fff);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:340px;padding:24px;text-align:center;width:90%}.poker-allin-dialog__title{color:#333;color:var(--poker-dialog-title,#333);font-size:20px;font-weight:700;margin:0 0 8px}.poker-allin-dialog__message{color:#666;color:var(--poker-dialog-text,#666);font-size:14px;margin:0 0 20px}.poker-allin-dialog__amount{color:#ab47bc;color:var(--poker-dialog-amount,#ab47bc);font-size:24px;font-weight:700;margin:0 0 20px}.poker-allin-dialog__actions{display:flex;gap:12px;justify-content:center}.poker-allin-dialog__btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:10px 24px}.poker-allin-dialog__btn--confirm{background:#ab47bc;background:var(--poker-btn-allin-bg,#ab47bc);color:#fff}.poker-allin-dialog__btn--cancel{background:#e0e0e0;background:var(--poker-dialog-cancel-bg,#e0e0e0);color:#333;color:var(--poker-dialog-cancel-text,#333)}[data-theme=dark] .poker-betting-controls{--poker-controls-bg:#2a2a2a;--poker-controls-border:#555;--poker-raise-amount-text:#e0e0e0;--poker-preset-bg:#333;--poker-preset-text:#e0e0e0;--poker-preset-border:#555;--poker-preset-hover:#3a3a3a;--poker-slider-track:#555;--poker-slider-thumb:#42a5f5;--poker-dialog-bg:#333;--poker-dialog-title:#e0e0e0;--poker-dialog-text:#aaa;--poker-dialog-amount:#ce93d8;--poker-dialog-cancel-bg:#555;--poker-dialog-cancel-text:#e0e0e0}.poker-hand-history{background:#f8f9fa;background:var(--poker-history-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--poker-history-border,#dee2e6);border-radius:8px;font-size:13px;max-height:300px;overflow-y:auto;padding:12px}.poker-hand-history__title{color:#333;color:var(--poker-history-title,#333);font-size:14px;font-weight:700;margin:0 0 8px}.poker-hand-history__empty{color:#888;color:var(--poker-history-muted,#888);font-style:italic;padding:16px 0;text-align:center}.poker-history-round{margin-bottom:10px}.poker-history-round__header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--poker-history-divider,#e0e0e0);color:#555;color:var(--poker-history-round-header,#555);font-size:12px;font-weight:600;margin-bottom:4px;padding-bottom:2px;text-transform:uppercase}.poker-history-round__cards{display:flex;gap:4px;margin:4px 0 6px}.poker-history-action{align-items:center;color:#444;color:var(--poker-history-action-text,#444);display:flex;gap:6px;padding:2px 0}.poker-history-action__player{font-weight:600;min-width:60px}.poker-history-action__type{font-weight:500}.poker-history-action__type--fold{color:#d32f2f;color:var(--poker-action-fold,#d32f2f)}.poker-history-action__type--check{color:#388e3c;color:var(--poker-action-check,#388e3c)}.poker-history-action__type--call{color:#1976d2;color:var(--poker-action-call,#1976d2)}.poker-history-action__type--raise{color:#f57c00;color:var(--poker-action-raise,#f57c00)}.poker-history-action__type--all-in{color:#7b1fa2;color:var(--poker-action-allin,#7b1fa2);font-weight:700}.poker-history-action__amount{color:#666;color:var(--poker-history-amount,#666);font-size:12px}[data-theme=dark] .poker-hand-history{--poker-history-bg:#1e1e1e;--poker-history-border:#444;--poker-history-title:#e0e0e0;--poker-history-muted:#888;--poker-history-round-header:#aaa;--poker-history-divider:#444;--poker-history-action-text:#ccc;--poker-history-amount:#999;--poker-action-fold:#ef5350;--poker-action-check:#66bb6a;--poker-action-call:#42a5f5;--poker-action-raise:#ffa726;--poker-action-allin:#ce93d8}.poker-mode-selector{margin:0 auto;max-width:600px;padding:24px}.poker-mode-header{margin-bottom:24px;position:relative;text-align:center}.poker-mode-header h2{color:#333;color:var(--poker-mode-title,#333);font-size:28px;margin:0 0 4px}.poker-mode-subtitle{color:#666;color:var(--poker-mode-subtitle,#666);font-size:14px;margin:0}.poker-back-button{background:none;border:1px solid #ccc;border:1px solid var(--poker-mode-back-border,#ccc);border-radius:6px;color:#555;color:var(--poker-mode-back-text,#555);cursor:pointer;font-size:14px;left:0;min-height:44px;min-width:44px;padding:6px 12px;position:absolute;top:0}.poker-back-button:hover{background:#f5f5f5;background:var(--poker-mode-back-hover,#f5f5f5)}.poker-guest-games-banner{align-items:center;background:#fff3e0;background:var(--poker-guest-bg,#fff3e0);border:1px solid #ffe0b2;border:1px solid var(--poker-guest-border,#ffe0b2);border-radius:8px;color:#e65100;color:var(--poker-guest-text,#e65100);display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 16px}.poker-guest-games-icon{font-size:18px}.poker-mode-options{display:flex;flex-direction:column;gap:12px}.poker-mode-card{align-items:center;background:#fff;background:var(--poker-mode-card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--poker-mode-card-border,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:16px;min-height:44px;padding:20px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.poker-mode-card:hover:not(:disabled){border-color:#1976d2;border-color:var(--poker-mode-card-hover,#1976d2);box-shadow:0 2px 8px #0000001a}.poker-mode-card:disabled{cursor:not-allowed;opacity:.5}.poker-mode-icon{flex-shrink:0;font-size:36px}.poker-mode-card h3{color:#333;color:var(--poker-mode-card-title,#333);font-size:18px;margin:0 0 4px}.poker-mode-card p{color:#666;color:var(--poker-mode-card-desc,#666);font-size:13px;margin:0}.poker-difficulty-options{display:flex;flex-direction:column;gap:12px}.poker-difficulty-card{align-items:center;background:#fff;background:var(--poker-mode-card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--poker-mode-card-border,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;min-height:44px;padding:16px;text-align:center;transition:border-color .15s;width:100%}.poker-difficulty-card:hover{border-color:#1976d2;border-color:var(--poker-mode-card-hover,#1976d2)}.poker-difficulty-icon{font-size:28px;margin-bottom:4px}.poker-difficulty-card h3{font-size:16px;margin:0 0 4px}.poker-difficulty-description{color:#666;color:var(--poker-mode-card-desc,#666);font-size:12px;margin:0}.poker-opponent-count{margin-top:16px}.poker-opponent-count label{color:#333;color:var(--poker-mode-card-title,#333);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.poker-opponent-count-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.poker-opponent-btn{background:#fff;background:var(--poker-mode-card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--poker-mode-card-border,#e0e0e0);border-radius:8px;color:#333;color:var(--poker-mode-card-title,#333);cursor:pointer;font-size:16px;font-weight:600;min-height:44px;min-width:44px}.poker-opponent-btn--selected{background:#e3f2fd;background:var(--poker-opponent-selected-bg,#e3f2fd);color:#1976d2;color:var(--poker-mode-card-hover,#1976d2)}.poker-opponent-btn--selected,.poker-opponent-btn:hover{border-color:#1976d2;border-color:var(--poker-mode-card-hover,#1976d2)}.poker-start-btn{background:#1976d2;background:var(--poker-start-bg,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;min-height:44px;padding:12px;width:100%}.poker-start-btn:hover{background:#1565c0;background:var(--poker-start-hover,#1565c0)}.poker-start-btn:disabled{cursor:not-allowed;opacity:.5}.poker-online-options{display:flex;flex-direction:column;gap:12px}.poker-online-card{background:#fff;background:var(--poker-mode-card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--poker-mode-card-border,#e0e0e0);border-radius:12px;padding:20px;text-align:center}.poker-online-card--create{cursor:pointer;transition:border-color .15s}.poker-online-card--create:hover{border-color:#1976d2;border-color:var(--poker-mode-card-hover,#1976d2)}.poker-online-icon{font-size:32px;margin-bottom:8px}.poker-online-card h3{font-size:16px;margin:0 0 4px}.poker-online-card p{color:#666;color:var(--poker-mode-card-desc,#666);font-size:13px;margin:0 0 12px}.poker-room-code-form{display:flex;gap:8px;justify-content:center;margin-top:8px}.poker-room-code-input{border:2px solid #e0e0e0;border:2px solid var(--poker-mode-card-border,#e0e0e0);border-radius:6px;font-family:monospace;font-size:16px;letter-spacing:2px;padding:8px 12px;text-align:center;text-transform:uppercase;width:140px}.poker-room-code-input.error{border-color:#ef5350}.poker-join-button{background:#1976d2;background:var(--poker-start-bg,#1976d2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:8px 16px}.poker-join-button:disabled{cursor:not-allowed;opacity:.5}.poker-error-message{color:#ef5350;font-size:12px;margin-top:6px}[data-theme=dark] .poker-mode-selector{--poker-mode-title:#e0e0e0;--poker-mode-subtitle:#aaa;--poker-mode-back-border:#555;--poker-mode-back-text:#ccc;--poker-mode-back-hover:#333;--poker-guest-bg:#3e2723;--poker-guest-border:#5d4037;--poker-guest-text:#ffab91;--poker-mode-card-border:#555;--poker-mode-card-bg:#2a2a2a;--poker-mode-card-title:#e0e0e0;--poker-mode-card-desc:#aaa;--poker-mode-card-hover:#42a5f5;--poker-opponent-selected-bg:#1a3a5c;--poker-start-bg:#1565c0;--poker-start-hover:#0d47a1}.poker-coach{bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:16px;z-index:80}.poker-coach__toggle{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:24px;box-shadow:0 4px 12px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:transform .2s,box-shadow .2s}.poker-coach__toggle:hover{box-shadow:0 6px 16px #6366f180;transform:translateY(-2px)}.poker-coach__toggle-icon{font-size:18px}.poker-coach__pulse{animation:poker-coach-pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:10px;position:absolute;right:-2px;top:-2px;width:10px}@keyframes poker-coach-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.poker-coach--expanded{bottom:16px;right:16px}.poker-coach--expanded .poker-coach__toggle{border-radius:12px 12px 0 0;justify-content:center;width:100%}.poker-coach__panel{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-height:480px;overflow:hidden;width:340px}.poker-coach__actions{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding:10px 12px}.poker-coach__action-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:background .2s,border-color .2s}.poker-coach__action-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#6366f1}.poker-coach__action-btn:disabled{cursor:not-allowed;opacity:.5}.poker-coach__action-btn--advice{color:#6366f1}.poker-coach__action-btn--analyze{color:#059669}.poker-coach__messages{flex:1 1;max-height:280px;min-height:200px;overflow-y:auto;padding:12px}.poker-coach__message{animation:poker-coach-fadeIn .3s ease;margin-bottom:10px}@keyframes poker-coach-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.poker-coach__message--user{text-align:right}.poker-coach__message--user .poker-coach__message-content{background:#6366f1;border-radius:12px 12px 2px 12px;color:#fff;display:inline-block;font-size:13px;max-width:85%;padding:8px 12px;text-align:left}.poker-coach__message--assistant .poker-coach__message-content{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:12px 12px 12px 2px;color:#1f2937;color:var(--text-primary,#1f2937);display:inline-block;font-size:13px;line-height:1.5;max-width:90%;padding:8px 12px}.poker-coach__typing{display:flex;gap:4px;padding:8px 12px}.poker-coach__typing span{animation:poker-coach-bounce 1.4s infinite;background:#9ca3af;border-radius:50%;height:6px;width:6px}.poker-coach__typing span:nth-child(2){animation-delay:.2s}.poker-coach__typing span:nth-child(3){animation-delay:.4s}@keyframes poker-coach-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.poker-coach__quick-questions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:8px 12px}.poker-coach__quick-questions button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:11px;padding:4px 10px;transition:background .2s,color .2s;white-space:nowrap}.poker-coach__quick-questions button:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.poker-coach__quick-questions button:disabled{cursor:not-allowed;opacity:.5}.poker-coach__input-area{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding:8px 12px}.poker-coach__input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s}.poker-coach__input:focus{border-color:#6366f1}.poker-coach__input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.poker-coach__send-btn{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:background .2s;width:32px}.poker-coach__send-btn:hover:not(:disabled){background:#4f46e5}.poker-coach__send-btn:disabled{background:#d1d5db;cursor:not-allowed}.poker-coach__footer{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:6px 12px}.poker-coach__clear-btn{background:none;border:none;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;font-size:11px;padding:2px 8px}.poker-coach__clear-btn:hover{color:#ef4444}.poker-coach__disclaimer{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:10px}[data-theme=dark] .poker-coach__panel{background:#1f2937;border-color:#374151}[data-theme=dark] .poker-coach__actions{background:#111827;border-color:#374151}[data-theme=dark] .poker-coach__action-btn{background:#1f2937;border-color:#374151;color:#e5e7eb}[data-theme=dark] .poker-coach__message--assistant .poker-coach__message-content{background:#374151;color:#f3f4f6}[data-theme=dark] .poker-coach__input{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .poker-coach__footer,[data-theme=dark] .poker-coach__input-area{background:#111827;border-color:#374151}[data-theme=dark] .poker-coach__quick-questions{border-color:#374151}[data-theme=dark] .poker-coach__quick-questions button{background:#374151;border-color:#4b5563;color:#d1d5db}@media (max-width:768px){.poker-coach{bottom:8px;left:8px;right:8px}.poker-coach__panel{max-height:60vh;width:100%}}.poker-game-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:16px}.poker-game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.poker-game-header h1{color:#333;color:var(--poker-header-text,#333);font-size:20px;margin:0}.poker-game-controls{display:flex;gap:8px}.poker-game-btn{background:#fff;background:var(--poker-btn-bg,#fff);border:1px solid #ccc;border:1px solid var(--poker-btn-border,#ccc);border-radius:6px;color:#333;color:var(--poker-btn-text,#333);cursor:pointer;font-size:13px;font-weight:600;min-height:44px;min-width:44px;padding:8px 16px;transition:background .15s}.poker-game-btn:hover{background:#f5f5f5;background:var(--poker-btn-hover,#f5f5f5)}.poker-game-btn--exit{border-color:#ef5350;border-color:var(--poker-btn-exit-border,#ef5350);color:#ef5350;color:var(--poker-btn-exit-text,#ef5350)}.poker-turn-indicator{background:#e3f2fd;background:var(--poker-turn-bg,#e3f2fd);border-radius:8px;color:#1565c0;color:var(--poker-turn-text,#1565c0);font-size:14px;font-weight:600;margin-bottom:12px;padding:8px 16px;text-align:center}.poker-turn-indicator--game-over{background:#fff3e0;background:var(--poker-turn-gameover-bg,#fff3e0);color:#e65100;color:var(--poker-turn-gameover-text,#e65100)}.poker-ai-thinking{animation:pokerThinkingPulse 1.5s infinite;color:#888;color:var(--poker-ai-thinking-text,#888);font-size:13px;padding:6px;text-align:center}@keyframes pokerThinkingPulse{0%,to{opacity:.5}50%{opacity:1}}.poker-game-layout{display:flex;flex-direction:column;gap:12px}.poker-game-layout__table{flex:1 1}.poker-game-layout__sidebar{display:flex;gap:12px}.poker-game-layout__controls{flex:1 1}.poker-game-layout__history{flex:1 1;max-width:300px}@media (min-width:768px){.poker-game-layout__sidebar{flex-direction:row}}@media (max-width:767px){.poker-game-container{padding:8px}.poker-game-header h1{font-size:16px}.poker-game-layout__sidebar{flex-direction:column}.poker-game-layout__history{max-width:100%}}.poker-result-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.poker-result{background:#fff;background:var(--poker-result-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:90%}.poker-result__icon{font-size:48px;margin-bottom:12px}.poker-result__title{color:#333;color:var(--poker-result-title,#333);font-size:28px;font-weight:700;margin:0 0 8px}.poker-result__subtitle{color:#666;color:var(--poker-result-subtitle,#666);font-size:16px;margin:0 0 16px}.poker-result__stats{color:#555;color:var(--poker-result-stats,#555);font-size:14px;line-height:1.6;margin-bottom:20px}.poker-result__actions{display:flex;gap:12px;justify-content:center}.poker-result__btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:10px 24px}.poker-result__btn--primary{background:#1976d2;background:var(--poker-start-bg,#1976d2);color:#fff}.poker-result__btn--secondary{background:#e0e0e0;background:var(--poker-btn-bg,#e0e0e0);color:#333;color:var(--poker-btn-text,#333)}[data-theme=dark] .poker-game-container{--poker-header-text:#e0e0e0;--poker-btn-border:#555;--poker-btn-bg:#333;--poker-btn-text:#e0e0e0;--poker-btn-hover:#444;--poker-turn-bg:#1a3a5c;--poker-turn-text:#90caf9;--poker-turn-gameover-bg:#3e2723;--poker-turn-gameover-text:#ffab91;--poker-ai-thinking-text:#aaa;--poker-result-bg:#333;--poker-result-title:#e0e0e0;--poker-result-subtitle:#aaa;--poker-result-stats:#ccc}.mafia-mode-selector{color:#1a1a2e;color:var(--text-color,#1a1a2e);font-family:system-ui,sans-serif;font-family:var(--font-family,system-ui,sans-serif);margin:0 auto;max-width:480px;padding:24px;text-align:center}.mafia-mode-selector__title{color:#1a1a2e;color:var(--heading-color,#1a1a2e);font-size:2rem;margin:0 0 8px}.mafia-mode-selector__subtitle{color:#666;color:var(--text-muted,#666);font-size:.95rem;margin:0 0 24px}.mafia-mode-selector__section{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:12px;margin-bottom:16px;padding:20px}.mafia-mode-selector__section-title{color:#1a1a2e;color:var(--heading-color,#1a1a2e);font-size:1.1rem;font-weight:600;margin:0 0 4px}.mafia-mode-selector__section-desc{color:#666;color:var(--text-muted,#666);font-size:.85rem;margin:0 0 16px}.mafia-mode-selector__actions{display:flex;flex-direction:column;gap:10px}.mafia-mode-selector__btn{align-items:center;background:#f8f9fa;background:var(--btn-bg,#f8f9fa);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#1a1a2e;color:var(--text-color,#1a1a2e);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;min-width:44px;padding:14px 20px;transition:background .2s,border-color .2s,transform .1s}.mafia-mode-selector__btn:hover{background:#e9ecef;background:var(--btn-hover-bg,#e9ecef);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7)}.mafia-mode-selector__btn:active{transform:scale(.98)}.mafia-mode-selector__btn--primary{background:#6c5ce7;background:var(--primary-color,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7);color:#fff}.mafia-mode-selector__btn--primary:hover{background:#5a4bd1;background:var(--primary-hover,#5a4bd1);border-color:#5a4bd1;border-color:var(--primary-hover,#5a4bd1)}.mafia-mode-selector__join-input-group{display:flex;gap:8px;margin-top:8px}.mafia-mode-selector__join-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#1a1a2e;color:var(--text-color,#1a1a2e);flex:1 1;font-size:1rem;letter-spacing:2px;min-height:44px;padding:12px;text-align:center;text-transform:uppercase}.mafia-mode-selector__join-input::placeholder{color:#999;color:var(--text-muted,#999);letter-spacing:normal;text-transform:none}.mafia-mode-selector__join-input:focus{border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7);outline:none}.mafia-mode-selector__guest-info{background:#fff3cd;background:var(--warning-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--warning-text,#856404);font-size:.85rem;margin-top:16px;padding:10px}.mafia-mode-selector__how-to-play{margin-top:16px}.mafia-mode-selector__back-btn{align-items:center;background:#0000;border:none;color:#666;color:var(--text-muted,#666);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;margin-top:16px;min-height:44px;min-width:44px;padding:10px 20px}.mafia-mode-selector__back-btn:hover{color:#1a1a2e;color:var(--text-color,#1a1a2e)}.mafia-instructions-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.mafia-instructions{background:#fff;background:var(--card-bg,#fff);border-radius:16px;color:#1a1a2e;color:var(--text-color,#1a1a2e);max-height:85vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.mafia-instructions__close{align-items:center;background:none;border:none;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;position:absolute;right:12px;top:12px}.mafia-instructions__title{font-size:1.5rem;margin:0 0 16px;text-align:center}.mafia-instructions__section{margin-bottom:20px}.mafia-instructions__section h3{color:#1a1a2e;color:var(--heading-color,#1a1a2e);font-size:1.1rem;margin:0 0 8px}.mafia-instructions__section li,.mafia-instructions__section p{color:#333;color:var(--text-color,#333);font-size:.9rem;line-height:1.5}.mafia-instructions__role-list{list-style:none;margin:0;padding:0}.mafia-instructions__role-item{background:#f8f9fa;background:var(--role-bg,#f8f9fa);border:1px solid #eee;border:1px solid var(--border-color,#eee);border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.mafia-instructions__role-icon{flex-shrink:0;font-size:1.5rem}.mafia-instructions__role-name{font-weight:600;margin-bottom:2px}.mafia-instructions__role-team{color:#888;color:var(--text-muted,#888);font-size:.8rem}.mafia-instructions__role-desc{font-size:.85rem;margin-top:4px}.mafia-instructions__phase-list{list-style:none;margin:0;padding:0}.mafia-instructions__phase-item{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);padding:8px 0}.mafia-instructions__phase-item:last-child{border-bottom:none}.mafia-instructions__win-conditions{list-style:disc;padding-left:20px}.mafia-instructions__tips{list-style:none;padding:0}.mafia-instructions__tips li{padding:4px 0}.mafia-lobby{color:#1a1a2e;color:var(--text-color,#1a1a2e);margin:0 auto;max-width:600px;padding:20px}.mafia-lobby__header{margin-bottom:20px;text-align:center}.mafia-lobby__title{font-size:1.5rem;margin:0 0 4px}.mafia-lobby__player-count{color:#666;color:var(--text-muted,#666);font-size:.9rem}.mafia-lobby__room-code{margin-bottom:20px}.mafia-lobby__players{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;margin-bottom:16px;padding:16px}.mafia-lobby__players h3{font-size:1rem;margin:0 0 12px}.mafia-lobby__player-list{list-style:none;margin:0;padding:0}.mafia-lobby__player-item{align-items:center;background:#f8f9fa;background:var(--item-bg,#f8f9fa);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 10px}.mafia-lobby__player-name{font-weight:500}.mafia-lobby__player-host{color:#6c5ce7;color:var(--primary-color,#6c5ce7);font-size:.75rem;margin-left:6px}.mafia-lobby__player-ready{font-size:.85rem}.mafia-lobby__player-ready--yes{color:#27ae60;color:var(--success-color,#27ae60)}.mafia-lobby__player-ready--no{color:#999;color:var(--text-muted,#999)}.mafia-lobby__config{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;margin-bottom:16px;padding:16px}.mafia-lobby__config h3{font-size:1rem;margin:0 0 12px}.mafia-lobby__config-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mafia-lobby__config-label{font-size:.9rem}.mafia-lobby__config-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#1a1a2e;color:var(--text-color,#1a1a2e);font-size:.85rem;min-height:44px;padding:6px 10px}.mafia-lobby__config-toggle{align-items:center;display:flex;gap:8px}.mafia-lobby__config-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.mafia-lobby__extended-label{color:#6c5ce7;color:var(--primary-color,#6c5ce7);font-size:.8rem;margin-top:4px}.mafia-lobby__role-preview{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;margin-bottom:16px;padding:16px}.mafia-lobby__role-preview h3{font-size:1rem;margin:0 0 8px}.mafia-lobby__role-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.mafia-lobby__role-count{background:#f8f9fa;background:var(--item-bg,#f8f9fa);border-radius:4px;font-size:.85rem;padding:4px 8px}.mafia-lobby__actions{display:flex;flex-direction:column;gap:10px}.mafia-lobby__btn{background:#f8f9fa;background:var(--btn-bg,#f8f9fa);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#1a1a2e;color:var(--text-color,#1a1a2e);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:14px 20px;transition:background .2s}.mafia-lobby__btn:hover:not(:disabled){background:#e9ecef;background:var(--btn-hover-bg,#e9ecef)}.mafia-lobby__btn:disabled{cursor:not-allowed;opacity:.5}.mafia-lobby__btn--primary{background:#6c5ce7;background:var(--primary-color,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7);color:#fff}.mafia-lobby__btn--primary:hover:not(:disabled){background:#5a4bd1;background:var(--primary-hover,#5a4bd1)}.mafia-lobby__btn--danger{border-color:#e74c3c;border-color:var(--danger-color,#e74c3c);color:#e74c3c;color:var(--danger-color,#e74c3c)}.mafia-lobby__btn--ready{background:#27ae60;background:var(--success-color,#27ae60);border-color:#27ae60;border-color:var(--success-color,#27ae60);color:#fff}.mafia-role-reveal{animation:mafia-reveal-fade .6s ease;color:#1a1a2e;color:var(--text-color,#1a1a2e);margin:0 auto;max-width:480px;padding:40px 24px;text-align:center}@keyframes mafia-reveal-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mafia-role-reveal__icon{font-size:4rem;margin-bottom:16px}.mafia-role-reveal__role-name{font-size:2rem;font-weight:700;margin:0 0 8px}.mafia-role-reveal__team{border-radius:20px;display:inline-block;font-size:1rem;font-weight:600;margin:0 0 16px;padding:4px 16px}.mafia-role-reveal__team--village{background:#e8f8f0;background:var(--village-bg,#e8f8f0);color:#27ae60;color:var(--village-color,#27ae60)}.mafia-role-reveal__team--mafia{background:#fde8e8;background:var(--mafia-bg,#fde8e8);color:#e74c3c;color:var(--mafia-color,#e74c3c)}.mafia-role-reveal__description{color:#333;color:var(--text-color,#333);font-size:1rem;line-height:1.5;margin-bottom:24px}.mafia-role-reveal__mafia-members{background:#fde8e8;background:var(--mafia-bg,#fde8e8);border:1px solid #e74c3c;border:1px solid var(--mafia-color,#e74c3c);border-radius:12px;margin-bottom:24px;padding:16px}.mafia-role-reveal__mafia-members h3{color:#e74c3c;color:var(--mafia-color,#e74c3c);font-size:1rem;margin:0 0 8px}.mafia-role-reveal__mafia-list{list-style:none;margin:0;padding:0}.mafia-role-reveal__mafia-list li{font-weight:500;padding:4px 0}.mafia-role-reveal__acknowledge{background:#6c5ce7;background:var(--primary-color,#6c5ce7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:44px;min-width:44px;padding:14px 32px;transition:background .2s}.mafia-role-reveal__acknowledge:hover{background:#5a4bd1;background:var(--primary-hover,#5a4bd1)}.mafia-chat{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:400px;min-height:200px;overflow:hidden}.mafia-chat--mafia-night{background:#1a0a0a;background:var(--mafia-chat-bg,#1a0a0a);border-color:#e74c3c;border-color:var(--mafia-color,#e74c3c)}.mafia-chat__header{background:#f8f9fa;background:var(--header-bg,#f8f9fa);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);color:#1a1a2e;color:var(--text-color,#1a1a2e);font-size:.85rem;font-weight:600;padding:8px 12px}.mafia-chat--mafia-night .mafia-chat__header{background:#e74c3c;background:var(--mafia-color,#e74c3c);border-color:#e74c3c;border-color:var(--mafia-color,#e74c3c);color:#fff}.mafia-chat__messages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 12px}.mafia-chat__message{color:#333;color:var(--text-color,#333);font-size:.85rem;line-height:1.4}.mafia-chat--mafia-night .mafia-chat__message{color:#fdd;color:var(--mafia-text,#fdd)}.mafia-chat__message-sender{font-weight:600;margin-right:6px}.mafia-chat__message-time{color:#999;color:var(--text-muted,#999);font-size:.7rem;margin-left:6px}.mafia-chat__empty{color:#999;color:var(--text-muted,#999);font-size:.85rem;padding:20px;text-align:center}.mafia-chat__input-area{background:#f8f9fa;background:var(--input-area-bg,#f8f9fa);border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);display:flex;gap:6px;padding:8px}.mafia-chat__input{background:#fff;background:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#1a1a2e;color:var(--text-color,#1a1a2e);flex:1 1;font-size:.85rem;min-height:44px;padding:8px 12px}.mafia-chat__input:disabled{cursor:not-allowed;opacity:.5}.mafia-chat__input:focus{border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7);outline:none}.mafia-chat__char-count{align-self:center;color:#999;color:var(--text-muted,#999);font-size:.7rem}.mafia-chat__char-count--warning{color:#e74c3c;color:var(--danger-color,#e74c3c)}.mafia-chat__send-btn{background:#6c5ce7;background:var(--primary-color,#6c5ce7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;min-height:44px;min-width:44px;padding:8px 16px}.mafia-chat__send-btn:disabled{cursor:not-allowed;opacity:.5}.mafia-chat__disabled-notice{border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);color:#999;color:var(--text-muted,#999);font-size:.8rem;padding:8px;text-align:center}.mafia-voting{color:#1a1a2e;color:var(--text-color,#1a1a2e);padding:16px}.mafia-voting__title{font-size:1.1rem;margin:0 0 12px;text-align:center}.mafia-voting__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.mafia-voting__target{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:10px 14px;transition:border-color .2s,background .2s}.mafia-voting__target:hover:not(.mafia-voting__target--disabled){background:#f0eeff;background:var(--hover-bg,#f0eeff);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7)}.mafia-voting__target--selected{background:#e8e4ff;background:var(--selected-bg,#e8e4ff);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7)}.mafia-voting__target--disabled{cursor:not-allowed;opacity:.5}.mafia-voting__target-name{font-weight:500}.mafia-voting__target-badge{align-items:center;background:#e9ecef;background:var(--badge-bg,#e9ecef);border-radius:14px;color:#333;color:var(--text-color,#333);display:inline-flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;min-width:28px}.mafia-voting__target-badge--has-votes{background:#6c5ce7;background:var(--primary-color,#6c5ce7);color:#fff}.mafia-voting__abstain{align-items:center;background:#0000;border:2px dashed #ddd;border:2px dashed var(--border-color,#ddd);border-radius:8px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-height:44px;padding:10px 14px;transition:border-color .2s}.mafia-voting__abstain:hover:not(:disabled){border-color:#999;border-color:var(--text-muted,#999)}.mafia-voting__abstain--selected{background:#fff8e1;background:var(--warning-bg,#fff8e1);border-color:#f39c12;border-color:var(--warning-color,#f39c12);color:#856404;color:var(--warning-text,#856404)}.mafia-voting__votes-display{color:#666;color:var(--text-muted,#666);font-size:.8rem;margin-top:12px}.mafia-voting__vote-entry{padding:2px 0}.mafia-night-action{color:#e0e0e0;color:var(--text-color,#e0e0e0);padding:16px}.mafia-night-action__title{font-size:1.1rem;margin:0 0 12px;text-align:center}.mafia-night-action__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.mafia-night-action__target{align-items:center;background:#2a2a3e;background:var(--night-card-bg,#2a2a3e);border:2px solid #444;border:2px solid var(--night-border,#444);border-radius:8px;color:#e0e0e0;color:var(--night-text,#e0e0e0);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:10px 14px;transition:border-color .2s,background .2s}.mafia-night-action__target--selected,.mafia-night-action__target:hover:not(.mafia-night-action__target--disabled):not(.mafia-night-action__target--restricted){border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7)}.mafia-night-action__target--selected{background:#3a3a5e;background:var(--night-selected-bg,#3a3a5e)}.mafia-night-action__target--disabled{cursor:not-allowed;opacity:.5}.mafia-night-action__target--restricted{cursor:not-allowed;opacity:.4;text-decoration:line-through}.mafia-night-action__target-name{font-weight:500}.mafia-night-action__target-badge{background:#555;background:var(--night-badge-bg,#555);border-radius:10px;color:#fff;font-size:.8rem;padding:2px 8px}.mafia-night-action__target-badge--majority{background:#e74c3c;background:var(--danger-color,#e74c3c)}.mafia-night-action__result{border-radius:8px;font-weight:600;margin-top:16px;padding:12px;text-align:center}.mafia-night-action__result--mafia{background:#fde8e8;background:var(--mafia-bg,#fde8e8);color:#e74c3c;color:var(--mafia-color,#e74c3c)}.mafia-night-action__result--not-mafia{background:#e8f8f0;background:var(--village-bg,#e8f8f0);color:#27ae60;color:var(--village-color,#27ae60)}.mafia-night-action__waiting{color:#999;color:var(--text-muted,#999);padding:40px 20px;text-align:center}.mafia-night-action__waiting-icon{animation:mafia-pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:12px}@keyframes mafia-pulse{0%,to{opacity:.5}50%{opacity:1}}.mafia-night-action__waiting-text{font-size:1rem;font-style:italic}.mafia-night-action__restricted-note{color:#999;color:var(--text-muted,#999);font-size:.75rem;margin-top:8px;text-align:center}.mafia-player-list{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;color:#1a1a2e;color:var(--text-color,#1a1a2e);padding:12px}.mafia-player-list__title{font-size:.95rem;font-weight:600;margin:0 0 8px}.mafia-player-list__items{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.mafia-player-list__item{align-items:center;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 8px}.mafia-player-list__item--alive{background:#f8f9fa;background:var(--item-bg,#f8f9fa)}.mafia-player-list__item--dead{background:#f0f0f0;background:var(--dead-bg,#f0f0f0);opacity:.6;text-decoration:line-through}.mafia-player-list__name{align-items:center;display:flex;gap:6px}.mafia-player-list__status-icon{font-size:.75rem}.mafia-player-list__role-tag{background:#e9ecef;background:var(--tag-bg,#e9ecef);border-radius:4px;color:#666;color:var(--text-muted,#666);font-size:.7rem;padding:1px 6px}.mafia-player-list__disconnect{color:#f39c12;color:var(--warning-color,#f39c12);font-size:.7rem}.mafia-event-log{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;color:#1a1a2e;color:var(--text-color,#1a1a2e);max-height:250px;overflow-y:auto;padding:12px}.mafia-event-log__title{font-size:.95rem;font-weight:600;margin:0 0 8px}.mafia-event-log__items{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.mafia-event-log__item{border-left:3px solid #0000;border-radius:4px;font-size:.8rem;line-height:1.4;padding:4px 8px}.mafia-event-log__item--blue{background:#eaf4fd;background:var(--event-blue-bg,#eaf4fd);border-left-color:#3498db;border-left-color:var(--event-blue,#3498db)}.mafia-event-log__item--red{background:#fde8e8;background:var(--event-red-bg,#fde8e8);border-left-color:#e74c3c;border-left-color:var(--event-red,#e74c3c)}.mafia-event-log__item--green{background:#e8f8f0;background:var(--event-green-bg,#e8f8f0);border-left-color:#27ae60;border-left-color:var(--event-green,#27ae60)}.mafia-event-log__item--yellow{background:#fff8e1;background:var(--event-yellow-bg,#fff8e1);border-left-color:#f39c12;border-left-color:var(--event-yellow,#f39c12)}.mafia-event-log__item--gray{background:#f0f0f0;background:var(--event-gray-bg,#f0f0f0);border-left-color:#95a5a6;border-left-color:var(--event-gray,#95a5a6)}.mafia-event-log__item--purple{background:#f3e8f9;background:var(--event-purple-bg,#f3e8f9);border-left-color:#9b59b6;border-left-color:var(--event-purple,#9b59b6)}.mafia-event-log__empty{color:#999;color:var(--text-muted,#999);font-size:.8rem;padding:12px;text-align:center}.mafia-event-log__time{color:#999;color:var(--text-muted,#999);font-size:.7rem;margin-right:6px}.mafia-role-reminder{display:inline-block;position:relative}.mafia-role-reminder__badge{align-items:center;background:#f0f0f0;background:var(--badge-bg,#f0f0f0);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:20px;color:#1a1a2e;color:var(--text-color,#1a1a2e);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;min-height:44px;min-width:44px;padding:6px 12px}.mafia-role-reminder__badge--village{background:#e8f8f0;background:var(--village-bg,#e8f8f0);border-color:#27ae60;border-color:var(--village-color,#27ae60)}.mafia-role-reminder__badge--mafia{background:#fde8e8;background:var(--mafia-bg,#fde8e8);border-color:#e74c3c;border-color:var(--mafia-color,#e74c3c)}.mafia-role-reminder__phase-prompt{animation:mafia-prompt-fade .3s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 2px 8px #00000026;color:#1a1a2e;color:var(--text-color,#1a1a2e);font-size:.8rem;left:50%;padding:8px 14px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes mafia-prompt-fade{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mafia-role-reminder__detail{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0003;color:#1a1a2e;color:var(--text-color,#1a1a2e);left:50%;min-width:240px;padding:16px;position:absolute;transform:translateX(-50%);z-index:20}.mafia-role-reminder__detail h4{font-size:1rem;margin:0 0 8px}.mafia-role-reminder__detail p{font-size:.85rem;line-height:1.4;margin:4px 0}.mafia-role-reminder__detail-info{border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);color:#666;color:var(--text-muted,#666);font-size:.8rem;margin-top:8px;padding-top:8px}.mafia-board{color:#1a1a2e;color:var(--text-color,#1a1a2e);display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px;padding:16px}.mafia-board__phase-header{background:#f8f9fa;background:var(--phase-bg,#f8f9fa);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;padding:12px;text-align:center}.mafia-board__phase-header--night{background:#1a1a2e;background:var(--night-bg,#1a1a2e);border-color:#333;border-color:var(--night-border,#333);color:#e0e0e0;color:var(--night-text,#e0e0e0)}.mafia-board__phase-header--day{background:#fffbe6;background:var(--day-bg,#fffbe6);border-color:#f0d060;border-color:var(--day-border,#f0d060);color:#333;color:var(--day-text,#333)}.mafia-board__phase-name{font-size:1.3rem;font-weight:700;margin:0 0 4px}.mafia-board__timer{font-feature-settings:"tnum";font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700}.mafia-board__timer--warning{animation:mafia-timer-pulse 1s ease-in-out infinite;color:#e74c3c;color:var(--danger-color,#e74c3c)}@keyframes mafia-timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.mafia-board__content,.mafia-board__main{display:flex;gap:16px}.mafia-board__main{flex:1 1;flex-direction:column;min-width:0}.mafia-board__sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:260px}.mafia-board__role-reminder{display:flex;justify-content:center;margin-top:8px}@media (max-width:767px){.mafia-board__content{flex-direction:column}.mafia-board__sidebar{width:100%}}.mafia-game-over{color:#1a1a2e;color:var(--text-color,#1a1a2e);margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.mafia-game-over__icon{font-size:4rem;margin-bottom:12px}.mafia-game-over__title{font-size:1.8rem;font-weight:700;margin:0 0 8px}.mafia-game-over__title--village{color:#27ae60;color:var(--village-color,#27ae60)}.mafia-game-over__title--mafia{color:#e74c3c;color:var(--mafia-color,#e74c3c)}.mafia-game-over__reason{color:#666;color:var(--text-muted,#666);font-size:1rem;margin:0 0 24px}.mafia-game-over__players{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.mafia-game-over__players h3{font-size:1rem;margin:0 0 10px}.mafia-game-over__player-list{list-style:none;margin:0;padding:0}.mafia-game-over__player-item{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);display:flex;font-size:.85rem;justify-content:space-between;padding:6px 0}.mafia-game-over__player-item:last-child{border-bottom:none}.mafia-game-over__player-name{font-weight:500}.mafia-game-over__player-name--dead{opacity:.6;text-decoration:line-through}.mafia-game-over__player-role{background:#e9ecef;background:var(--tag-bg,#e9ecef);border-radius:4px;font-size:.8rem;padding:2px 8px}.mafia-game-over__stats{color:#666;color:var(--text-muted,#666);font-size:.9rem;margin-bottom:24px}.mafia-game-over__actions{display:flex;flex-direction:column;gap:10px}.mafia-game-over__btn{background:#f8f9fa;background:var(--btn-bg,#f8f9fa);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#1a1a2e;color:var(--text-color,#1a1a2e);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:14px 24px}.mafia-game-over__btn--primary{background:#6c5ce7;background:var(--primary-color,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary-color,#6c5ce7);color:#fff}.mafia-game-over__btn--primary:hover{background:#5a4bd1;background:var(--primary-hover,#5a4bd1)}.mafia-game-over__btn:hover{background:#e9ecef;background:var(--btn-hover-bg,#e9ecef)}.mafia-game-container{background:#f5f5f5;background:var(--bg-color,#f5f5f5);color:#1a1a2e;color:var(--text-color,#1a1a2e);font-family:system-ui,sans-serif;font-family:var(--font-family,system-ui,sans-serif);min-height:100vh}.mafia-game-header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;justify-content:space-between;padding:12px 20px}.mafia-game-header h1{font-size:1.3rem;margin:0}.mafia-game-controls{display:flex;gap:8px}.mafia-game-btn{background:#f8f9fa;background:var(--btn-bg,#f8f9fa);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#1a1a2e;color:var(--text-color,#1a1a2e);cursor:pointer;font-size:.85rem;min-height:44px;min-width:44px;padding:8px 16px}.mafia-game-btn:hover{background:#e9ecef;background:var(--btn-hover-bg,#e9ecef)}.mafia-game-btn--exit{color:#666;color:var(--text-muted,#666)}.mafia-game-content{padding:16px}@media (max-width:767px){.mafia-game-header{padding:8px 12px}.mafia-game-header h1{font-size:1.1rem}.mafia-game-content{padding:8px}}.sl-tokens{height:100%;left:0;pointer-events:none;top:0;width:100%}.sl-token,.sl-tokens{position:absolute;z-index:5}.sl-token{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:24px;justify-content:center;transform:translate(-50%,-50%);transition:left .5s ease-in-out,top .5s ease-in-out;width:24px}.sl-token--animating{transition:left .3s ease-in-out,top .3s ease-in-out}.sl-token--current{animation:sl-token-pulse 1.5s ease-in-out infinite;z-index:6}.sl-token--start{display:inline-flex;margin:4px;position:relative;transform:none}.sl-token__emoji{font-size:18px;line-height:1}@keyframes sl-token-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.sl-token--start.sl-token--current{animation:sl-token-pulse-start 1.5s ease-in-out infinite}@keyframes sl-token-pulse-start{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.sl-token{height:20px;width:20px}.sl-token__emoji{font-size:14px}}@media (max-width:400px){.sl-token{height:16px;width:16px}.sl-token__emoji{font-size:12px}}.sl-board{--sl-cell-size:min(8vw,56px);--sl-board-gap:1px;--sl-cell-light:var(--board-cell-light,#f5f0e1);--sl-cell-dark:var(--board-cell-dark,#d4c9a8);--sl-cell-snake-bg:#e539351f;--sl-cell-ladder-bg:#4caf501f;--sl-snake-color:#e53935;--sl-snake-head-color:#b71c1c;--sl-ladder-color:#4caf50;--sl-ladder-rung-color:#388e3c;--sl-cell-number-color:var(--text-secondary,#666);--sl-border-color:var(--border-color,#ccc);align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:560px;width:100%}.sl-board__grid{grid-gap:var(--sl-board-gap);background:var(--sl-border-color);border:2px solid var(--sl-border-color);border-radius:8px;display:grid;gap:var(--sl-board-gap);grid-template-columns:repeat(10,var(--sl-cell-size));grid-template-rows:repeat(10,var(--sl-cell-size));overflow:hidden;position:relative}.sl-board__cell{align-items:flex-start;display:flex;justify-content:flex-start;min-height:0;min-width:0;padding:2px 3px;position:relative}.sl-board__cell--light{background:var(--sl-cell-light)}.sl-board__cell--dark{background:var(--sl-cell-dark)}.sl-board__cell--snake{background:var(--sl-cell-snake-bg)}.sl-board__cell--ladder{background:var(--sl-cell-ladder-bg)}.sl-board__cell-number{color:var(--sl-cell-number-color);font-size:clamp(8px,1.5vw,11px);font-weight:600;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.sl-board__overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.sl-board__ladder line,.sl-board__snake path{opacity:.7}[data-theme=dark] .sl-board{--sl-cell-light:var(--board-cell-light,#3a3a3a);--sl-cell-dark:var(--board-cell-dark,#2a2a2a);--sl-cell-snake-bg:#e5393533;--sl-cell-ladder-bg:#4caf5033;--sl-cell-number-color:var(--text-secondary,#aaa);--sl-border-color:var(--border-color,#555)}@media (max-width:768px){.sl-board{--sl-cell-size:min(9vw,44px);max-width:100%}.sl-board__cell-number{font-size:clamp(7px,1.8vw,10px)}}@media (max-width:400px){.sl-board{--sl-cell-size:9vw}}.sl-dice-container{flex-direction:column;gap:8px}.sl-dice,.sl-dice-container{align-items:center;display:flex}.sl-dice{background:#fff;background:var(--card-bg,#fff);border:3px solid #1976d2;border:3px solid var(--primary-color,#1976d2);border-radius:12px;box-shadow:0 2px 8px #0000001f;cursor:pointer;height:72px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:transform .15s ease,box-shadow .15s ease;width:72px}.sl-dice:hover:not(.sl-dice--disabled){box-shadow:0 4px 16px #0003;transform:scale(1.08)}.sl-dice:active:not(.sl-dice--disabled){transform:scale(.95)}.sl-dice:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--focus-color,#1976d2);outline-offset:2px}.sl-dice--disabled{cursor:not-allowed;opacity:.5}.sl-dice--rolling{animation:sl-dice-shake .1s infinite alternate}@keyframes sl-dice-shake{0%{transform:rotate(-8deg) scale(1.05)}to{transform:rotate(8deg) scale(1.05)}}.sl-dice__face{height:100%;width:100%}.sl-dice__dot{fill:#333;fill:var(--text-primary,#333)}.sl-dice__hint{color:#666;color:var(--text-secondary,#666);font-size:13px;margin:0;text-align:center}.sl-dice__hint--rolling{color:#1976d2;color:var(--primary-color,#1976d2);font-weight:600}[data-theme=dark] .sl-dice{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#64b5f6;border-color:var(--primary-color,#64b5f6)}[data-theme=dark] .sl-dice__dot{fill:#eee;fill:var(--text-primary,#eee)}@media (max-width:768px){.sl-dice{height:60px;width:60px}}.sl-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.sl-mode-selector__title{color:#222;color:var(--text-primary,#222);font-size:1.8rem;margin:0 0 8px}.sl-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0 0 20px}.sl-mode-selector__guest-banner{background:#fff3cd;background:var(--warning-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--warning-text,#856404);font-size:.9rem;margin-bottom:16px;padding:8px 16px}.sl-mode-selector__options{display:flex;flex-direction:column;gap:12px}.sl-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:12px;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:16px;text-align:left;transition:border-color .2s,background .2s,transform .1s}.sl-mode-selector__option:hover{background:#f0f7ff;background:var(--hover-bg,#f0f7ff);border-color:#1976d2;border-color:var(--primary-color,#1976d2);transform:translateY(-1px)}.sl-mode-selector__option:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--focus-color,#1976d2);outline-offset:2px}.sl-mode-selector__option-icon{flex-shrink:0;font-size:1.8rem}.sl-mode-selector__option-label{color:#222;color:var(--text-primary,#222);display:block;font-size:1.1rem;font-weight:600}.sl-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.sl-mode-selector__back{background:none;border:none;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:.95rem;margin-bottom:12px;min-height:44px;min-width:44px;padding:8px 0}.sl-mode-selector__back:hover{text-decoration:underline}.sl-mode-selector__setting{margin-bottom:20px;text-align:left}.sl-mode-selector__label{color:#222;color:var(--text-primary,#222);display:block;font-weight:600;margin-bottom:8px}.sl-mode-selector__button-group{display:flex;gap:8px}.sl-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#222;color:var(--text-primary,#222);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-height:44px;padding:10px 16px;transition:all .15s}.sl-mode-selector__btn--active,.sl-mode-selector__btn:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.sl-mode-selector__btn--active{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.sl-mode-selector__btn:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--focus-color,#1976d2);outline-offset:2px}.sl-mode-selector__toggle-label{align-items:center;color:#222;color:var(--text-primary,#222);cursor:pointer;display:flex;font-size:.95rem;gap:8px;min-height:44px}.sl-mode-selector__toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.sl-mode-selector__start{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:44px;padding:14px 24px;transition:background .2s,transform .1s;width:100%}.sl-mode-selector__start:hover{background:#1565c0;background:var(--primary-hover,#1565c0);transform:translateY(-1px)}.sl-mode-selector__start:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--focus-color,#1976d2);outline-offset:2px}.sl-mode-selector__online-options{margin-top:16px}.sl-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;gap:12px;margin:16px 0}.sl-mode-selector__divider:after,.sl-mode-selector__divider:before{background:#ddd;background:var(--border-color,#ddd);content:"";flex:1 1;height:1px}.sl-mode-selector__join{display:flex;gap:8px}.sl-mode-selector__room-input{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#222;color:var(--text-primary,#222);flex:1 1;font-size:1rem;letter-spacing:2px;min-height:44px;padding:12px 16px;text-align:center;text-transform:uppercase}.sl-mode-selector__room-input:focus{border-color:#1976d2;border-color:var(--primary-color,#1976d2);outline:none}.sl-mode-selector__join-btn{background:#43a047;background:var(--success-color,#43a047);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-height:44px;padding:12px 20px;white-space:nowrap}.sl-mode-selector__join-btn:hover:not(:disabled){background:#388e3c;background:var(--success-hover,#388e3c)}.sl-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .sl-mode-selector__option{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .sl-mode-selector__option:hover{background:#333;background:var(--hover-bg,#333)}[data-theme=dark] .sl-mode-selector__btn,[data-theme=dark] .sl-mode-selector__room-input{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .sl-mode-selector__room-input{color:#eee;color:var(--text-primary,#eee)}[data-theme=dark] .sl-mode-selector__guest-banner{background:#4a3f00;background:var(--warning-bg,#4a3f00);color:#ffd54f;color:var(--warning-text,#ffd54f)}@media (max-width:768px){.sl-mode-selector{padding:16px}.sl-mode-selector__title{font-size:1.5rem}.sl-mode-selector__join{flex-direction:column}}.sl-game{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:16px}.sl-game__header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.sl-game__exit-btn{background:none;border:none;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 0;white-space:nowrap}.sl-game__exit-btn:hover{text-decoration:underline}.sl-game__title{color:#222;color:var(--text-primary,#222);font-size:1.4rem;margin:0}.sl-game__content{align-items:flex-start;display:flex;flex:1 1;gap:24px}.sl-game__board-area{display:flex;flex:1 1;justify-content:center}.sl-game__controls{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:260px}.sl-game__player-info{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;padding:12px;width:100%}.sl-game__turn-indicator{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);color:#222;color:var(--text-primary,#222);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px;padding-bottom:8px}.sl-game__positions{display:flex;flex-direction:column;gap:6px}.sl-game__player-row{align-items:center;border-radius:6px;color:#222;color:var(--text-primary,#222);display:flex;font-size:.9rem;gap:8px;padding:4px 8px}.sl-game__player-row--active{background:#f0f7ff;background:var(--hover-bg,#f0f7ff);font-weight:600}.sl-game__player-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.sl-game__player-dot--red{background:#e53935}.sl-game__player-dot--blue{background:#1e88e5}.sl-game__player-dot--green{background:#43a047}.sl-game__player-dot--yellow{background:#fdd835}.sl-game__player-name{flex:1 1;text-transform:capitalize}.sl-game__player-pos{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.sl-game__last-move{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#555;color:var(--text-secondary,#555);font-size:.85rem;padding:10px 12px;width:100%}.sl-game__last-move p{margin:0}.sl-game__extra-turn-warning{background:#fff3cd;background:var(--warning-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--warning-text,#856404);font-size:.85rem;font-weight:600;padding:8px 12px;text-align:center;width:100%}.sl-game__overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.sl-game__overlay-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:32px;text-align:center;width:100%}.sl-game__overlay-title{color:#222;color:var(--text-primary,#222);font-size:1.8rem;margin:0 0 12px}.sl-game__overlay-winner{align-items:center;color:#222;color:var(--text-primary,#222);display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;text-transform:capitalize}.sl-game__overlay-stats{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.sl-game__stat{align-items:center;display:flex;flex-direction:column}.sl-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.sl-game__stat-value{color:#222;color:var(--text-primary,#222);font-size:1.4rem;font-weight:700}.sl-game__overlay-actions{display:flex;gap:12px;justify-content:center}.sl-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:12px 24px;transition:background .2s,transform .1s}.sl-game__btn:hover{transform:translateY(-1px)}.sl-game__btn:focus-visible{outline:3px solid #1976d2;outline:3px solid var(--focus-color,#1976d2);outline-offset:2px}.sl-game__btn--primary{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.sl-game__btn--primary:hover{background:#1565c0;background:var(--primary-hover,#1565c0)}.sl-game__btn--secondary{background:#f5f5f5;background:var(--card-bg,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#222;color:var(--text-primary,#222)}.sl-game__btn--secondary:hover{background:#e8e8e8;background:var(--hover-bg,#e8e8e8)}[data-theme=dark] .sl-game__player-info{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .sl-game__player-row--active{background:#333;background:var(--hover-bg,#333)}[data-theme=dark] .sl-game__last-move{border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .sl-game__last-move,[data-theme=dark] .sl-game__overlay-content{background:#2a2a2a;background:var(--card-bg,#2a2a2a)}[data-theme=dark] .sl-game__btn--secondary{background:#333;background:var(--card-bg,#333);border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .sl-game__extra-turn-warning{background:#4a3f00;background:var(--warning-bg,#4a3f00);color:#ffd54f;color:var(--warning-text,#ffd54f)}@media (max-width:768px){.sl-game{padding:8px}.sl-game__content{align-items:center;flex-direction:column}.sl-game__controls{max-width:400px;width:100%}.sl-game__overlay-stats{gap:12px}.sl-game__overlay-actions{flex-direction:column}.sl-game__btn{width:100%}}.ai-speed-slider{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:10px 12px;width:100%}[data-theme=dark] .ai-speed-slider{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.ai-speed-slider__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ai-speed-slider__label{color:#333;color:var(--text-primary,#333);font-size:.8rem;font-weight:600}[data-theme=dark] .ai-speed-slider__label{color:#e0e0e0}.ai-speed-slider__value{color:#666;color:var(--text-secondary,#666);font-size:.75rem;font-weight:500}[data-theme=dark] .ai-speed-slider__value{color:#aaa}.ai-speed-slider__input{appearance:none;background:linear-gradient(90deg,#4caf50,#ffc107,#f44336);border-radius:3px;cursor:pointer;height:6px;margin:4px 0;outline:none;width:100%}.ai-speed-slider__input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #666;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:20px;width:20px}.ai-speed-slider__input::-moz-range-thumb{background:#fff;border:2px solid #666;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:20px;width:20px}[data-theme=dark] .ai-speed-slider__input::-webkit-slider-thumb{background:#444;border-color:#aaa}[data-theme=dark] .ai-speed-slider__input::-moz-range-thumb{background:#444;border-color:#aaa}.ai-speed-slider__ticks{color:#999;color:var(--text-secondary,#999);display:flex;font-size:.65rem;justify-content:space-between;margin-top:2px}[data-theme=dark] .ai-speed-slider__ticks{color:#777}:root{--ludo-red:#e53935;--ludo-red-light:#ef9a9a;--ludo-blue:#1e88e5;--ludo-blue-light:#90caf9;--ludo-green:#43a047;--ludo-green-light:#a5d6a7;--ludo-yellow:#fdd835;--ludo-yellow-light:#fff59d;--ludo-board-bg:#f5f0e8;--ludo-track-bg:#fff;--ludo-track-border:#bdbdbd;--ludo-safe-bg:#fff9c4;--ludo-center-bg:#e0e0e0;--ludo-token-size:70%}[data-theme=dark]{--ludo-board-bg:#2d2d2d;--ludo-track-bg:#3a3a3a;--ludo-track-border:#555;--ludo-safe-bg:#4a4520;--ludo-center-bg:#444;--ludo-red-light:#7f1d1d;--ludo-blue-light:#1a3a5c;--ludo-green-light:#1b4332;--ludo-yellow-light:#5c4d00}.ludo-board{align-items:center;aspect-ratio:1;display:flex;justify-content:center;margin:0 auto;max-width:560px;position:relative;width:100%}.ludo-board__grid{grid-gap:1px;border:2px solid #bdbdbd;border:2px solid var(--ludo-track-border);border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:100%;overflow:hidden;width:100%}.ludo-board__cell,.ludo-board__grid{background-color:#f5f0e8;background-color:var(--ludo-board-bg);position:relative}.ludo-board__cell{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0}.ludo-board__cell--empty{background-color:#f5f0e8;background-color:var(--ludo-board-bg,#f5f0e8);background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#00000008 0,#00000008 4px)}.ludo-board__cell--track{background-color:#fff;background-color:var(--ludo-track-bg);border:.5px solid #bdbdbd;border:.5px solid var(--ludo-track-border)}.ludo-board__cell--safe{background-color:#fff9c4;background-color:var(--ludo-safe-bg)}.ludo-board__safe-marker{color:#ff9800;font-size:.6em;line-height:1;position:absolute;right:2px;top:1px}.ludo-board__pos-number{bottom:1px;color:#0006;font-size:.45em;font-weight:600;left:2px;line-height:1;pointer-events:none;position:absolute}.ludo-board__pos-number--hs{color:#ffffffb3;font-size:.4em}.ludo-board__turn-arrow{color:#0000004d;font-size:.7em;left:50%;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ludo-board__cell--corner-turn{align-items:center;border:none;display:flex;justify-content:center;overflow:hidden;position:relative}.ludo-board__cell--corner-turn:after{border-color:#ffffffb3;border-style:solid;content:"";height:50%;opacity:.9;position:absolute;width:50%}.ludo-board__cell--corner-red:after{border-width:5px 5px 0 0;margin-left:-3px;transform:rotate(45deg)}.ludo-board__cell--corner-blue:after{border-width:5px 5px 0 0;margin-top:-3px;transform:rotate(135deg)}.ludo-board__cell--corner-green:after{border-width:5px 5px 0 0;margin-right:-3px;transform:rotate(225deg)}.ludo-board__cell--corner-yellow:after{border-width:5px 5px 0 0;margin-bottom:-3px;transform:rotate(315deg)}.ludo-board__cell--corner-red{background-color:#e53935;background-color:var(--ludo-red,#e53935)}.ludo-board__cell--corner-blue{background-color:#1e88e5;background-color:var(--ludo-blue,#1e88e5)}.ludo-board__cell--corner-green{background-color:#43a047;background-color:var(--ludo-green,#43a047)}.ludo-board__cell--corner-yellow{background-color:#fdd835;background-color:var(--ludo-yellow,#fdd835)}.ludo-board__cell--start-red{background-color:#ef9a9a;background-color:var(--ludo-red-light)}.ludo-board__cell--start-blue{background-color:#90caf9;background-color:var(--ludo-blue-light)}.ludo-board__cell--start-green{background-color:#a5d6a7;background-color:var(--ludo-green-light)}.ludo-board__cell--start-yellow{background-color:#fff59d;background-color:var(--ludo-yellow-light)}.ludo-board__cell--home-base{border:none}.ludo-board__cell--home-base.ludo-board__cell--red{background-color:#ef9a9a;background-color:var(--ludo-red-light)}.ludo-board__cell--home-base.ludo-board__cell--blue{background-color:#90caf9;background-color:var(--ludo-blue-light)}.ludo-board__cell--home-base.ludo-board__cell--green{background-color:#a5d6a7;background-color:var(--ludo-green-light)}.ludo-board__cell--home-base.ludo-board__cell--yellow{background-color:#fff59d;background-color:var(--ludo-yellow-light)}.ludo-board__cell--home-inner{background-color:#fff;border:none}.ludo-board__base-circle{background:#fff;border:2px solid #0003;border-radius:50%;box-shadow:inset 0 1px 3px #0000001a;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.ludo-board__base-circle--red{border-color:#e53935;border-color:var(--ludo-red,#e53935);box-shadow:inset 0 1px 3px #e5393533}.ludo-board__base-circle--blue{border-color:#1e88e5;border-color:var(--ludo-blue,#1e88e5);box-shadow:inset 0 1px 3px #1e88e533}.ludo-board__base-circle--green{border-color:#43a047;border-color:var(--ludo-green,#43a047);box-shadow:inset 0 1px 3px #43a04733}.ludo-board__base-circle--yellow{border-color:#fdd835;border-color:var(--ludo-yellow,#fdd835);box-shadow:inset 0 1px 3px #fdd83533}.ludo-board__cell--home-stretch{border:.5px solid #bdbdbd;border:.5px solid var(--ludo-track-border)}.ludo-board__cell--home-stretch.ludo-board__cell--red{background-color:#ef9a9a;background-color:var(--ludo-red-light)}.ludo-board__cell--home-stretch.ludo-board__cell--blue{background-color:#90caf9;background-color:var(--ludo-blue-light)}.ludo-board__cell--home-stretch.ludo-board__cell--green{background-color:#a5d6a7;background-color:var(--ludo-green-light)}.ludo-board__cell--home-stretch.ludo-board__cell--yellow{background-color:#fff59d;background-color:var(--ludo-yellow-light)}.ludo-board__cell--center{background:conic-gradient(from 0deg,#1e88e5 0deg 90deg,#43a047 90deg 180deg,#fdd835 180deg 270deg,#e53935 270deg 1turn);background:conic-gradient(from 0deg,var(--ludo-blue,#1e88e5) 0deg 90deg,var(--ludo-green,#43a047) 90deg 180deg,var(--ludo-yellow,#fdd835) 180deg 270deg,var(--ludo-red,#e53935) 270deg 1turn);border:.5px solid #bdbdbd;border:.5px solid var(--ludo-track-border)}.ludo-board__token{align-items:center;display:flex;justify-content:center;pointer-events:none;position:relative;transition:transform .3s ease;z-index:5}.ludo-board__token--clickable{cursor:pointer;pointer-events:auto}.ludo-board__token-inner{aspect-ratio:1;border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 4px #0003;height:70%;height:var(--ludo-token-size);max-height:28px;max-width:28px;min-height:16px;min-width:16px;transition:transform .2s ease,box-shadow .2s ease;width:70%;width:var(--ludo-token-size)}.ludo-board__token--red .ludo-board__token-inner{background:radial-gradient(circle at 35% 35%,#ff6659,#e53935);background:radial-gradient(circle at 35% 35%,#ff6659,var(--ludo-red))}.ludo-board__token--blue .ludo-board__token-inner{background:radial-gradient(circle at 35% 35%,#6ab7ff,#1e88e5);background:radial-gradient(circle at 35% 35%,#6ab7ff,var(--ludo-blue))}.ludo-board__token--green .ludo-board__token-inner{background:radial-gradient(circle at 35% 35%,#76d275,#43a047);background:radial-gradient(circle at 35% 35%,#76d275,var(--ludo-green))}.ludo-board__token--yellow .ludo-board__token-inner{background:radial-gradient(circle at 35% 35%,#ffff6b,#fdd835);background:radial-gradient(circle at 35% 35%,#ffff6b,var(--ludo-yellow));border-color:#0003}.ludo-board__token--highlighted .ludo-board__token-inner{animation:ludo-token-pulse 1s ease-in-out infinite;box-shadow:0 0 8px 3px #fff9}.ludo-board__token--clickable:hover .ludo-board__token-inner{box-shadow:0 0 12px 4px #fffc;transform:scale(1.15)}.ludo-board__token--clickable:focus-visible .ludo-board__token-inner{outline:3px solid #2196f3;outline-offset:2px}@keyframes ludo-token-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ludo-board__branding{bottom:8px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1}.ludo-board__branding-text{color:#00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:lowercase}[data-theme=dark] .ludo-board__branding-text{color:#ffffff26}@media (max-width:768px){.ludo-board{max-width:95vw}.ludo-board__safe-marker{font-size:.45em}.ludo-board__token-inner{border-width:1.5px;max-height:20px;max-width:20px}}@media (max-width:400px){.ludo-board__token-inner{border-width:1px;max-height:16px;max-width:16px;min-height:12px;min-width:12px}.ludo-board__safe-marker{font-size:.35em}}.ludo-dice-container{align-items:center;display:flex;flex-direction:column;gap:8px}.ludo-dice{align-items:center;background:#fff;background:var(--ludo-dice-bg,#fff);border:3px solid #1e88e5;border:3px solid var(--ludo-blue,#1e88e5);border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:64px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:transform .15s ease,box-shadow .15s ease;width:64px}[data-theme=dark] .ludo-dice{--ludo-dice-bg:#3a3a3a}.ludo-dice:hover:not(.ludo-dice--disabled){box-shadow:0 4px 12px #00000040;transform:scale(1.05)}.ludo-dice:active:not(.ludo-dice--disabled){transform:scale(.95)}.ludo-dice:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.ludo-dice--disabled{cursor:not-allowed;opacity:.5}.ludo-dice--rolling{animation:ludo-dice-shake .1s ease-in-out infinite}.ludo-dice__face{height:100%;width:100%}.ludo-dice__dot{fill:#333;fill:var(--ludo-dice-dot,#333)}[data-theme=dark] .ludo-dice__dot{fill:#e0e0e0}.ludo-dice__hint{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin:0;text-align:center}.ludo-dice__hint--rolling{color:#1e88e5;color:var(--ludo-blue,#1e88e5);font-weight:700}@keyframes ludo-dice-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width:768px){.ludo-dice{height:56px;width:56px}}.ludo-history{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:12px;width:100%}[data-theme=dark] .ludo-history{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.ludo-history__title{color:#333;color:var(--text-primary,#333);font-size:.85rem;font-weight:600;margin:0 0 8px}[data-theme=dark] .ludo-history__title{color:#e0e0e0}.ludo-history__empty{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:0;padding:8px 0;text-align:center}.ludo-history__list{overflow-y:auto;scroll-behavior:smooth}.ludo-history__entry{border-radius:4px;display:flex;font-size:.75rem;gap:6px;line-height:1.4;margin-bottom:2px;padding:4px 6px}.ludo-history__entry:last-child{margin-bottom:0}.ludo-history__entry--red{background:#e5393514}.ludo-history__entry--blue{background:#1e88e514}.ludo-history__entry--green{background:#43a04714}.ludo-history__entry--yellow{background:#fdd83514}[data-theme=dark] .ludo-history__entry--red{background:#e5393526}[data-theme=dark] .ludo-history__entry--blue{background:#1e88e526}[data-theme=dark] .ludo-history__entry--green{background:#43a04726}[data-theme=dark] .ludo-history__entry--yellow{background:#fdd83526}.ludo-history__number{color:#666;color:var(--text-secondary,#666);flex-shrink:0;font-weight:600;min-width:24px}.ludo-history__text{color:#333;color:var(--text-primary,#333)}[data-theme=dark] .ludo-history__text{color:#e0e0e0}.ludo-history__list::-webkit-scrollbar{width:4px}.ludo-history__list::-webkit-scrollbar-track{background:#0000}.ludo-history__list::-webkit-scrollbar-thumb{background:#ccc;background:var(--border-color,#ccc);border-radius:2px}.ludo-mode-selector{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:0 auto;max-width:420px;padding:24px}[data-theme=dark] .ludo-mode-selector{background:#2d2d2d;background:var(--card-bg,#2d2d2d);box-shadow:0 2px 12px #0000004d}.ludo-mode-selector__title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin:0 0 4px;text-align:center}[data-theme=dark] .ludo-mode-selector__title{color:#e0e0e0}.ludo-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0 0 20px;text-align:center}.ludo-mode-selector__guest-banner{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#e65100;font-size:.85rem;margin-bottom:16px;padding:8px 12px;text-align:center}[data-theme=dark] .ludo-mode-selector__guest-banner{background:#ff980026;color:#ffb74d}.ludo-mode-selector__options{display:flex;flex-direction:column;gap:12px}.ludo-mode-selector__option{align-items:center;background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:10px;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:16px;text-align:left;transition:border-color .2s,background-color .2s,transform .1s}.ludo-mode-selector__option:hover{background:#1e88e50d;border-color:#1e88e5;border-color:var(--ludo-blue,#1e88e5)}.ludo-mode-selector__option:active{transform:scale(.98)}.ludo-mode-selector__option:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.ludo-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.ludo-mode-selector__option-label{color:#333;color:var(--text-primary,#333);display:block;font-size:1rem;font-weight:600}[data-theme=dark] .ludo-mode-selector__option-label{color:#e0e0e0}.ludo-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem}.ludo-mode-selector__back{align-items:center;background:none;border:none;color:#1e88e5;color:var(--ludo-blue,#1e88e5);cursor:pointer;display:flex;font-size:.9rem;margin-bottom:12px;min-height:44px;padding:4px 0}.ludo-mode-selector__back:hover{text-decoration:underline}.ludo-mode-selector__setting{margin-bottom:20px}.ludo-mode-selector__label{color:#333;color:var(--text-primary,#333);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}[data-theme=dark] .ludo-mode-selector__label{color:#e0e0e0}.ludo-mode-selector__hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:-4px 0 8px}[data-theme=dark] .ludo-mode-selector__hint{color:#aaa}.ludo-mode-selector__button-group{display:flex;gap:8px}.ludo-mode-selector__btn{background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s}[data-theme=dark] .ludo-mode-selector__btn{border-color:#555;color:#e0e0e0}.ludo-mode-selector__btn--active,.ludo-mode-selector__btn:hover{border-color:#1e88e5;border-color:var(--ludo-blue,#1e88e5)}.ludo-mode-selector__btn--active{background:#1e88e5;background:var(--ludo-blue,#1e88e5);color:#fff}.ludo-mode-selector__btn:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.ludo-mode-selector__start{background:#1e88e5;background:var(--ludo-blue,#1e88e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;min-height:44px;padding:14px;transition:background-color .2s,transform .1s;width:100%}.ludo-mode-selector__start:hover{background:#1565c0}.ludo-mode-selector__start:active{transform:scale(.98)}.ludo-mode-selector__start:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.ludo-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.ludo-mode-selector__divider{color:#999;color:var(--text-secondary,#999);font-size:.85rem;position:relative;text-align:center}.ludo-mode-selector__divider:after,.ludo-mode-selector__divider:before{background:#dee2e6;background:var(--border-color,#dee2e6);content:"";height:1px;position:absolute;top:50%;width:40%}.ludo-mode-selector__divider:before{left:0}.ludo-mode-selector__divider:after{right:0}.ludo-mode-selector__join{display:flex;gap:8px}.ludo-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 14px;text-align:center;text-transform:uppercase}[data-theme=dark] .ludo-mode-selector__room-input{background:#3a3a3a;border-color:#555;color:#e0e0e0}.ludo-mode-selector__room-input:focus{border-color:#1e88e5;border-color:var(--ludo-blue,#1e88e5);outline:none}.ludo-mode-selector__join-btn{background:#43a047;background:var(--ludo-green,#43a047);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.ludo-mode-selector__join-btn:hover:not(:disabled){background:#2e7d32}.ludo-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}.ludo-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#333;color:var(--text-primary,#333);min-height:100vh;padding:16px}[data-theme=dark] .ludo-game{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);color:#e0e0e0}.ludo-game__header{align-items:center;display:flex;gap:16px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:900px}.ludo-game__exit-btn{align-items:center;background:none;border:none;color:#1e88e5;color:var(--ludo-blue,#1e88e5);cursor:pointer;display:flex;font-size:.9rem;min-height:44px;padding:8px 0;white-space:nowrap}.ludo-game__exit-btn:hover{text-decoration:underline}.ludo-game__title{font-size:1.3rem;margin:0}.ludo-game__content{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:900px}.ludo-game__board-area{flex:1 1;max-width:560px}.ludo-game__controls{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:280px}.ludo-game__player-info{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:12px;width:100%}[data-theme=dark] .ludo-game__player-info{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.ludo-game__turn-indicator{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px}.ludo-game__phase-hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:400}.ludo-game__player-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.ludo-game__player-dot--red{background:#e53935;background:var(--ludo-red,#e53935)}.ludo-game__player-dot--blue{background:#1e88e5;background:var(--ludo-blue,#1e88e5)}.ludo-game__player-dot--green{background:#43a047;background:var(--ludo-green,#43a047)}.ludo-game__player-dot--yellow{background:#fdd835;background:var(--ludo-yellow,#fdd835)}.ludo-game__positions{display:flex;flex-direction:column;gap:4px}.ludo-game__player-row{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:8px;padding:4px 8px;transition:background-color .2s}.ludo-game__player-row--active{background:#1e88e514}[data-theme=dark] .ludo-game__player-row--active{background:#1e88e526}.ludo-game__player-name{flex:1 1;font-weight:500;text-transform:capitalize}.ludo-game__player-home{color:#666;color:var(--text-secondary,#666);font-size:.75rem}.ludo-game__extra-turn-warning{background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;color:#e65100;font-size:.8rem;font-weight:600;padding:6px 12px;text-align:center;width:100%}[data-theme=dark] .ludo-game__extra-turn-warning{background:#ff980026;color:#ffb74d}.ludo-game__overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.ludo-game__overlay-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}[data-theme=dark] .ludo-game__overlay-content{background:#2d2d2d;background:var(--card-bg,#2d2d2d)}.ludo-game__overlay-title{font-size:1.8rem;margin:0 0 12px}.ludo-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;text-transform:capitalize}.ludo-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.ludo-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.ludo-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.ludo-game__stat-value{font-size:1.5rem;font-weight:700}.ludo-game__overlay-actions{display:flex;gap:12px;justify-content:center}.ludo-game__btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;padding:12px 24px;transition:background-color .2s,transform .1s}.ludo-game__btn:active{transform:scale(.97)}.ludo-game__btn--primary{background:#1e88e5;background:var(--ludo-blue,#1e88e5);color:#fff}.ludo-game__btn--primary:hover{background:#1565c0}.ludo-game__btn--secondary{background:#e0e0e0;background:var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}[data-theme=dark] .ludo-game__btn--secondary{background:#444;color:#e0e0e0}.ludo-game__btn--secondary:hover{background:#bdbdbd}[data-theme=dark] .ludo-game__btn--secondary:hover{background:#555}@media (max-width:768px){.ludo-game{padding:8px}.ludo-game__content{align-items:center;flex-direction:column}.ludo-game__board-area{max-width:100%;width:100%}.ludo-game__controls{max-width:400px;width:100%}.ludo-game__overlay-stats{gap:16px}.ludo-game__overlay-actions{flex-direction:column}.ludo-game__btn{width:100%}}.tp-cards{gap:6px}.tp-card,.tp-cards{align-items:center;display:flex;justify-content:center}.tp-card{background:#fff;background:var(--tp-card-bg,#fff);border:2px solid #ccc;border:2px solid var(--tp-card-border,#ccc);border-radius:8px;flex-direction:column;font-weight:700;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.tp-card--small{font-size:12px;height:52px;width:36px}.tp-card--medium{font-size:16px;height:68px;width:48px}.tp-card--large{font-size:20px;height:90px;width:64px}.tp-card--face-down{background:var(--tp-card-back-bg,linear-gradient(135deg,#1a5276,#2e86c1));background:linear-gradient(135deg,#1a5276,#2e86c1);border-color:#1a5276;border-color:var(--tp-card-back-border,#1a5276);color:#fff}.tp-card--blind{background:linear-gradient(135deg,#7d3c98,#a569bd);border-color:#7d3c98}.tp-card--face-up{cursor:default}.tp-card--red{color:#dc3545}.tp-card--black{color:#212529;color:var(--tp-card-text,#212529)}.tp-card--highlighted{border-color:gold;box-shadow:0 0 12px #ffd700cc;transform:translateY(-4px)}.tp-card--reveal{animation:tp-card-reveal .6s ease forwards}@keyframes tp-card-reveal{0%{opacity:.5;transform:rotateY(180deg)}50%{opacity:.8;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}.tp-card__back{font-size:1.5em;opacity:.8}.tp-card__rank{line-height:1}.tp-card__suit{font-size:.9em;line-height:1}@media (max-width:768px){.tp-card--medium{font-size:14px;height:58px;width:40px}.tp-card--large{font-size:17px;height:74px;width:52px}.tp-cards{gap:4px}}.tp-table{margin:0 auto;max-width:700px;width:100%}.tp-table__felt{background:radial-gradient(ellipse at center,#1a6b3c 0,#0d4f2b 70%,#0a3d22 100%);background:var(--tp-felt-bg,radial-gradient(ellipse at center,#1a6b3c 0,#0d4f2b 70%,#0a3d22 100%));border:6px solid #5d3a1a;border:6px solid var(--tp-felt-border,#5d3a1a);border-radius:50%;box-shadow:0 4px 20px #0006,inset 0 0 40px #0003;overflow:visible;padding-bottom:70%;position:relative;width:100%}.tp-table__pot{color:gold;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.tp-table__pot-label{display:block;font-size:12px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.tp-table__pot-amount{display:block;font-size:28px;font-weight:800;text-shadow:0 2px 4px #00000080}.tp-table__stake-label{color:#ffffffb3;display:block;font-size:11px;margin-top:2px}.tp-table__seat{background:#0009;background:var(--tp-seat-bg,#0009);border:2px solid #0000;border-radius:10px;min-width:90px;padding:6px;position:absolute;text-align:center;transform:translate(-50%,-50%);transition:all .3s ease;z-index:3}.tp-table__seat--active{border-color:gold;box-shadow:0 0 12px #ffd70080}.tp-table__seat--eliminated{opacity:.4}.tp-table__seat--packed{opacity:.6}.tp-table__dealer-marker{background:gold;border-radius:50%;color:#000;font-size:11px;font-weight:800;height:22px;position:absolute;right:-10px;top:-10px;width:22px;z-index:4}.tp-table__dealer-marker,.tp-table__player-info{align-items:center;display:flex;justify-content:center}.tp-table__player-info{gap:4px;margin-bottom:4px}.tp-table__player-name{color:#fff;font-size:12px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-table__blind-seen{font-size:12px}.tp-table__blind-seen--blind{opacity:.7}.tp-table__blind-seen--seen{opacity:1}.tp-table__cards{margin:4px 0}.tp-table__chips{color:gold;font-size:11px;font-weight:600}.tp-table__bet{color:#fffc;font-size:10px;margin-top:2px}.tp-table__out-badge,.tp-table__packed-badge{border-radius:4px;font-size:11px;font-weight:700;left:50%;padding:2px 8px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.tp-table__out-badge{background:#e74c3ce6;color:#fff}.tp-table__packed-badge{background:#95a5a6e6;color:#fff}@media (max-width:768px){.tp-table__felt{padding-bottom:80%}.tp-table__seat{min-width:70px;padding:4px}.tp-table__player-name{font-size:10px;max-width:55px}.tp-table__pot-amount{font-size:22px}.tp-table__chips{font-size:10px}}.tp-betting{background:#0000000d;background:var(--tp-controls-bg,#0000000d);border:1px solid #dee2e6;border:1px solid var(--tp-controls-border,#dee2e6);border-radius:12px;padding:12px}.tp-betting__info{display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:12px;justify-content:center;margin-bottom:10px}.tp-betting__pot{color:#e67e22;color:var(--tp-pot-color,#e67e22)}.tp-betting__stake{color:#3498db;color:var(--tp-stake-color,#3498db)}.tp-betting__stack{color:#27ae60;color:var(--tp-stack-color,#27ae60)}.tp-betting__status{border-radius:10px;font-size:12px;padding:2px 8px}.tp-betting__status--blind{background:#7d3c9826;color:#7d3c98}.tp-betting__status--seen{background:#2980b926;color:#2980b9}.tp-betting__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tp-betting__btn{border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:8px 16px;transition:all .2s ease}.tp-betting__btn:disabled{cursor:not-allowed;opacity:.5}.tp-betting__btn--pack{background:#e74c3c;background:var(--tp-btn-pack,#e74c3c);border-color:#c0392b}.tp-betting__btn--pack:hover:not(:disabled){background:#c0392b}.tp-betting__btn--call{background:#3498db;background:var(--tp-btn-call,#3498db);border-color:#2980b9}.tp-betting__btn--call:hover:not(:disabled){background:#2980b9}.tp-betting__btn--raise{background:#e67e22;background:var(--tp-btn-raise,#e67e22);border-color:#d35400}.tp-betting__btn--raise:hover:not(:disabled){background:#d35400}.tp-betting__btn--see{background:#9b59b6;background:var(--tp-btn-see,#9b59b6);border-color:#8e44ad}.tp-betting__btn--see:hover:not(:disabled){background:#8e44ad}.tp-betting__btn--sideshow{background:#1abc9c;background:var(--tp-btn-sideshow,#1abc9c);border-color:#16a085}.tp-betting__btn--sideshow:hover:not(:disabled){background:#16a085}.tp-betting__btn--show{background:#27ae60;background:var(--tp-btn-show,#27ae60);border-color:#229954}.tp-betting__btn--show:hover:not(:disabled){background:#229954}.tp-betting__btn--confirm{background:#2ecc71;background:var(--tp-btn-confirm,#2ecc71);border-color:#27ae60;margin-top:8px;width:100%}.tp-betting__raise-panel{background:#00000008;background:var(--tp-raise-bg,#00000008);border-radius:8px;margin-top:10px;padding:10px}.tp-betting__slider{appearance:none;background:#dee2e6;background:var(--tp-slider-track,#dee2e6);border-radius:3px;height:6px;outline:none;width:100%}.tp-betting__slider::-webkit-slider-thumb{-webkit-appearance:none;background:#e67e22;background:var(--tp-slider-thumb,#e67e22);border-radius:50%;cursor:pointer;height:20px;width:20px}.tp-betting__raise-info{color:#6c757d;color:var(--tp-text-secondary,#6c757d);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.tp-betting__raise-value{color:#212529;color:var(--tp-text-primary,#212529);font-size:16px;font-weight:700}@media (max-width:768px){.tp-betting__actions{gap:6px}.tp-betting__btn{font-size:13px;padding:6px 12px}}.tp-hand-ranking{background:#0000000d;background:var(--tp-panel-bg,#0000000d);border-radius:8px;padding:8px 12px}.tp-hand-ranking__current{align-items:center;display:flex;font-size:14px;gap:8px;padding:6px 0}.tp-hand-ranking__label{color:#6c757d;color:var(--tp-text-secondary,#6c757d);font-weight:500}.tp-hand-ranking__value{color:#212529;color:var(--tp-text-primary,#212529);font-weight:700}.tp-hand-ranking__guide{margin-top:8px}.tp-hand-ranking__guide-title{color:#6c757d;color:var(--tp-text-secondary,#6c757d);font-size:13px;margin:0 0 6px}.tp-hand-ranking__list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.tp-hand-ranking__item{align-items:center;background:#0000;background:var(--tp-item-bg,#0000);border-radius:4px;display:flex;font-size:12px;gap:6px;padding:4px 8px}.tp-hand-ranking__item--active{background:#28a74526;background:var(--tp-highlight-bg,#28a74526);border:1px solid #28a745;border:1px solid var(--tp-highlight-border,#28a745)}.tp-hand-ranking__emoji{font-size:14px}.tp-hand-ranking__name{font-weight:600;min-width:100px}.tp-hand-ranking__desc{color:#6c757d;color:var(--tp-text-secondary,#6c757d)}.tp-mode-selector{margin:0 auto;max-width:420px;padding:24px;text-align:center}.tp-mode-selector__title{color:#212529;color:var(--tp-title-color,#212529);font-size:28px;margin:0 0 4px}.tp-mode-selector__subtitle{color:#6c757d;color:var(--tp-text-secondary,#6c757d);font-size:14px;margin:0 0 20px}.tp-mode-selector__guest-banner{background:#ffc10726;background:var(--tp-banner-bg,#ffc10726);border:1px solid #ffc107;border:1px solid var(--tp-banner-border,#ffc107);border-radius:8px;color:#856404;color:var(--tp-banner-text,#856404);font-size:13px;margin-bottom:16px;padding:8px 16px}.tp-mode-selector__options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.tp-mode-selector__option{align-items:center;background:#fff;background:var(--tp-option-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--tp-option-border,#dee2e6);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px;transition:all .2s ease}.tp-mode-selector__option:hover{background:#3498db0d;background:var(--tp-option-hover-bg,#3498db0d);border-color:#3498db;border-color:var(--tp-option-hover-border,#3498db)}.tp-mode-selector__option-icon{font-size:28px}.tp-mode-selector__option-label{color:#212529;color:var(--tp-text-primary,#212529);font-size:16px;font-weight:700}.tp-mode-selector__option-desc{color:#6c757d;color:var(--tp-text-secondary,#6c757d);font-size:12px}.tp-mode-selector__note{color:#6c757d;color:var(--tp-text-secondary,#6c757d);font-size:11px;font-style:italic}.tp-mode-selector__back{background:none;border:none;color:#3498db;color:var(--tp-link-color,#3498db);cursor:pointer;font-size:14px;margin-bottom:12px;min-height:44px;padding:8px}.tp-mode-selector__setting{margin-bottom:16px;text-align:left}.tp-mode-selector__label{color:#212529;color:var(--tp-text-primary,#212529);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.tp-mode-selector__button-group{display:flex;gap:8px}.tp-mode-selector__btn{background:#fff;background:var(--tp-btn-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--tp-btn-border,#dee2e6);border-radius:8px;color:#212529;color:var(--tp-text-primary,#212529);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:44px;padding:8px 12px;transition:all .2s ease}.tp-mode-selector__btn--active{background:#3498db1a;background:var(--tp-btn-active-bg,#3498db1a);border-color:#3498db;border-color:var(--tp-btn-active-border,#3498db);color:#2980b9;color:var(--tp-btn-active-color,#2980b9);font-weight:700}.tp-mode-selector__start{background:#27ae60;background:var(--tp-start-bg,#27ae60);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-height:44px;padding:12px;transition:background .2s ease;width:100%}.tp-mode-selector__start:hover{background:#229954;background:var(--tp-start-hover,#229954)}.tp-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.tp-mode-selector__divider{align-items:center;color:#6c757d;color:var(--tp-text-secondary,#6c757d);display:flex;font-size:13px;gap:12px}.tp-mode-selector__divider:after,.tp-mode-selector__divider:before{background:#dee2e6;background:var(--tp-divider-color,#dee2e6);content:"";flex:1 1;height:1px}.tp-mode-selector__join{display:flex;gap:8px}.tp-mode-selector__room-input{background:#fff;background:var(--tp-input-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--tp-input-border,#dee2e6);border-radius:8px;color:#212529;color:var(--tp-text-primary,#212529);flex:1 1;font-size:16px;letter-spacing:2px;min-height:44px;padding:10px 12px;text-align:center;text-transform:uppercase}.tp-mode-selector__join-btn{background:#3498db;background:var(--tp-join-bg,#3498db);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-height:44px;padding:10px 16px}.tp-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}.tp-game{background:#1a1a2e;background:var(--tp-game-bg,#1a1a2e);color:#e0e0e0;color:var(--tp-game-text,#e0e0e0);min-height:100vh;padding:12px}.tp-game__header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.tp-game__exit-btn{background:none;border:1px solid #ffffff4d;border:1px solid var(--tp-exit-border,#ffffff4d);border-radius:8px;color:#e0e0e0;color:var(--tp-exit-color,#e0e0e0);cursor:pointer;font-size:13px;min-height:44px;padding:8px 14px;transition:background .2s}.tp-game__exit-btn:hover{background:#ffffff1a}.tp-game__title{flex:1 1;font-size:20px;margin:0}.tp-game__round{color:#fff9;color:var(--tp-round-color,#fff9);font-size:13px}.tp-game__content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px}.tp-game__table-area{flex:1 1}.tp-game__controls-area{align-items:center;display:flex;flex-direction:column;gap:10px}.tp-game__player-cards{margin:8px 0}.tp-game__guide-toggle{background:none;border:none;color:#3498db;color:var(--tp-link-color,#3498db);cursor:pointer;font-size:12px;min-height:44px;padding:4px 8px}.tp-game__turn-indicator{border-radius:8px;font-size:14px;font-weight:600;padding:6px 12px}.tp-game__your-turn{color:#2ecc71}.tp-game__waiting{color:#fff9;color:var(--tp-waiting-color,#fff9)}.tp-game__overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.tp-game__overlay-content{background:#2c3e50;background:var(--tp-overlay-bg,#2c3e50);border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:32px;text-align:center;width:90%}.tp-game__overlay-title{font-size:28px;margin:0 0 8px}.tp-game__overlay-winner{color:gold;font-size:20px;font-weight:700;margin:0 0 20px}.tp-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.tp-game__stat{display:flex;flex-direction:column;gap:4px}.tp-game__stat-label{color:#fff9;font-size:12px}.tp-game__stat-value{font-size:24px;font-weight:700}.tp-game__overlay-actions{display:flex;gap:12px;justify-content:center}.tp-game__btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-height:44px;padding:10px 24px;transition:background .2s}.tp-game__btn--primary{background:#27ae60;color:#fff}.tp-game__btn--primary:hover{background:#229954}.tp-game__btn--secondary{background:#ffffff26;color:#fff}.tp-game__btn--secondary:hover{background:#ffffff40}@media (min-width:768px){.tp-game__content{align-items:flex-start;flex-direction:row}.tp-game__table-area{flex:2 1}.tp-game__controls-area{flex:1 1;min-width:280px}}.reversi-board{background-color:#2e7d32;background-color:var(--reversi-board-bg,#2e7d32);border:3px solid #1b5e20;border:3px solid var(--reversi-board-border,#1b5e20);border-radius:8px;box-shadow:0 4px 12px #0000004d;display:inline-flex;flex-direction:column;gap:0;padding:4px;-webkit-user-select:none;user-select:none}.reversi-board__col-labels{align-items:center;display:flex;padding-bottom:2px}.reversi-board__corner-label{flex-shrink:0;width:20px}.reversi-board__col-label{color:#ffffffb3;color:var(--reversi-label-color,#ffffffb3);font-size:11px;font-weight:600;text-align:center;width:48px}.reversi-board__row{align-items:center;display:flex}.reversi-board__row-label{color:#ffffffb3;color:var(--reversi-label-color,#ffffffb3);flex-shrink:0;font-size:11px;font-weight:600;text-align:center;width:20px}.reversi-board__cell{align-items:center;background-color:#388e3c;background-color:var(--reversi-cell-bg,#388e3c);border:1px solid #2e7d32;border:1px solid var(--reversi-cell-border,#2e7d32);cursor:default;display:flex;height:48px;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;transition:background-color .15s ease;width:48px}.reversi-board__cell:focus-visible{outline:2px solid #fff;outline:2px solid var(--reversi-focus-color,#fff);outline-offset:-2px;z-index:1}.reversi-board__cell--valid{cursor:pointer}.reversi-board__cell--valid:hover{background-color:#43a047;background-color:var(--reversi-cell-hover,#43a047)}.reversi-board__cell--last-move{background-color:#4caf50;background-color:var(--reversi-cell-last-move,#4caf50)}.reversi-board__disc{border-radius:50%;box-shadow:0 2px 4px #0000004d;display:block;height:36px;transition:background-color .4s ease,transform .4s ease,box-shadow .3s ease;width:36px}.reversi-board__disc--black{background-color:#1a1a1a;background-color:var(--reversi-disc-black,#1a1a1a);box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff1a}.reversi-board__disc--white{background-color:#f5f5f5;background-color:var(--reversi-disc-white,#f5f5f5);box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff80}.reversi-board__disc--flipped{animation:reversi-flip .5s ease-in-out}@keyframes reversi-flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.reversi-board__disc--placed{animation:reversi-place .3s ease-out}@keyframes reversi-place{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reversi-board__valid-dot{background-color:#fff6;background-color:var(--reversi-valid-dot,#fff6);border-radius:50%;display:block;height:12px;transition:transform .15s ease;width:12px}.reversi-board__cell--valid:hover .reversi-board__valid-dot{background-color:#fff9;background-color:var(--reversi-valid-dot-hover,#fff9);transform:scale(1.3)}@media (max-width:768px){.reversi-board__cell{height:40px;width:40px}.reversi-board__disc{height:30px;width:30px}.reversi-board__valid-dot{height:10px;width:10px}.reversi-board__col-label,.reversi-board__row-label{font-size:10px}.reversi-board__corner-label,.reversi-board__row-label{width:16px}.reversi-board__col-label{width:40px}}@media (max-width:400px){.reversi-board__cell{height:36px;width:36px}.reversi-board__disc{height:26px;width:26px}.reversi-board__valid-dot{height:8px;width:8px}.reversi-board__col-label{width:36px}}[data-theme=dark] .reversi-board{--reversi-board-bg:#1a472a;--reversi-board-border:#0d3318;--reversi-cell-bg:#2e7d32;--reversi-cell-border:#1a472a;--reversi-cell-hover:#388e3c;--reversi-cell-last-move:#43a047;--reversi-disc-black:#111;--reversi-disc-white:#e0e0e0;--reversi-valid-dot:#ffffff59;--reversi-valid-dot-hover:#ffffff8c;--reversi-label-color:#fff9;--reversi-focus-color:#90caf9}.reversi-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.reversi-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.reversi-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0 0 24px}.reversi-mode-selector__info{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin:0 0 24px}.reversi-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.reversi-mode-selector__options{display:flex;flex-direction:column;gap:12px}.reversi-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:44px;padding:16px 20px;text-align:left;transition:all .2s ease}.reversi-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#2e7d32;border-color:var(--primary-color,#2e7d32);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.reversi-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.reversi-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:1.1rem;font-weight:600}.reversi-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem}.reversi-mode-selector__back{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-block;font-size:.95rem;margin-bottom:16px;min-height:44px;min-width:44px;padding:8px 0}.reversi-mode-selector__back:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.reversi-mode-selector__setting{margin-bottom:20px;text-align:left}.reversi-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.reversi-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.reversi-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;min-width:80px;padding:10px 16px;transition:all .2s ease}.reversi-mode-selector__btn--active,.reversi-mode-selector__btn:hover{border-color:#2e7d32;border-color:var(--primary-color,#2e7d32)}.reversi-mode-selector__btn--active{background:#2e7d32;background:var(--primary-color,#2e7d32);color:#fff}.reversi-mode-selector__btn--color{align-items:center;display:flex;gap:8px;justify-content:center}.reversi-mode-selector__color-disc{border-radius:50%;display:inline-block;flex-shrink:0;height:20px;width:20px}.reversi-mode-selector__color-disc--black{background-color:#1a1a1a;border:1px solid #444}.reversi-mode-selector__color-disc--white{background-color:#f5f5f5;border:1px solid #ccc}.reversi-mode-selector__start{background:#2e7d32;background:var(--primary-color,#2e7d32);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.reversi-mode-selector__start:hover{background:#1b5e20;background:var(--primary-hover,#1b5e20);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.reversi-mode-selector__online-options{margin-top:16px}.reversi-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.9rem;margin:20px 0}.reversi-mode-selector__divider:after,.reversi-mode-selector__divider:before{background:#e0e0e0;background:var(--border-color,#e0e0e0);content:"";flex:1 1;height:1px}.reversi-mode-selector__divider span{padding:0 12px}.reversi-mode-selector__join{display:flex;gap:8px}.reversi-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 16px;text-align:center;text-transform:uppercase}.reversi-mode-selector__room-input:focus{border-color:#2e7d32;border-color:var(--primary-color,#2e7d32);outline:none}.reversi-mode-selector__join-btn{background:#2e7d32;background:var(--primary-color,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.reversi-mode-selector__join-btn:hover:not(:disabled){background:#1b5e20;background:var(--primary-hover,#1b5e20)}.reversi-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .reversi-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .reversi-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .reversi-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .reversi-mode-selector__btn{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .reversi-mode-selector__btn,[data-theme=dark] .reversi-mode-selector__room-input{border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .reversi-mode-selector__room-input{background:#2a2a3e;background:var(--input-bg,#2a2a3e)}[data-theme=dark] .reversi-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.reversi-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.reversi-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.reversi-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.reversi-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.reversi-game__title{font-size:1.25rem;font-weight:700;margin:0}.reversi-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.reversi-game__score-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;justify-content:center;max-width:500px;padding:12px 24px;width:100%}.reversi-game__score{align-items:center;border-radius:8px;display:flex;gap:8px;opacity:.7;padding:8px 16px;transition:all .3s ease}.reversi-game__score--active{background:#2e7d321a;background:var(--score-active-bg,#2e7d321a);box-shadow:0 0 0 2px #2e7d32;box-shadow:0 0 0 2px var(--primary-color,#2e7d32);opacity:1}.reversi-game__score-disc{border-radius:50%;display:inline-block;flex-shrink:0;height:24px;width:24px}.reversi-game__score-disc--black{background-color:#1a1a1a;box-shadow:0 1px 3px #0000004d}.reversi-game__score-disc--white{background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 1px 3px #00000026}.reversi-game__score-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.reversi-game__score-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;min-width:28px;text-align:center}.reversi-game__turn-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;min-width:120px;text-align:center}.reversi-game__board-area{display:flex;justify-content:center}.reversi-game__info{color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:20px}.reversi-game__overlay{align-items:center;animation:reversi-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes reversi-overlay-in{0%{opacity:0}to{opacity:1}}.reversi-game__overlay-content{animation:reversi-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes reversi-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reversi-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 12px}.reversi-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.reversi-game__overlay-final-score{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:20px}.reversi-game__final-score-item{align-items:center;display:flex;gap:8px}.reversi-game__final-score-dash{color:#999;color:var(--text-secondary,#999)}.reversi-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.reversi-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.reversi-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.reversi-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.reversi-game__overlay-actions{display:flex;gap:12px;justify-content:center}.reversi-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.reversi-game__btn--primary{background:#2e7d32;background:var(--primary-color,#2e7d32);color:#fff}.reversi-game__btn--primary:hover{background:#1b5e20;background:var(--primary-hover,#1b5e20);transform:translateY(-1px)}.reversi-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.reversi-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}@media (max-width:768px){.reversi-game__score-bar{gap:12px;padding:10px 16px}.reversi-game__score{gap:6px;padding:6px 10px}.reversi-game__score-value{font-size:1.25rem}.reversi-game__turn-text{font-size:.8rem;min-width:90px}.reversi-game__overlay-content{padding:24px}.reversi-game__overlay-actions{flex-direction:column}.reversi-game__btn{width:100%}}[data-theme=dark] .reversi-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--score-active-bg:#2e7d3233;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .reversi-game__score-disc--white{border-color:#666}[data-theme=dark] .reversi-game__overlay{background:#000000bf}.mancala-board{align-items:stretch;background:linear-gradient(135deg,#5d4037,#795548);background:var(--mancala-board-bg,linear-gradient(135deg,#5d4037,#795548));border:4px solid #3e2723;border:4px solid var(--mancala-board-border,#3e2723);border-radius:60px;box-shadow:0 6px 20px #00000059,inset 0 2px 4px #ffffff1a;display:flex;gap:0;margin:0 auto;max-width:700px;padding:12px;-webkit-user-select:none;user-select:none;width:100%}.mancala-board__store{align-items:center;background:#4e342e;background:var(--mancala-store-bg,#4e342e);border-radius:50px;box-shadow:inset 0 3px 8px #0006;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:70px;padding:16px 8px;position:relative;transition:box-shadow .3s ease;width:80px}.mancala-board__store--active{box-shadow:inset 0 3px 8px #0006,0 0 0 3px #ffc10799;box-shadow:inset 0 3px 8px #0006,0 0 0 3px var(--mancala-active-glow,#ffc10799)}.mancala-board__store-label{color:#ffffffb3;color:var(--mancala-label-color,#ffffffb3);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.mancala-board__store-count{color:#fff;color:var(--mancala-store-text,#fff);font-size:1.75rem;font-weight:700;text-shadow:0 1px 3px #0000004d}.mancala-board__pits{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:4px 8px}.mancala-board__row{align-items:center;display:flex;gap:6px}.mancala-board__row-label{color:#fff9;color:var(--mancala-label-color,#fff9);flex-shrink:0;font-size:.7rem;font-weight:600;text-align:center;width:24px}.mancala-board__pit-numbers{align-items:center;display:flex;gap:6px;padding:2px 0}.mancala-board__pit-number{color:#fff6;color:var(--mancala-label-color,#fff6);flex:1 1;font-size:.65rem;font-weight:500;text-align:center}.mancala-board__pit{align-items:center;background:#4e342e;background:var(--mancala-pit-bg,#4e342e);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 2px 6px #00000059;cursor:default;display:flex;flex:1 1;flex-direction:column;gap:2px;height:70px;justify-content:center;min-height:60px;min-width:52px;padding:4px;position:relative;transition:all .2s ease}.mancala-board__pit:focus-visible{outline:2px solid #ffc107;outline:2px solid var(--mancala-focus-color,#ffc107);outline-offset:2px;z-index:1}.mancala-board__pit--valid{background:#5d4037;background:var(--mancala-pit-valid-bg,#5d4037);border-color:#ffc10799;border-color:var(--mancala-valid-border,#ffc10799);cursor:pointer}.mancala-board__pit--valid:hover{background:#6d4c41;background:var(--mancala-pit-hover-bg,#6d4c41);border-color:#ffc107e6;border-color:var(--mancala-valid-hover-border,#ffc107e6);box-shadow:inset 0 2px 6px #00000059,0 0 8px #ffc10766;box-shadow:inset 0 2px 6px #00000059,0 0 8px var(--mancala-active-glow,#ffc10766);transform:scale(1.05)}.mancala-board__pit--last-move{background:#6d4c41;background:var(--mancala-pit-last-move,#6d4c41)}.mancala-board__pit--empty{opacity:.7}.mancala-board__pit-count{color:#fff;color:var(--mancala-pit-text,#fff);font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0000004d;z-index:1}.mancala-board__seeds{bottom:6px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:40px;position:absolute}.mancala-board__seed{background:#d7ccc8;background:var(--mancala-seed-color,#d7ccc8);border-radius:50%;box-shadow:0 1px 2px #0000004d;height:6px;width:6px}.mancala-board__store .mancala-board__seeds{bottom:auto;max-width:50px;position:relative}.mancala-board__store .mancala-board__seed{height:7px;width:7px}@keyframes mancala-capture{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.mancala-board__pit--captured{animation:mancala-capture .5s ease-in-out}@keyframes mancala-sow{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.mancala-board__pit--sowing{animation:mancala-sow .3s ease-out}@media (max-width:768px){.mancala-board{border-radius:40px;max-width:100%;padding:8px}.mancala-board__store{min-width:50px;padding:12px 6px;width:60px}.mancala-board__store-count{font-size:1.4rem}.mancala-board__store-label{font-size:.6rem}.mancala-board__pit{height:56px;min-height:50px;min-width:44px}.mancala-board__pit-count{font-size:.95rem}.mancala-board__row{gap:4px}.mancala-board__pits{padding:2px 4px}.mancala-board__row-label{font-size:.6rem;width:18px}.mancala-board__seed{height:5px;width:5px}}@media (max-width:480px){.mancala-board{border-radius:30px;padding:6px}.mancala-board__store{min-width:42px;padding:10px 4px;width:48px}.mancala-board__store-count{font-size:1.2rem}.mancala-board__pit{height:48px;min-height:44px;min-width:38px}.mancala-board__pit-count{font-size:.85rem}.mancala-board__row{gap:3px}.mancala-board__seeds,.mancala-board__store .mancala-board__seeds{display:none}}[data-theme=dark] .mancala-board{--mancala-board-bg:linear-gradient(135deg,#3e2723,#4e342e);--mancala-board-border:#1b0000;--mancala-store-bg:#2e1a14;--mancala-pit-bg:#2e1a14;--mancala-pit-valid-bg:#3e2723;--mancala-pit-hover-bg:#4e342e;--mancala-pit-last-move:#4e342e;--mancala-pit-text:#e0e0e0;--mancala-store-text:#e0e0e0;--mancala-label-color:#ffffff80;--mancala-seed-color:#a1887f;--mancala-valid-border:#ffc10780;--mancala-valid-hover-border:#ffc107cc;--mancala-active-glow:#ffc10780;--mancala-focus-color:#ffc107}.mancala-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.mancala-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.mancala-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0 0 24px}.mancala-mode-selector__info{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin:0 0 24px}.mancala-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.mancala-mode-selector__options{display:flex;flex-direction:column;gap:12px}.mancala-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:44px;padding:16px 20px;text-align:left;transition:all .2s ease}.mancala-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#795548;border-color:var(--primary-color,#795548);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.mancala-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.mancala-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:1.1rem;font-weight:600}.mancala-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem}.mancala-mode-selector__back{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-block;font-size:.95rem;margin-bottom:16px;min-height:44px;min-width:44px;padding:8px 0}.mancala-mode-selector__back:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.mancala-mode-selector__setting{margin-bottom:20px;text-align:left}.mancala-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.mancala-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.mancala-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;min-width:80px;padding:10px 16px;transition:all .2s ease}.mancala-mode-selector__btn--active,.mancala-mode-selector__btn:hover{border-color:#795548;border-color:var(--primary-color,#795548)}.mancala-mode-selector__btn--active{background:#795548;background:var(--primary-color,#795548);color:#fff}.mancala-mode-selector__btn--side{align-items:center;display:flex;gap:8px;justify-content:center}.mancala-mode-selector__side-icon{flex-shrink:0;font-size:1rem}.mancala-mode-selector__start{background:#795548;background:var(--primary-color,#795548);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.mancala-mode-selector__start:hover{background:#5d4037;background:var(--primary-hover,#5d4037);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.mancala-mode-selector__online-options{margin-top:16px}.mancala-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.9rem;margin:20px 0}.mancala-mode-selector__divider:after,.mancala-mode-selector__divider:before{background:#e0e0e0;background:var(--border-color,#e0e0e0);content:"";flex:1 1;height:1px}.mancala-mode-selector__divider span{padding:0 12px}.mancala-mode-selector__join{display:flex;gap:8px}.mancala-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 16px;text-align:center;text-transform:uppercase}.mancala-mode-selector__room-input:focus{border-color:#795548;border-color:var(--primary-color,#795548);outline:none}.mancala-mode-selector__join-btn{background:#795548;background:var(--primary-color,#795548);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.mancala-mode-selector__join-btn:hover:not(:disabled){background:#5d4037;background:var(--primary-hover,#5d4037)}.mancala-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .mancala-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .mancala-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .mancala-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .mancala-mode-selector__btn{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .mancala-mode-selector__btn,[data-theme=dark] .mancala-mode-selector__room-input{border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .mancala-mode-selector__room-input{background:#2a2a3e;background:var(--input-bg,#2a2a3e)}[data-theme=dark] .mancala-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.mancala-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.mancala-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.mancala-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.mancala-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.mancala-game__title{font-size:1.25rem;font-weight:700;margin:0}.mancala-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.mancala-game__score-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;justify-content:center;max-width:500px;padding:12px 24px;width:100%}.mancala-game__score{align-items:center;border-radius:8px;display:flex;gap:8px;opacity:.7;padding:8px 16px;transition:all .3s ease}.mancala-game__score--active{background:#7955481a;background:var(--score-active-bg,#7955481a);box-shadow:0 0 0 2px #795548;box-shadow:0 0 0 2px var(--primary-color,#795548);opacity:1}.mancala-game__score-icon{flex-shrink:0;font-size:1.2rem}.mancala-game__score-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.mancala-game__score-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;min-width:28px;text-align:center}.mancala-game__turn-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;min-width:120px;text-align:center}.mancala-game__board-area{display:flex;justify-content:center;max-width:720px;padding:0 8px;width:100%}.mancala-game__info{color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:20px}.mancala-game__overlay{align-items:center;animation:mancala-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes mancala-overlay-in{0%{opacity:0}to{opacity:1}}.mancala-game__overlay-content{animation:mancala-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes mancala-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mancala-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 12px}.mancala-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.mancala-game__overlay-final-score{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:20px}.mancala-game__final-score-item{align-items:center;display:flex;gap:8px}.mancala-game__final-score-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:600}.mancala-game__final-score-number{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;font-weight:700}.mancala-game__final-score-dash{color:#999;color:var(--text-secondary,#999)}.mancala-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.mancala-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.mancala-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.mancala-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.mancala-game__overlay-actions{display:flex;gap:12px;justify-content:center}.mancala-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.mancala-game__btn--primary{background:#795548;background:var(--primary-color,#795548);color:#fff}.mancala-game__btn--primary:hover{background:#5d4037;background:var(--primary-hover,#5d4037);transform:translateY(-1px)}.mancala-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.mancala-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}@media (max-width:768px){.mancala-game__score-bar{gap:12px;padding:10px 16px}.mancala-game__score{gap:6px;padding:6px 10px}.mancala-game__score-value{font-size:1.25rem}.mancala-game__turn-text{font-size:.8rem;min-width:90px}.mancala-game__overlay-content{padding:24px}.mancala-game__overlay-actions{flex-direction:column}.mancala-game__btn{width:100%}}[data-theme=dark] .mancala-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--score-active-bg:#79554833;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .mancala-game__overlay{background:#000000bf}.backgammon-board{align-items:center;display:flex;flex-direction:column;gap:12px;-webkit-user-select:none;user-select:none}.backgammon-board__dice{align-items:center;background:#0000000d;background:var(--backgammon-dice-bg,#0000000d);border-radius:10px;display:flex;gap:12px;padding:8px 16px}.backgammon-board__die{align-items:center;background:#fff;background:var(--backgammon-die-bg,#fff);border:2px solid #ccc;border:2px solid var(--backgammon-die-border,#ccc);border-radius:8px;box-shadow:0 2px 4px #00000026;display:flex;height:48px;justify-content:center;width:48px}.backgammon-board__die-face{font-size:2rem;line-height:1}.backgammon-board__moves-left{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:500}.backgammon-board__frame{background:#5d3a1a;background:var(--backgammon-frame-bg,#5d3a1a);border:4px solid #3e2510;border:4px solid var(--backgammon-frame-border,#3e2510);border-radius:10px;box-shadow:0 6px 20px #00000059;display:flex;flex-direction:column;gap:4px;padding:8px;position:relative}.backgammon-board__half{align-items:stretch;background:#2d6b30;background:var(--backgammon-board-bg,#2d6b30);border-radius:6px;display:flex;overflow:hidden}.backgammon-board__half--top{border-bottom:2px solid #5d3a1a;border-bottom:2px solid var(--backgammon-frame-bg,#5d3a1a)}.backgammon-board__quadrant{display:flex;flex:1 1}.backgammon-board__point{align-items:center;background:none;border:none;cursor:default;display:flex;flex:1 1;flex-direction:column;min-height:160px;min-width:40px;padding:4px 2px;position:relative;transition:background-color .15s ease}.backgammon-board__point--bottom{flex-direction:column-reverse}.backgammon-board__point--selectable{cursor:pointer}.backgammon-board__point--selectable:hover{background-color:#ffffff1a}.backgammon-board__point--selected{background-color:#ffd70040!important}.backgammon-board__point--target{background-color:#4caf5040!important;cursor:pointer}.backgammon-board__point--target:hover{background-color:#4caf5066!important}.backgammon-board__point:focus-visible{outline:2px solid gold;outline:2px solid var(--backgammon-focus-color,gold);outline-offset:-2px;z-index:1}.backgammon-board__triangle{border-left:18px solid #0000;border-right:18px solid #0000;height:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}.backgammon-board__point--top .backgammon-board__triangle{border-top:100px solid #c4956a;border-top:100px solid var(--backgammon-triangle-even,#c4956a);top:0}.backgammon-board__point--bottom .backgammon-board__triangle{border-bottom:100px solid #c4956a;border-bottom:100px solid var(--backgammon-triangle-even,#c4956a);bottom:0;top:auto}.backgammon-board__point--odd.backgammon-board__point--top .backgammon-board__triangle{border-top-color:#8b4513;border-top-color:var(--backgammon-triangle-odd,#8b4513)}.backgammon-board__point--odd.backgammon-board__point--bottom .backgammon-board__triangle{border-bottom-color:#8b4513;border-bottom-color:var(--backgammon-triangle-odd,#8b4513)}.backgammon-board__point-label{color:#ffffff80;color:var(--backgammon-label-color,#ffffff80);font-size:9px;position:absolute;z-index:2}.backgammon-board__point--top .backgammon-board__point-label{bottom:2px}.backgammon-board__point--bottom .backgammon-board__point-label{top:2px}.backgammon-board__target-indicator{animation:backgammon-pulse 1.2s ease-in-out infinite;background:#4caf5099;border:2px solid #4caf50e6;border-radius:50%;height:16px;position:absolute;width:16px;z-index:3}.backgammon-board__point--top .backgammon-board__target-indicator{top:50%}.backgammon-board__point--bottom .backgammon-board__target-indicator{bottom:50%}@keyframes backgammon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.backgammon-board__checkers{align-items:center;display:flex;flex-direction:column;gap:-4px;position:relative;z-index:2}.backgammon-board__checker{border-radius:50%;flex-shrink:0;height:32px;margin-top:-4px;transition:transform .2s ease;width:32px}.backgammon-board__checker:first-child{margin-top:0}.backgammon-board__checker--dark{background:#2c2c2c;background:var(--backgammon-checker-dark,#2c2c2c);border:2px solid #444;border:2px solid var(--backgammon-checker-dark-border,#444);box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff1a}.backgammon-board__checker--light{background:#f0e6d3;background:var(--backgammon-checker-light,#f0e6d3);border:2px solid #c4a882;border:2px solid var(--backgammon-checker-light-border,#c4a882);box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff80}.backgammon-board__checker--small{height:20px;margin-top:-2px;width:20px}.backgammon-board__checker-count{align-items:center;background:#0009;border-radius:50%;bottom:2px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;width:18px;z-index:3}.backgammon-board__bar{background:#4a2a0a;background:var(--backgammon-bar-bg,#4a2a0a);flex-direction:column;flex-shrink:0;width:48px}.backgammon-board__bar,.backgammon-board__bar-section{align-items:center;display:flex;justify-content:center}.backgammon-board__bar-section{background:none;border:none;cursor:default;flex:1 1;flex-direction:column;gap:4px;min-height:44px;min-width:44px;padding:8px 4px;position:relative}.backgammon-board__bar-section--selectable{cursor:pointer}.backgammon-board__bar-section--selectable:hover{background:#ffffff1a}.backgammon-board__bar-section--selected{background:#ffd7004d!important}.backgammon-board__bar-count{background:#00000080;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:1px 4px}.backgammon-board__bearoff{display:flex;justify-content:center;padding:4px}.backgammon-board__bearoff-area{align-items:center;background:#00000026;background:var(--backgammon-bearoff-bg,#00000026);border:2px solid #0000;border-radius:8px;cursor:default;display:flex;flex-direction:column;gap:4px;min-height:44px;min-width:60px;padding:8px 12px;transition:all .2s ease}.backgammon-board__bearoff-area--target{background:#4caf5033;border-color:#4caf50;border-color:var(--backgammon-bearoff-target,#4caf50);cursor:pointer}.backgammon-board__bearoff-area--target:hover{background:#4caf5059}.backgammon-board__bearoff-label{color:#fff9;color:var(--backgammon-label-color,#fff9);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.backgammon-board__bearoff-checkers{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.backgammon-board__bearoff-count{color:#ffffffb3;color:var(--backgammon-label-color,#ffffffb3);font-size:11px;font-weight:600}@media (max-width:768px){.backgammon-board__point{min-height:120px;min-width:32px}.backgammon-board__checker{height:26px;width:26px}.backgammon-board__checker--small{height:16px;width:16px}.backgammon-board__triangle{border-left-width:14px;border-right-width:14px}.backgammon-board__point--top .backgammon-board__triangle{border-top-width:75px}.backgammon-board__point--bottom .backgammon-board__triangle{border-bottom-width:75px}.backgammon-board__bar{width:36px}.backgammon-board__die{height:40px;width:40px}.backgammon-board__die-face{font-size:1.6rem}}@media (max-width:400px){.backgammon-board__point{min-height:100px;min-width:26px}.backgammon-board__checker{height:22px;width:22px}.backgammon-board__triangle{border-left-width:11px;border-right-width:11px}.backgammon-board__point--top .backgammon-board__triangle{border-top-width:60px}.backgammon-board__point--bottom .backgammon-board__triangle{border-bottom-width:60px}.backgammon-board__bar{width:28px}}[data-theme=dark] .backgammon-board{--backgammon-frame-bg:#3a2210;--backgammon-frame-border:#2a1808;--backgammon-board-bg:#1a4a1d;--backgammon-bar-bg:#2a1808;--backgammon-triangle-even:#8a6a4a;--backgammon-triangle-odd:#5a3010;--backgammon-checker-dark:#1a1a1a;--backgammon-checker-dark-border:#333;--backgammon-checker-light:#d4c4a8;--backgammon-checker-light-border:#a08868;--backgammon-die-bg:#2a2a3e;--backgammon-die-border:#444;--backgammon-dice-bg:#ffffff0d;--backgammon-label-color:#fff6;--backgammon-focus-color:#90caf9;--backgammon-bearoff-bg:#ffffff14}.backgammon-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.backgammon-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.backgammon-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0 0 24px}.backgammon-mode-selector__info{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin:0 0 24px}.backgammon-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.backgammon-mode-selector__options{display:flex;flex-direction:column;gap:12px}.backgammon-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:44px;padding:16px 20px;text-align:left;transition:all .2s ease}.backgammon-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#5d3a1a;border-color:var(--primary-color,#5d3a1a);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.backgammon-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.backgammon-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:1.1rem;font-weight:600}.backgammon-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem}.backgammon-mode-selector__back{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-block;font-size:.95rem;margin-bottom:16px;min-height:44px;min-width:44px;padding:8px 0}.backgammon-mode-selector__back:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.backgammon-mode-selector__setting{margin-bottom:20px;text-align:left}.backgammon-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.backgammon-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.backgammon-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;min-width:80px;padding:10px 16px;transition:all .2s ease}.backgammon-mode-selector__btn--active,.backgammon-mode-selector__btn:hover{border-color:#5d3a1a;border-color:var(--primary-color,#5d3a1a)}.backgammon-mode-selector__btn--active{background:#5d3a1a;background:var(--primary-color,#5d3a1a);color:#fff}.backgammon-mode-selector__btn--side{align-items:center;display:flex;gap:8px;justify-content:center}.backgammon-mode-selector__side-checker{border-radius:50%;display:inline-block;flex-shrink:0;height:20px;width:20px}.backgammon-mode-selector__side-checker--dark{background-color:#2c2c2c;border:1px solid #444}.backgammon-mode-selector__side-checker--light{background-color:#f0e6d3;border:1px solid #c4a882}.backgammon-mode-selector__start{background:#5d3a1a;background:var(--primary-color,#5d3a1a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.backgammon-mode-selector__start:hover{background:#3e2510;background:var(--primary-hover,#3e2510);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.backgammon-mode-selector__online-options{margin-top:16px}.backgammon-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.9rem;margin:20px 0}.backgammon-mode-selector__divider:after,.backgammon-mode-selector__divider:before{background:#e0e0e0;background:var(--border-color,#e0e0e0);content:"";flex:1 1;height:1px}.backgammon-mode-selector__divider span{padding:0 12px}.backgammon-mode-selector__join{display:flex;gap:8px}.backgammon-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 16px;text-align:center;text-transform:uppercase}.backgammon-mode-selector__room-input:focus{border-color:#5d3a1a;border-color:var(--primary-color,#5d3a1a);outline:none}.backgammon-mode-selector__join-btn{background:#5d3a1a;background:var(--primary-color,#5d3a1a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.backgammon-mode-selector__join-btn:hover:not(:disabled){background:#3e2510;background:var(--primary-hover,#3e2510)}.backgammon-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .backgammon-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .backgammon-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .backgammon-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .backgammon-mode-selector__btn{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .backgammon-mode-selector__room-input{background:#2a2a3e;background:var(--input-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .backgammon-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.backgammon-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.backgammon-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.backgammon-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.backgammon-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.backgammon-game__title{font-size:1.25rem;font-weight:700;margin:0}.backgammon-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.backgammon-game__status-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;justify-content:center;max-width:600px;padding:12px 24px;width:100%}.backgammon-game__player-info{align-items:center;border-radius:8px;display:flex;gap:8px;opacity:.7;padding:8px 16px;transition:all .3s ease}.backgammon-game__player-info--active{background:#5d3a1a1a;background:var(--score-active-bg,#5d3a1a1a);box-shadow:0 0 0 2px #5d3a1a;box-shadow:0 0 0 2px var(--primary-color,#5d3a1a);opacity:1}.backgammon-game__player-checker{border-radius:50%;display:inline-block;flex-shrink:0;height:24px;width:24px}.backgammon-game__player-checker--dark{background-color:#2c2c2c;border:2px solid #444;box-shadow:0 1px 3px #0000004d}.backgammon-game__player-checker--light{background-color:#f0e6d3;border:2px solid #c4a882;box-shadow:0 1px 3px #00000026}.backgammon-game__player-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.backgammon-game__player-score{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700}.backgammon-game__turn-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;min-width:140px;text-align:center}.backgammon-game__roll-btn{animation:backgammon-roll-pulse 2s ease-in-out infinite;background:#5d3a1a;background:var(--primary-color,#5d3a1a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:48px;min-width:160px;padding:12px 32px;transition:all .2s ease}.backgammon-game__roll-btn:hover{background:#3e2510;background:var(--primary-hover,#3e2510);box-shadow:0 4px 12px #5d3a1a4d;transform:translateY(-2px)}@keyframes backgammon-roll-pulse{0%,to{box-shadow:0 0 0 0 #5d3a1a66}50%{box-shadow:0 0 0 8px #5d3a1a00}}.backgammon-game__board-area{display:flex;justify-content:center;max-width:100%;overflow-x:auto}.backgammon-game__info{color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:20px}.backgammon-game__overlay{align-items:center;animation:backgammon-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes backgammon-overlay-in{0%{opacity:0}to{opacity:1}}.backgammon-game__overlay-content{animation:backgammon-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes backgammon-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.backgammon-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 12px}.backgammon-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.backgammon-game__overlay-final-score{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:20px}.backgammon-game__final-score-item{align-items:center;display:flex;gap:8px}.backgammon-game__final-score-dash{color:#999;color:var(--text-secondary,#999)}.backgammon-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.backgammon-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.backgammon-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.backgammon-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.backgammon-game__overlay-actions{display:flex;gap:12px;justify-content:center}.backgammon-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.backgammon-game__btn--primary{background:#5d3a1a;background:var(--primary-color,#5d3a1a);color:#fff}.backgammon-game__btn--primary:hover{background:#3e2510;background:var(--primary-hover,#3e2510);transform:translateY(-1px)}.backgammon-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.backgammon-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}@media (max-width:768px){.backgammon-game__status-bar{gap:12px;padding:10px 16px}.backgammon-game__player-info{gap:6px;padding:6px 10px}.backgammon-game__player-score{font-size:1rem}.backgammon-game__turn-text{font-size:.8rem;min-width:90px}.backgammon-game__overlay-content{padding:24px}.backgammon-game__overlay-actions{flex-direction:column}.backgammon-game__btn{width:100%}}[data-theme=dark] .backgammon-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--score-active-bg:#5d3a1a33;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .backgammon-game__overlay{background:#000000bf}.uno-board{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:900px;width:100%}.uno-board__opponents{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.uno-opponent{align-items:center;background:#ffffff14;background:var(--uno-opponent-bg,#ffffff14);border:2px solid #0000;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:100px;padding:8px 12px;transition:border-color .3s}.uno-opponent--active{border-color:#f1c40f;border-color:var(--uno-active-border,#f1c40f);box-shadow:0 0 12px #f1c40f4d}.uno-opponent__name{align-items:center;color:#e0e0e0;color:var(--uno-text,#e0e0e0);display:flex;font-size:13px;font-weight:600;gap:6px}.uno-opponent__uno-badge{animation:uno-pulse 1s infinite;background:#e74c3c;border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.uno-opponent__cards{display:flex;gap:-4px}.uno-opponent__card-back{background:#2c3e50;background:var(--uno-card-back,#2c3e50);border:1px solid #fff3;border-radius:3px;height:30px;margin-left:-6px;width:20px}.uno-opponent__card-back:first-child{margin-left:0}.uno-opponent__overflow{margin-left:4px}.uno-opponent__count,.uno-opponent__overflow{color:#fff9;color:var(--uno-text-secondary,#fff9);font-size:11px}.uno-board__center{align-items:center;display:flex;gap:24px;justify-content:center;padding:20px;position:relative}.uno-board__draw-pile{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:0;transition:transform .2s}.uno-board__draw-pile:hover:not(:disabled){transform:scale(1.05)}.uno-board__draw-pile:disabled{cursor:not-allowed;opacity:.6}.uno-board__pile-count{color:#fff9;color:var(--uno-text-secondary,#fff9);font-size:11px}.uno-board__discard-pile{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative}.uno-board__chosen-color{border:2px solid #ffffff80;border-radius:50%;bottom:-12px;height:24px;position:absolute;right:-12px;width:24px}.uno-board__direction{align-items:center;display:flex;justify-content:center}.uno-board__direction-symbol{animation:uno-spin 4s linear infinite;color:#fff6;color:var(--uno-direction-color,#fff6);font-size:36px}.uno-board__draw-stack{animation:uno-pulse 1s infinite;background:#e74c3c;border-radius:12px;bottom:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.uno-board__player-area{align-items:center;display:flex;flex-direction:column;gap:8px}.uno-board__player-info{align-items:center;display:flex;gap:12px}.uno-board__player-name{align-items:center;color:#e0e0e0;color:var(--uno-text,#e0e0e0);display:flex;font-size:14px;font-weight:600;gap:6px}.uno-board__uno-badge{background:#e74c3c;border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.uno-board__turn-indicator{color:#2ecc71;font-size:13px;font-weight:600}.uno-board__hand{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;min-height:100px;padding:8px 0}.uno-board__hand-card{margin:0 -4px;transition:transform .2s,margin-top .2s}.uno-board__hand-card:hover{transform:translateY(-12px);z-index:10}.uno-board__uno-btn{animation:uno-pulse 1.5s infinite;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 4px 16px #e74c3c66;color:#fff;cursor:pointer;font-size:16px;font-weight:900;height:64px;min-height:44px;transition:transform .2s,box-shadow .2s;width:64px}.uno-board__uno-btn:hover{box-shadow:0 6px 24px #e74c3c99;transform:scale(1.1)}.uno-card{align-items:center;background:#333;background:var(--card-bg,#333);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;position:relative;text-shadow:1px 1px 2px #00000080;transition:transform .15s,box-shadow .15s}.uno-card--small{font-size:14px;height:60px;width:40px}.uno-card--medium{font-size:20px;height:84px;width:56px}.uno-card--large{font-size:28px;height:108px;width:72px}.uno-card--back{background:#2c3e50!important;background:var(--uno-card-back,#2c3e50)!important;border-color:#ffffff26;cursor:default}.uno-card--red{background:#e74c3c;background:var(--card-bg,#e74c3c)}.uno-card--blue{background:#3498db;background:var(--card-bg,#3498db)}.uno-card--green{background:#27ae60;background:var(--card-bg,#27ae60)}.uno-card--yellow{background:#f1c40f;background:var(--card-bg,#f1c40f);color:#333;text-shadow:none}.uno-card--wild{background:linear-gradient(135deg,#e74c3c 25%,#3498db 0,#3498db 50%,#27ae60 0,#27ae60 75%,#f1c40f 0)}.uno-card--highlighted{border-color:#fff;box-shadow:0 0 12px #ffffff80;transform:translateY(-4px)}.uno-card--disabled{cursor:not-allowed;opacity:.5}.uno-card--disabled:hover{transform:none}.uno-card__label{font-weight:900;z-index:1}.uno-card__wild-indicator{display:flex;gap:3px;margin-top:4px}.uno-card__wild-dot{border:1px solid #ffffff4d;border-radius:50%;height:8px;width:8px}.uno-color-chooser{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.uno-color-chooser__content{background:#2c3e50;background:var(--uno-modal-bg,#2c3e50);border-radius:16px;box-shadow:0 8px 32px #00000080;padding:24px;text-align:center}.uno-color-chooser__title{color:#e0e0e0;color:var(--uno-text,#e0e0e0);font-size:20px;margin:0 0 16px}.uno-color-chooser__options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.uno-color-chooser__btn{border:3px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-height:44px;padding:16px 24px;text-shadow:1px 1px 2px #00000080;transition:transform .2s,border-color .2s}.uno-color-chooser__btn--yellow{color:#333;text-shadow:none}.uno-color-chooser__btn:hover{border-color:#fff;transform:scale(1.05)}@keyframes uno-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes uno-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.uno-board__center{gap:16px;padding:12px}.uno-card--large{font-size:22px;height:90px;width:60px}.uno-card--medium{font-size:16px;height:72px;width:48px}.uno-board__hand-card{margin:0 -6px}.uno-board__opponents{gap:8px}.uno-opponent{min-width:80px;padding:6px 8px}.uno-board__direction-symbol{font-size:28px}}.uno-mode-selector{margin:0 auto;max-width:420px;padding:24px;text-align:center}.uno-mode-selector__title{color:#e0e0e0;color:var(--uno-title-color,#e0e0e0);font-size:28px;margin:0 0 4px}.uno-mode-selector__subtitle{color:#fff9;color:var(--uno-text-secondary,#fff9);font-size:14px;margin:0 0 20px}.uno-mode-selector__guest-banner{background:#ffc10726;background:var(--uno-banner-bg,#ffc10726);border:1px solid #ffc107;border:1px solid var(--uno-banner-border,#ffc107);border-radius:8px;color:#ffc107;color:var(--uno-banner-text,#ffc107);font-size:13px;margin-bottom:16px;padding:8px 16px}.uno-mode-selector__options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.uno-mode-selector__option{align-items:center;background:#ffffff0d;background:var(--uno-option-bg,#ffffff0d);border:2px solid #ffffff26;border:2px solid var(--uno-option-border,#ffffff26);border-radius:12px;color:#e0e0e0;color:var(--uno-text,#e0e0e0);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px;transition:all .2s ease}.uno-mode-selector__option:hover{background:#e74c3c1a;background:var(--uno-option-hover-bg,#e74c3c1a);border-color:#e74c3c;border-color:var(--uno-option-hover-border,#e74c3c)}.uno-mode-selector__option-icon{font-size:28px}.uno-mode-selector__option-label{font-size:16px;font-weight:700}.uno-mode-selector__option-desc{color:#fff9;color:var(--uno-text-secondary,#fff9);font-size:12px}.uno-mode-selector__back{background:none;border:none;color:#3498db;color:var(--uno-link-color,#3498db);cursor:pointer;font-size:14px;margin-bottom:12px;min-height:44px;padding:8px}.uno-mode-selector__setting{margin-bottom:16px;text-align:left}.uno-mode-selector__label{color:#e0e0e0;color:var(--uno-text,#e0e0e0);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.uno-mode-selector__button-group{display:flex;gap:8px}.uno-mode-selector__btn{background:#ffffff0d;background:var(--uno-btn-bg,#ffffff0d);border:2px solid #ffffff26;border:2px solid var(--uno-btn-border,#ffffff26);border-radius:8px;color:#e0e0e0;color:var(--uno-text,#e0e0e0);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:44px;padding:8px 12px;transition:all .2s ease}.uno-mode-selector__btn--active{background:#e74c3c33;background:var(--uno-btn-active-bg,#e74c3c33);border-color:#e74c3c;border-color:var(--uno-btn-active-border,#e74c3c);color:#e74c3c;color:var(--uno-btn-active-color,#e74c3c);font-weight:700}.uno-mode-selector__start{background:#e74c3c;background:var(--uno-start-bg,#e74c3c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-height:44px;padding:12px;transition:background .2s ease;width:100%}.uno-mode-selector__start:hover{background:#c0392b;background:var(--uno-start-hover,#c0392b)}.uno-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.uno-mode-selector__divider{align-items:center;color:#fff9;color:var(--uno-text-secondary,#fff9);display:flex;font-size:13px;gap:12px}.uno-mode-selector__divider:after,.uno-mode-selector__divider:before{background:#ffffff26;background:var(--uno-divider-color,#ffffff26);content:"";flex:1 1;height:1px}.uno-mode-selector__join{display:flex;gap:8px}.uno-mode-selector__room-input{background:#ffffff0d;background:var(--uno-input-bg,#ffffff0d);border:2px solid #ffffff26;border:2px solid var(--uno-input-border,#ffffff26);border-radius:8px;color:#e0e0e0;color:var(--uno-text,#e0e0e0);flex:1 1;font-size:16px;letter-spacing:2px;min-height:44px;padding:10px 12px;text-align:center;text-transform:uppercase}.uno-mode-selector__join-btn{background:#3498db;background:var(--uno-join-bg,#3498db);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-height:44px;padding:10px 16px}.uno-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}.uno-game{background:#1a1a2e;background:var(--uno-game-bg,#1a1a2e);color:#e0e0e0;color:var(--uno-game-text,#e0e0e0);min-height:100vh;padding:12px}.uno-game__header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.uno-game__exit-btn{background:none;border:1px solid #ffffff4d;border:1px solid var(--uno-exit-border,#ffffff4d);border-radius:8px;color:#e0e0e0;color:var(--uno-exit-color,#e0e0e0);cursor:pointer;font-size:13px;min-height:44px;padding:8px 14px;transition:background .2s}.uno-game__exit-btn:hover{background:#ffffff1a}.uno-game__title{flex:1 1;font-size:20px;margin:0}.uno-game__round{color:#fff9;color:var(--uno-round-color,#fff9);font-size:13px}.uno-game__content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:900px}.uno-game__drawn-prompt{background:#ffffff14;background:var(--uno-prompt-bg,#ffffff14);border:1px solid #ffffff26;border:1px solid var(--uno-prompt-border,#ffffff26);border-radius:12px;padding:12px;text-align:center}.uno-game__drawn-prompt p{font-size:14px;margin:0 0 10px}.uno-game__drawn-actions{display:flex;gap:12px;justify-content:center}.uno-game__btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-height:44px;padding:10px 24px;transition:background .2s}.uno-game__btn--primary{background:#27ae60;color:#fff}.uno-game__btn--primary:hover{background:#229954}.uno-game__btn--secondary{background:#ffffff26;color:#fff}.uno-game__btn--secondary:hover{background:#ffffff40}.uno-game__overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.uno-game__overlay-content{background:#2c3e50;background:var(--uno-overlay-bg,#2c3e50);border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:32px;text-align:center;width:90%}.uno-game__overlay-title{font-size:28px;margin:0 0 8px}.uno-game__overlay-winner{color:gold;font-size:20px;font-weight:700;margin:0 0 20px}.uno-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.uno-game__stat{display:flex;flex-direction:column;gap:4px}.uno-game__stat-label{color:#fff9;font-size:12px}.uno-game__stat-value{font-size:24px;font-weight:700}.uno-game__overlay-actions{display:flex;gap:12px;justify-content:center}@media (min-width:768px){.uno-game{padding:16px}}:root{--pachisi-red:#c62828;--pachisi-red-light:#ffcdd2;--pachisi-red-mid:#ef5350;--pachisi-blue:#1565c0;--pachisi-blue-light:#bbdefb;--pachisi-blue-mid:#42a5f5;--pachisi-green:#2e7d32;--pachisi-green-light:#c8e6c9;--pachisi-green-mid:#66bb6a;--pachisi-yellow:#f9a825;--pachisi-yellow-light:#fff9c4;--pachisi-yellow-mid:#ffee58;--pachisi-cloth-bg:#d4a96a;--pachisi-cloth-dark:#b8894a;--pachisi-arm-bg:#faf3e0;--pachisi-arm-border:#8b6914;--pachisi-track-bg:#fdf8ef;--pachisi-track-border:#c9a84c;--pachisi-safe-bg:#fff8e1;--pachisi-safe-border:#ff8f00;--pachisi-center-bg:#e8c97a;--pachisi-home-stretch-opacity:0.35;--pachisi-pawn-size:65%;--pachisi-cell-number-size:0.5em}[data-theme=dark]{--pachisi-cloth-bg:#3d2e1a;--pachisi-cloth-dark:#2a1f10;--pachisi-arm-bg:#4a3d2e;--pachisi-arm-border:#6b5a35;--pachisi-track-bg:#3d3528;--pachisi-track-border:#7a6530;--pachisi-safe-bg:#4a4020;--pachisi-safe-border:#bf6000;--pachisi-center-bg:#5a4530;--pachisi-red-light:#4a1c1c;--pachisi-blue-light:#1a2e4a;--pachisi-green-light:#1a3a1a;--pachisi-yellow-light:#4a3d00}.pachisi-board{align-items:center;aspect-ratio:1;display:flex;justify-content:center;margin:0 auto;max-width:580px;padding:8px;width:100%}.pachisi-board__grid{grid-gap:1px;background-color:#d4a96a;background-color:var(--pachisi-cloth-bg);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 0,#00000005 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000005 0,#00000005 4px);border:4px solid #8b6914;border:4px solid var(--pachisi-arm-border);border-radius:4px;box-shadow:inset 0 0 20px #0000001a,0 4px 16px #0003;display:grid;gap:1px;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:100%;overflow:hidden;position:relative;width:100%}.pachisi-board__cell{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0;position:relative;transition:background-color .2s ease}.pachisi-board__cell--empty{background-color:#d4a96a;background-color:var(--pachisi-cloth-bg);background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#00000008 0,#00000008 6px)}.pachisi-board__cell--track{background-color:#fdf8ef;background-color:var(--pachisi-track-bg)}.pachisi-board__cell--arm,.pachisi-board__cell--track{border:.5px solid #c9a84c;border:.5px solid var(--pachisi-track-border)}.pachisi-board__cell--arm{background-color:#faf3e0;background-color:var(--pachisi-arm-bg)}.pachisi-board__cell--arm-red{background-color:color-mix(in srgb,#ffcdd2 30%,#faf3e0);background-color:color-mix(in srgb,var(--pachisi-red-light) 30%,var(--pachisi-arm-bg))}.pachisi-board__cell--arm-blue{background-color:color-mix(in srgb,#bbdefb 30%,#faf3e0);background-color:color-mix(in srgb,var(--pachisi-blue-light) 30%,var(--pachisi-arm-bg))}.pachisi-board__cell--arm-green{background-color:color-mix(in srgb,#c8e6c9 30%,#faf3e0);background-color:color-mix(in srgb,var(--pachisi-green-light) 30%,var(--pachisi-arm-bg))}.pachisi-board__cell--arm-yellow{background-color:color-mix(in srgb,#fff9c4 30%,#faf3e0);background-color:color-mix(in srgb,var(--pachisi-yellow-light) 30%,var(--pachisi-arm-bg))}.pachisi-board__cell--safe{background-color:#fff8e1;background-color:var(--pachisi-safe-bg);border-color:#ff8f00;border-color:var(--pachisi-safe-border)}.pachisi-board__castle-mark{color:#ff8f00;color:var(--pachisi-safe-border);font-size:1.2em;font-weight:700;left:50%;line-height:1;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.pachisi-board__cell--start{border-width:1.5px}.pachisi-board__cell--start-red{background-color:#ffcdd2;background-color:var(--pachisi-red-light);border-color:#c62828;border-color:var(--pachisi-red)}.pachisi-board__cell--start-blue{background-color:#bbdefb;background-color:var(--pachisi-blue-light);border-color:#1565c0;border-color:var(--pachisi-blue)}.pachisi-board__cell--start-green{background-color:#c8e6c9;background-color:var(--pachisi-green-light);border-color:#2e7d32;border-color:var(--pachisi-green)}.pachisi-board__cell--start-yellow{background-color:#fff9c4;background-color:var(--pachisi-yellow-light);border-color:#f9a825;border-color:var(--pachisi-yellow)}.pachisi-board__cell--blocked{box-shadow:inset 0 0 0 2px #00000040}.pachisi-board__cell--home-stretch{border:.5px solid #c9a84c;border:.5px solid var(--pachisi-track-border)}.pachisi-board__cell--home-stretch.pachisi-board__cell--red{background-color:#ffcdd2;background-color:var(--pachisi-red-light);border-color:#c62828;border-color:var(--pachisi-red)}.pachisi-board__cell--home-stretch.pachisi-board__cell--blue{background-color:#bbdefb;background-color:var(--pachisi-blue-light);border-color:#1565c0;border-color:var(--pachisi-blue)}.pachisi-board__cell--home-stretch.pachisi-board__cell--green{background-color:#c8e6c9;background-color:var(--pachisi-green-light);border-color:#2e7d32;border-color:var(--pachisi-green)}.pachisi-board__cell--home-stretch.pachisi-board__cell--yellow{background-color:#fff9c4;background-color:var(--pachisi-yellow-light);border-color:#f9a825;border-color:var(--pachisi-yellow)}.pachisi-board__cell--center{background-color:#e8c97a;background-color:var(--pachisi-center-bg);border:1px solid #8b6914;border:1px solid var(--pachisi-arm-border)}.pachisi-board__cell--center-red{background-color:#ffcdd2;background-color:var(--pachisi-red-light);border-color:#c62828;border-color:var(--pachisi-red)}.pachisi-board__cell--center-blue{background-color:#bbdefb;background-color:var(--pachisi-blue-light);border-color:#1565c0;border-color:var(--pachisi-blue)}.pachisi-board__cell--center-green{background-color:#c8e6c9;background-color:var(--pachisi-green-light);border-color:#2e7d32;border-color:var(--pachisi-green)}.pachisi-board__cell--center-yellow{background-color:#fff9c4;background-color:var(--pachisi-yellow-light);border-color:#f9a825;border-color:var(--pachisi-yellow)}.pachisi-board__cell--center-home{background:conic-gradient(from 0deg,#ffcdd2 0deg 90deg,#bbdefb 90deg 180deg,#c8e6c9 180deg 270deg,#fff9c4 270deg 1turn);background:conic-gradient(from 0deg,var(--pachisi-red-light) 0deg 90deg,var(--pachisi-blue-light) 90deg 180deg,var(--pachisi-green-light) 180deg 270deg,var(--pachisi-yellow-light) 270deg 1turn);border:2px solid #8b6914;border:2px solid var(--pachisi-arm-border)}.pachisi-board__center-star{color:#8b6914;color:var(--pachisi-arm-border);font-size:1em;line-height:1;opacity:.8}.pachisi-board__cell-number{bottom:1px;color:#00000059;font-family:monospace;font-size:.5em;font-size:var(--pachisi-cell-number-size);line-height:1;pointer-events:none;position:absolute;right:2px}[data-theme=dark] .pachisi-board__cell-number{color:#ffffff4d}.pachisi-board__pawn{align-items:center;display:flex;justify-content:center;pointer-events:none;position:relative;transition:transform .3s ease;z-index:5}.pachisi-board__pawn--clickable{cursor:pointer;pointer-events:auto}.pachisi-board__pawn-inner{aspect-ratio:1;border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:65%;height:var(--pachisi-pawn-size);max-height:26px;max-width:26px;min-height:14px;min-width:14px;transition:transform .2s ease,box-shadow .2s ease;width:65%;width:var(--pachisi-pawn-size)}.pachisi-board__pawn--red .pachisi-board__pawn-inner{background:radial-gradient(circle at 35% 35%,#ff6659,#c62828);background:radial-gradient(circle at 35% 35%,#ff6659,var(--pachisi-red));border-color:#8b0000}.pachisi-board__pawn--blue .pachisi-board__pawn-inner{background:radial-gradient(circle at 35% 35%,#6ab7ff,#1565c0);background:radial-gradient(circle at 35% 35%,#6ab7ff,var(--pachisi-blue));border-color:#0d3b66}.pachisi-board__pawn--green .pachisi-board__pawn-inner{background:radial-gradient(circle at 35% 35%,#76d275,#2e7d32);background:radial-gradient(circle at 35% 35%,#76d275,var(--pachisi-green));border-color:#1b4332}.pachisi-board__pawn--yellow .pachisi-board__pawn-inner{background:radial-gradient(circle at 35% 35%,#ffff6b,#f9a825);background:radial-gradient(circle at 35% 35%,#ffff6b,var(--pachisi-yellow));border-color:#8b6914}.pachisi-board__pawn--highlighted .pachisi-board__pawn-inner{animation:pachisi-pawn-pulse 1s ease-in-out infinite;box-shadow:0 0 8px 3px #ffffffb3}.pachisi-board__pawn--clickable:hover .pachisi-board__pawn-inner{box-shadow:0 0 12px 4px #ffffffe6;transform:scale(1.2)}.pachisi-board__pawn--clickable:focus-visible .pachisi-board__pawn-inner{outline:3px solid #2196f3;outline-offset:2px}@keyframes pachisi-pawn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pachisi-board__cell--arm[data-row="0"],.pachisi-board__cell--track[data-row="0"]{border-top:2px solid #8b6914;border-top:2px solid var(--pachisi-arm-border)}.pachisi-board__cell--arm[data-row="14"],.pachisi-board__cell--track[data-row="14"]{border-bottom:2px solid #8b6914;border-bottom:2px solid var(--pachisi-arm-border)}.pachisi-board__cell--arm[data-col="0"],.pachisi-board__cell--track[data-col="0"]{border-left:2px solid #8b6914;border-left:2px solid var(--pachisi-arm-border)}.pachisi-board__cell--arm[data-col="14"],.pachisi-board__cell--track[data-col="14"]{border-right:2px solid #8b6914;border-right:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-col="6"][data-row="0"],.pachisi-board__grid>[data-col="6"][data-row="1"],.pachisi-board__grid>[data-col="6"][data-row="2"],.pachisi-board__grid>[data-col="6"][data-row="3"],.pachisi-board__grid>[data-col="6"][data-row="4"],.pachisi-board__grid>[data-col="6"][data-row="5"]{border-left:2px solid #8b6914;border-left:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-col="8"][data-row="0"],.pachisi-board__grid>[data-col="8"][data-row="1"],.pachisi-board__grid>[data-col="8"][data-row="2"],.pachisi-board__grid>[data-col="8"][data-row="3"],.pachisi-board__grid>[data-col="8"][data-row="4"],.pachisi-board__grid>[data-col="8"][data-row="5"]{border-right:2px solid #8b6914;border-right:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-col="6"][data-row="10"],.pachisi-board__grid>[data-col="6"][data-row="11"],.pachisi-board__grid>[data-col="6"][data-row="12"],.pachisi-board__grid>[data-col="6"][data-row="13"],.pachisi-board__grid>[data-col="6"][data-row="14"],.pachisi-board__grid>[data-col="6"][data-row="9"]{border-left:2px solid #8b6914;border-left:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-col="8"][data-row="10"],.pachisi-board__grid>[data-col="8"][data-row="11"],.pachisi-board__grid>[data-col="8"][data-row="12"],.pachisi-board__grid>[data-col="8"][data-row="13"],.pachisi-board__grid>[data-col="8"][data-row="14"],.pachisi-board__grid>[data-col="8"][data-row="9"]{border-right:2px solid #8b6914;border-right:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-row="6"][data-col="0"],.pachisi-board__grid>[data-row="6"][data-col="1"],.pachisi-board__grid>[data-row="6"][data-col="2"],.pachisi-board__grid>[data-row="6"][data-col="3"],.pachisi-board__grid>[data-row="6"][data-col="4"],.pachisi-board__grid>[data-row="6"][data-col="5"]{border-top:2px solid #8b6914;border-top:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-row="8"][data-col="0"],.pachisi-board__grid>[data-row="8"][data-col="1"],.pachisi-board__grid>[data-row="8"][data-col="2"],.pachisi-board__grid>[data-row="8"][data-col="3"],.pachisi-board__grid>[data-row="8"][data-col="4"],.pachisi-board__grid>[data-row="8"][data-col="5"]{border-bottom:2px solid #8b6914;border-bottom:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-row="6"][data-col="10"],.pachisi-board__grid>[data-row="6"][data-col="11"],.pachisi-board__grid>[data-row="6"][data-col="12"],.pachisi-board__grid>[data-row="6"][data-col="13"],.pachisi-board__grid>[data-row="6"][data-col="14"],.pachisi-board__grid>[data-row="6"][data-col="9"]{border-top:2px solid #8b6914;border-top:2px solid var(--pachisi-arm-border)}.pachisi-board__grid>[data-row="8"][data-col="10"],.pachisi-board__grid>[data-row="8"][data-col="11"],.pachisi-board__grid>[data-row="8"][data-col="12"],.pachisi-board__grid>[data-row="8"][data-col="13"],.pachisi-board__grid>[data-row="8"][data-col="14"],.pachisi-board__grid>[data-row="8"][data-col="9"]{border-bottom:2px solid #8b6914;border-bottom:2px solid var(--pachisi-arm-border)}@media (max-width:768px){.pachisi-board{max-width:95vw;padding:4px}.pachisi-board__grid{border-width:3px}.pachisi-board__castle-mark{font-size:.9em}.pachisi-board__cell-number{font-size:.4em}.pachisi-board__pawn-inner{border-width:1.5px;max-height:20px;max-width:20px}}@media (max-width:480px){.pachisi-board{padding:2px}.pachisi-board__grid{border-width:2px}.pachisi-board__pawn-inner{border-width:1px;max-height:16px;max-width:16px;min-height:10px;min-width:10px}.pachisi-board__castle-mark{font-size:.7em}.pachisi-board__cell-number{font-size:.35em}.pachisi-board__center-star{font-size:.7em}}@media (max-width:360px){.pachisi-board__cell-number{display:none}.pachisi-board__castle-mark{font-size:.6em}}.pachisi-cowries-container{align-items:center;display:flex;flex-direction:column;gap:8px}.pachisi-cowries{align-items:center;background:#faf3e8;background:var(--pachisi-cowries-bg,#faf3e8);border:3px solid #1565c0;border:3px solid var(--pachisi-blue,#1565c0);border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:180px;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease;width:auto}[data-theme=dark] .pachisi-cowries{--pachisi-cowries-bg:#3a3020}.pachisi-cowries:hover:not(.pachisi-cowries--disabled){box-shadow:0 4px 12px #00000040;transform:scale(1.03)}.pachisi-cowries:active:not(.pachisi-cowries--disabled){transform:scale(.97)}.pachisi-cowries:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.pachisi-cowries--disabled{cursor:not-allowed;opacity:.5}.pachisi-cowries--throwing{animation:pachisi-cowries-shake .12s ease-in-out infinite}.pachisi-cowries__shells{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:160px}.pachisi-cowries__shell{height:28px;transition:transform .2s ease;width:40px}.pachisi-cowries__shell--animating{animation:pachisi-shell-flip .15s ease-in-out}.pachisi-cowries__shell-svg{height:100%;width:100%}.pachisi-cowries__result{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;display:flex;flex-direction:column;font-size:.8rem;gap:2px;padding:6px 12px}[data-theme=dark] .pachisi-cowries__result{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.pachisi-cowries__result--grace{background:#ff980014;border-color:#ff9800}[data-theme=dark] .pachisi-cowries__result--grace{background:#ff980026}.pachisi-cowries__result-shells{color:#666;color:var(--text-secondary,#666);font-weight:500}.pachisi-cowries__result-value{color:#333;color:var(--text-primary,#333);font-size:.9rem;font-weight:700}[data-theme=dark] .pachisi-cowries__result-value{color:#e0e0e0}.pachisi-cowries__result-grace{color:#e65100;font-size:.75rem;font-weight:600}[data-theme=dark] .pachisi-cowries__result-grace{color:#ffb74d}.pachisi-cowries__hint{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin:0;text-align:center}.pachisi-cowries__hint--throwing{color:#1565c0;color:var(--pachisi-blue,#1565c0);font-weight:700}@keyframes pachisi-cowries-shake{0%,to{transform:rotate(0deg) translateY(0)}25%{transform:rotate(-3deg) translateY(-2px)}75%{transform:rotate(3deg) translateY(-2px)}}@keyframes pachisi-shell-flip{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@media (max-width:768px){.pachisi-cowries{min-width:150px;padding:8px 10px}.pachisi-cowries__shell{height:22px;width:32px}.pachisi-cowries__shells{max-width:130px}}.pachisi-history{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:12px;width:100%}[data-theme=dark] .pachisi-history{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.pachisi-history__title{color:#333;color:var(--text-primary,#333);font-size:.85rem;font-weight:600;margin:0 0 8px}[data-theme=dark] .pachisi-history__title{color:#e0e0e0}.pachisi-history__empty{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:0;padding:8px 0;text-align:center}.pachisi-history__list{overflow-y:auto;scroll-behavior:smooth}.pachisi-history__entry{border-radius:4px;display:flex;font-size:.75rem;gap:6px;line-height:1.4;margin-bottom:2px;padding:4px 6px}.pachisi-history__entry:last-child{margin-bottom:0}.pachisi-history__entry--red{background:#c6282814}.pachisi-history__entry--blue{background:#1565c014}.pachisi-history__entry--green{background:#2e7d3214}.pachisi-history__entry--yellow{background:#f9a82514}[data-theme=dark] .pachisi-history__entry--red{background:#c6282826}[data-theme=dark] .pachisi-history__entry--blue{background:#1565c026}[data-theme=dark] .pachisi-history__entry--green{background:#2e7d3226}[data-theme=dark] .pachisi-history__entry--yellow{background:#f9a82526}.pachisi-history__number{color:#666;color:var(--text-secondary,#666);flex-shrink:0;font-weight:600;min-width:24px}.pachisi-history__text{color:#333;color:var(--text-primary,#333)}[data-theme=dark] .pachisi-history__text{color:#e0e0e0}.pachisi-history__list::-webkit-scrollbar{width:4px}.pachisi-history__list::-webkit-scrollbar-track{background:#0000}.pachisi-history__list::-webkit-scrollbar-thumb{background:#ccc;background:var(--border-color,#ccc);border-radius:2px}.pachisi-mode-selector{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:0 auto;max-width:420px;padding:24px}[data-theme=dark] .pachisi-mode-selector{background:#2d2d2d;background:var(--card-bg,#2d2d2d);box-shadow:0 2px 12px #0000004d}.pachisi-mode-selector__title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin:0 0 4px;text-align:center}[data-theme=dark] .pachisi-mode-selector__title{color:#e0e0e0}.pachisi-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0 0 20px;text-align:center}.pachisi-mode-selector__guest-banner{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#e65100;font-size:.85rem;margin-bottom:16px;padding:8px 12px;text-align:center}[data-theme=dark] .pachisi-mode-selector__guest-banner{background:#ff980026;color:#ffb74d}.pachisi-mode-selector__options{display:flex;flex-direction:column;gap:12px}.pachisi-mode-selector__option{align-items:center;background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:10px;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:16px;text-align:left;transition:border-color .2s,background-color .2s,transform .1s}.pachisi-mode-selector__option:hover{background:#1565c00d;border-color:#1565c0;border-color:var(--pachisi-blue,#1565c0)}.pachisi-mode-selector__option:active{transform:scale(.98)}.pachisi-mode-selector__option:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.pachisi-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.pachisi-mode-selector__option-label{color:#333;color:var(--text-primary,#333);display:block;font-size:1rem;font-weight:600}[data-theme=dark] .pachisi-mode-selector__option-label{color:#e0e0e0}.pachisi-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem}.pachisi-mode-selector__back{align-items:center;background:none;border:none;color:#1565c0;color:var(--pachisi-blue,#1565c0);cursor:pointer;display:flex;font-size:.9rem;margin-bottom:12px;min-height:44px;padding:4px 0}.pachisi-mode-selector__back:hover{text-decoration:underline}.pachisi-mode-selector__setting{margin-bottom:20px}.pachisi-mode-selector__label{color:#333;color:var(--text-primary,#333);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}[data-theme=dark] .pachisi-mode-selector__label{color:#e0e0e0}.pachisi-mode-selector__button-group{display:flex;gap:8px}.pachisi-mode-selector__btn{background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s}[data-theme=dark] .pachisi-mode-selector__btn{border-color:#555;color:#e0e0e0}.pachisi-mode-selector__btn--active,.pachisi-mode-selector__btn:hover{border-color:#1565c0;border-color:var(--pachisi-blue,#1565c0)}.pachisi-mode-selector__btn--active{background:#1565c0;background:var(--pachisi-blue,#1565c0);color:#fff}.pachisi-mode-selector__btn:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.pachisi-mode-selector__start{background:#1565c0;background:var(--pachisi-blue,#1565c0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;min-height:44px;padding:14px;transition:background-color .2s,transform .1s;width:100%}.pachisi-mode-selector__start:hover{background:#0d47a1}.pachisi-mode-selector__start:active{transform:scale(.98)}.pachisi-mode-selector__start:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.pachisi-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.pachisi-mode-selector__divider{color:#999;color:var(--text-secondary,#999);font-size:.85rem;position:relative;text-align:center}.pachisi-mode-selector__divider:after,.pachisi-mode-selector__divider:before{background:#dee2e6;background:var(--border-color,#dee2e6);content:"";height:1px;position:absolute;top:50%;width:40%}.pachisi-mode-selector__divider:before{left:0}.pachisi-mode-selector__divider:after{right:0}.pachisi-mode-selector__join{display:flex;gap:8px}.pachisi-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 14px;text-align:center;text-transform:uppercase}[data-theme=dark] .pachisi-mode-selector__room-input{background:#3a3a3a;border-color:#555;color:#e0e0e0}.pachisi-mode-selector__room-input:focus{border-color:#1565c0;border-color:var(--pachisi-blue,#1565c0);outline:none}.pachisi-mode-selector__join-btn{background:#2e7d32;background:var(--pachisi-green,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.pachisi-mode-selector__join-btn:hover:not(:disabled){background:#1b5e20}.pachisi-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}.pachisi-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#333;color:var(--text-primary,#333);min-height:100vh;padding:16px}[data-theme=dark] .pachisi-game{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);color:#e0e0e0}.pachisi-game__header{align-items:center;display:flex;gap:16px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:900px}.pachisi-game__exit-btn{align-items:center;background:none;border:none;color:#1565c0;color:var(--pachisi-blue,#1565c0);cursor:pointer;display:flex;font-size:.9rem;min-height:44px;padding:8px 0;white-space:nowrap}.pachisi-game__exit-btn:hover{text-decoration:underline}.pachisi-game__title{font-size:1.3rem;margin:0}.pachisi-game__content{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:900px}.pachisi-game__board-area{flex:1 1;max-width:560px}.pachisi-game__controls{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:280px}.pachisi-game__player-info{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:12px;width:100%}[data-theme=dark] .pachisi-game__player-info{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.pachisi-game__turn-indicator{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px}.pachisi-game__phase-hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:400}.pachisi-game__player-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.pachisi-game__player-dot--red{background:#c62828;background:var(--pachisi-red,#c62828)}.pachisi-game__player-dot--blue{background:#1565c0;background:var(--pachisi-blue,#1565c0)}.pachisi-game__player-dot--green{background:#2e7d32;background:var(--pachisi-green,#2e7d32)}.pachisi-game__player-dot--yellow{background:#f9a825;background:var(--pachisi-yellow,#f9a825)}.pachisi-game__positions{display:flex;flex-direction:column;gap:4px}.pachisi-game__player-row{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:8px;padding:4px 8px;transition:background-color .2s}.pachisi-game__player-row--active{background:#1565c014}[data-theme=dark] .pachisi-game__player-row--active{background:#1565c026}.pachisi-game__player-name{flex:1 1;font-weight:500;text-transform:capitalize}.pachisi-game__player-home{color:#666;color:var(--text-secondary,#666);font-size:.75rem}.pachisi-game__overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.pachisi-game__overlay-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}[data-theme=dark] .pachisi-game__overlay-content{background:#2d2d2d;background:var(--card-bg,#2d2d2d)}.pachisi-game__overlay-title{font-size:1.8rem;margin:0 0 12px}.pachisi-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;text-transform:capitalize}.pachisi-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.pachisi-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.pachisi-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.pachisi-game__stat-value{font-size:1.5rem;font-weight:700}.pachisi-game__overlay-actions{display:flex;gap:12px;justify-content:center}.pachisi-game__btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;padding:12px 24px;transition:background-color .2s,transform .1s}.pachisi-game__btn:active{transform:scale(.97)}.pachisi-game__btn--primary{background:#1565c0;background:var(--pachisi-blue,#1565c0);color:#fff}.pachisi-game__btn--primary:hover{background:#0d47a1}.pachisi-game__btn--secondary{background:#e0e0e0;background:var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}[data-theme=dark] .pachisi-game__btn--secondary{background:#444;color:#e0e0e0}.pachisi-game__btn--secondary:hover{background:#bdbdbd}[data-theme=dark] .pachisi-game__btn--secondary:hover{background:#555}@media (max-width:768px){.pachisi-game{padding:8px}.pachisi-game__content{align-items:center;flex-direction:column}.pachisi-game__board-area{max-width:100%;width:100%}.pachisi-game__controls{max-width:400px;width:100%}.pachisi-game__overlay-stats{gap:16px}.pachisi-game__overlay-actions{flex-direction:column}.pachisi-game__btn{width:100%}}.carrom-canvas-container{margin:0 auto;max-width:600px;position:relative;width:100%}.carrom-canvas{aspect-ratio:1/1;border-radius:8px;box-shadow:0 4px 16px #0000004d;cursor:crosshair;display:block;height:auto;width:100%}.carrom-canvas:active{cursor:grabbing}.carrom-canvas__hint{background:#0000000d;border-radius:4px;color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-top:8px;padding:4px 8px;text-align:center}[data-theme=dark] .carrom-canvas__hint{background:#ffffff0d;color:#aaa}@media (max-width:768px){.carrom-canvas-container{max-width:100%}.carrom-canvas__hint{font-size:.7rem}}.carrom-mode-selector{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:0 auto;max-width:420px;padding:24px}[data-theme=dark] .carrom-mode-selector{background:#2d2d2d;background:var(--card-bg,#2d2d2d);box-shadow:0 2px 12px #0000004d}.carrom-mode-selector__title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin:0 0 4px;text-align:center}[data-theme=dark] .carrom-mode-selector__title{color:#e0e0e0}.carrom-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0 0 20px;text-align:center}.carrom-mode-selector__guest-banner{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#e65100;font-size:.85rem;margin-bottom:16px;padding:8px 12px;text-align:center}[data-theme=dark] .carrom-mode-selector__guest-banner{background:#ff980026;color:#ffb74d}.carrom-mode-selector__options{display:flex;flex-direction:column;gap:12px}.carrom-mode-selector__option{align-items:center;background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:10px;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:16px;text-align:left;transition:border-color .2s,background-color .2s,transform .1s}.carrom-mode-selector__option:hover{background:#8b45130d;border-color:#8b4513}.carrom-mode-selector__option:active{transform:scale(.98)}.carrom-mode-selector__option:focus-visible{outline:3px solid #8b4513;outline-offset:2px}.carrom-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.carrom-mode-selector__option-label{color:#333;color:var(--text-primary,#333);display:block;font-size:1rem;font-weight:600}[data-theme=dark] .carrom-mode-selector__option-label{color:#e0e0e0}.carrom-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem}.carrom-mode-selector__back{align-items:center;background:none;border:none;color:#8b4513;cursor:pointer;display:flex;font-size:.9rem;margin-bottom:12px;min-height:44px;padding:4px 0}.carrom-mode-selector__back:hover{text-decoration:underline}.carrom-mode-selector__setting{margin-bottom:20px}.carrom-mode-selector__label{color:#333;color:var(--text-primary,#333);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}[data-theme=dark] .carrom-mode-selector__label{color:#e0e0e0}.carrom-mode-selector__button-group{display:flex;gap:8px}.carrom-mode-selector__btn{background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s}[data-theme=dark] .carrom-mode-selector__btn{border-color:#555;color:#e0e0e0}.carrom-mode-selector__btn:hover{border-color:#8b4513}.carrom-mode-selector__btn--active{background:#8b4513;border-color:#8b4513;color:#fff}.carrom-mode-selector__btn:focus-visible{outline:3px solid #8b4513;outline-offset:2px}.carrom-mode-selector__start{background:#8b4513;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;min-height:44px;padding:14px;transition:background-color .2s,transform .1s;width:100%}.carrom-mode-selector__start:hover{background:#6d3410}.carrom-mode-selector__start:active{transform:scale(.98)}.carrom-mode-selector__start:focus-visible{outline:3px solid #8b4513;outline-offset:2px}.carrom-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.carrom-mode-selector__divider{color:#999;color:var(--text-secondary,#999);font-size:.85rem;position:relative;text-align:center}.carrom-mode-selector__divider:after,.carrom-mode-selector__divider:before{background:#dee2e6;background:var(--border-color,#dee2e6);content:"";height:1px;position:absolute;top:50%;width:40%}.carrom-mode-selector__divider:before{left:0}.carrom-mode-selector__divider:after{right:0}.carrom-mode-selector__join{display:flex;gap:8px}.carrom-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 14px;text-align:center;text-transform:uppercase}[data-theme=dark] .carrom-mode-selector__room-input{background:#3a3a3a;border-color:#555;color:#e0e0e0}.carrom-mode-selector__room-input:focus{border-color:#8b4513;outline:none}.carrom-mode-selector__join-btn{background:#43a047;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.carrom-mode-selector__join-btn:hover:not(:disabled){background:#2e7d32}.carrom-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}.carrom-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#333;color:var(--text-primary,#333);min-height:100vh;padding:16px}[data-theme=dark] .carrom-game{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);color:#e0e0e0}.carrom-game__header{align-items:center;display:flex;gap:16px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:900px}.carrom-game__exit-btn{align-items:center;background:none;border:none;color:#8b4513;cursor:pointer;display:flex;font-size:.9rem;min-height:44px;padding:8px 0;white-space:nowrap}.carrom-game__exit-btn:hover{text-decoration:underline}.carrom-game__title{font-size:1.3rem;margin:0}.carrom-game__content{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:900px}.carrom-game__board-area{flex:1 1;max-width:600px}.carrom-game__controls{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:260px}.carrom-game__player-info{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;padding:12px;width:100%}[data-theme=dark] .carrom-game__player-info{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.carrom-game__turn-indicator{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:10px}.carrom-game__phase-hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:400}.carrom-game__player-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.carrom-game__player-dot--player1{background:#1565c0}.carrom-game__player-dot--player2{background:#c62828}.carrom-game__scores{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.carrom-game__score-row{align-items:center;border-radius:4px;display:flex;font-size:.85rem;gap:8px;padding:6px 8px;transition:background-color .2s}.carrom-game__score-row--active{background:#8b451314}[data-theme=dark] .carrom-game__score-row--active{background:#8b451326}.carrom-game__player-name{flex:1 1;font-weight:500;text-transform:capitalize}.carrom-game__score-value{color:#8b4513;font-size:1.1rem;font-weight:700}[data-theme=dark] .carrom-game__score-value{color:#d2691e}.carrom-game__coin-counts{color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;font-size:.8rem;gap:4px}.carrom-game__coin-count{align-items:center;display:flex;gap:6px}.carrom-game__coin-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.carrom-game__coin-dot--white{background:#fafafa;border:1px solid #bdbdbd}.carrom-game__coin-dot--black{background:#212121}.carrom-game__coin-dot--queen{background:#e53935}.carrom-game__queen-warning{background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;color:#e65100;font-size:.8rem;font-weight:600;padding:8px 12px;text-align:center;width:100%}[data-theme=dark] .carrom-game__queen-warning{background:#ff980026;color:#ffb74d}.carrom-game__last-result{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;font-size:.8rem;padding:10px 12px;width:100%}[data-theme=dark] .carrom-game__last-result{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.carrom-game__last-result h4{font-size:.85rem;margin:0 0 4px}.carrom-game__last-result p{margin:2px 0}.carrom-game__foul{color:#c62828;font-weight:600}.carrom-game__extra{color:#2e7d32;font-weight:600}.carrom-game__move-count{color:#666;color:var(--text-secondary,#666);font-size:.8rem;text-align:center}.carrom-game__settings-toggle{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:.85rem;font-weight:500;min-height:44px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.carrom-game__settings-toggle:hover{background:#8b45130d}[data-theme=dark] .carrom-game__settings-toggle{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444;color:#e0e0e0}.carrom-game__board-settings{background:#fff;background:var(--card-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;display:flex;flex-direction:column;gap:14px;padding:12px;width:100%}[data-theme=dark] .carrom-game__board-settings{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#444}.carrom-game__setting-group{display:flex;flex-direction:column;gap:6px}.carrom-game__setting-label{color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.carrom-game__powder-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.carrom-game__powder-btn{align-items:center;background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:.78rem;gap:6px;min-height:44px;padding:8px 10px;transition:all .15s}.carrom-game__powder-btn:hover{background:#8b45130d;border-color:#8b4513}.carrom-game__powder-btn--active{background:#8b45131a;border-color:#8b4513;font-weight:600}[data-theme=dark] .carrom-game__powder-btn{border-color:#555;color:#e0e0e0}[data-theme=dark] .carrom-game__powder-btn:hover{background:#d2691e1a;border-color:#d2691e}[data-theme=dark] .carrom-game__powder-btn--active{background:#d2691e26;border-color:#d2691e}.carrom-game__powder-emoji{font-size:1.1rem}.carrom-game__powder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carrom-game__speed-options{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.carrom-game__speed-btn{background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:.75rem;font-weight:500;min-height:44px;padding:8px 4px;transition:all .15s}.carrom-game__speed-btn:hover{background:#8b45130d;border-color:#8b4513}.carrom-game__speed-btn--active{background:#8b45131a;border-color:#8b4513;font-weight:700}[data-theme=dark] .carrom-game__speed-btn{border-color:#555;color:#e0e0e0}[data-theme=dark] .carrom-game__speed-btn:hover{background:#d2691e1a;border-color:#d2691e}[data-theme=dark] .carrom-game__speed-btn--active{background:#d2691e26;border-color:#d2691e}.carrom-game__layout-options{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.carrom-game__layout-btn{align-items:center;background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:2px;min-height:44px;padding:8px 4px;transition:all .15s}.carrom-game__layout-btn:hover{background:#8b45130d;border-color:#8b4513}.carrom-game__layout-btn--active{background:#8b45131a;border-color:#8b4513;font-weight:700}[data-theme=dark] .carrom-game__layout-btn{border-color:#555;color:#e0e0e0}[data-theme=dark] .carrom-game__layout-btn:hover{background:#d2691e1a;border-color:#d2691e}[data-theme=dark] .carrom-game__layout-btn--active{background:#d2691e26;border-color:#d2691e}.carrom-game__overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.carrom-game__overlay-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}[data-theme=dark] .carrom-game__overlay-content{background:#2d2d2d;background:var(--card-bg,#2d2d2d)}.carrom-game__overlay-title{font-size:1.8rem;margin:0 0 12px}.carrom-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px}.carrom-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.carrom-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.carrom-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.carrom-game__stat-value{font-size:1.5rem;font-weight:700}.carrom-game__overlay-actions{display:flex;gap:12px;justify-content:center}.carrom-game__btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;padding:12px 24px;transition:background-color .2s,transform .1s}.carrom-game__btn:active{transform:scale(.97)}.carrom-game__btn--primary{background:#8b4513;color:#fff}.carrom-game__btn--primary:hover{background:#6d3410}.carrom-game__btn--secondary{background:#e0e0e0;background:var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}[data-theme=dark] .carrom-game__btn--secondary{background:#444;color:#e0e0e0}.carrom-game__btn--secondary:hover{background:#bdbdbd}[data-theme=dark] .carrom-game__btn--secondary:hover{background:#555}@media (max-width:768px){.carrom-game{padding:8px}.carrom-game__content{align-items:center;flex-direction:column}.carrom-game__board-area{max-width:100%;width:100%}.carrom-game__controls{max-width:400px;width:100%}.carrom-game__overlay-stats{gap:16px}.carrom-game__overlay-actions{flex-direction:column}.carrom-game__btn{width:100%}}.go-board{background-color:#dcb35c;background-color:var(--go-board-bg,#dcb35c);border:3px solid #b8943e;border:3px solid var(--go-board-border,#b8943e);border-radius:8px;box-shadow:0 4px 16px #0000004d;display:inline-block;padding:24px;-webkit-user-select:none;user-select:none}.go-board,.go-board__grid{position:relative}.go-board__lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.go-board__line{stroke:#5a4a2a;stroke:var(--go-line-color,#5a4a2a);stroke-width:.04}.go-board__star-point{fill:#5a4a2a;fill:var(--go-line-color,#5a4a2a)}.go-board__intersections{position:relative;z-index:1}.go-board__row{display:flex}.go-board__intersection{align-items:center;background:#0000;border:none;cursor:default;display:flex;justify-content:center;padding:0;position:relative}.go-board--9 .go-board__intersection{height:44px;width:44px}.go-board--13 .go-board__intersection{height:36px;width:36px}.go-board--19 .go-board__intersection{height:28px;width:28px}.go-board__intersection:focus-visible{border-radius:50%;outline:2px solid #2196f3;outline:2px solid var(--go-focus-color,#2196f3);outline-offset:-2px;z-index:2}.go-board__intersection--valid{cursor:pointer}.go-board__intersection--last-move{z-index:1}.go-board__stone{border-radius:50%;display:block;transition:transform .15s ease;z-index:1}.go-board--9 .go-board__stone{height:38px;width:38px}.go-board--13 .go-board__stone{height:30px;width:30px}.go-board--19 .go-board__stone{height:24px;width:24px}.go-board__stone--black{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000);box-shadow:2px 2px 4px #00000080}.go-board__stone--white{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 60%,#ccc);box-shadow:2px 2px 4px #00000040}.go-board__intersection--last-move .go-board__stone--black:after,.go-board__intersection--last-move .go-board__stone--white:after{border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.go-board__intersection--last-move .go-board__stone--black:after{background-color:#ffffffb3;height:8px;width:8px}.go-board__intersection--last-move .go-board__stone--white:after{background-color:#00000080;height:8px;width:8px}.go-board__stone--placed{animation:go-stone-place .25s ease-out}@keyframes go-stone-place{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.go-board__hover-stone{border-radius:50%;display:block;opacity:.4;pointer-events:none;z-index:1}.go-board--9 .go-board__hover-stone{height:38px;width:38px}.go-board--13 .go-board__hover-stone{height:30px;width:30px}.go-board--19 .go-board__hover-stone{height:24px;width:24px}.go-board__hover-stone--black{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000)}.go-board__hover-stone--white{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 60%,#ccc)}.go-board__territory--black{background-color:#00000014}.go-board__territory--white{background-color:#ffffff26}.go-board__territory-marker{border-radius:50%;display:block;height:8px;width:8px;z-index:1}.go-board__territory--black .go-board__territory-marker{background-color:#00000080}.go-board__territory--white .go-board__territory-marker{background-color:#ffffffb3;border:1px solid #0003}.go-board__col-labels{display:flex;justify-content:space-around;padding-top:4px}.go-board__row-labels{display:flex;flex-direction:column;height:calc(100% - 48px);justify-content:space-around;position:absolute;right:-20px;top:24px}.go-board__label{color:#5a4a2a;color:var(--go-label-color,#5a4a2a);font-size:10px;font-weight:600;line-height:1;text-align:center}.go-board--9 .go-board__col-labels .go-board__label{width:44px}.go-board--13 .go-board__col-labels .go-board__label{width:36px}.go-board--19 .go-board__col-labels .go-board__label{width:28px}.go-board--9 .go-board__row-labels .go-board__label{align-items:center;display:flex;height:44px}.go-board--13 .go-board__row-labels .go-board__label{align-items:center;display:flex;height:36px}.go-board--19 .go-board__row-labels .go-board__label{align-items:center;display:flex;height:28px}@media (max-width:768px){.go-board{padding:16px}.go-board--9 .go-board__intersection{height:38px;width:38px}.go-board--9 .go-board__hover-stone,.go-board--9 .go-board__stone{height:32px;width:32px}.go-board--13 .go-board__intersection{height:28px;width:28px}.go-board--13 .go-board__hover-stone,.go-board--13 .go-board__stone{height:22px;width:22px}.go-board--19 .go-board__intersection{height:20px;width:20px}.go-board--19 .go-board__hover-stone,.go-board--19 .go-board__stone{height:16px;width:16px}.go-board__row-labels{right:-16px}.go-board__label{font-size:8px}.go-board--9 .go-board__col-labels .go-board__label{width:38px}.go-board--13 .go-board__col-labels .go-board__label{width:28px}.go-board--19 .go-board__col-labels .go-board__label{width:20px}.go-board--9 .go-board__row-labels .go-board__label{height:38px}.go-board--13 .go-board__row-labels .go-board__label{height:28px}.go-board--19 .go-board__row-labels .go-board__label{height:20px}.go-board__intersection--last-move .go-board__stone--black:after,.go-board__intersection--last-move .go-board__stone--white:after{height:5px;width:5px}}[data-theme=dark] .go-board{--go-board-bg:#8b6914;--go-board-border:#6b5010;--go-line-color:#3a2a0a;--go-label-color:#3a2a0a;--go-focus-color:#90caf9}.go-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.go-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.go-mode-selector__subtitle{font-size:1rem}.go-mode-selector__info,.go-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);margin:0 0 24px}.go-mode-selector__info{font-size:.9rem;line-height:1.5}.go-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.go-mode-selector__options{display:flex;flex-direction:column;gap:12px}.go-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:44px;padding:16px 20px;text-align:left;transition:all .2s ease}.go-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#333;border-color:var(--primary-color,#333);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.go-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.go-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:1.1rem;font-weight:600}.go-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem}.go-mode-selector__back{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-block;font-size:.95rem;margin-bottom:16px;min-height:44px;min-width:44px;padding:8px 0}.go-mode-selector__back:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.go-mode-selector__setting{margin-bottom:20px;text-align:left}.go-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.go-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.go-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;min-width:80px;padding:10px 16px;transition:all .2s ease}.go-mode-selector__btn--active,.go-mode-selector__btn:hover{border-color:#333;border-color:var(--primary-color,#333)}.go-mode-selector__btn--active{background:#333;background:var(--primary-color,#333);color:#fff}.go-mode-selector__btn--color{align-items:center;display:flex;gap:8px;justify-content:center}.go-mode-selector__color-stone{border-radius:50%;display:inline-block;flex-shrink:0;height:20px;width:20px}.go-mode-selector__color-stone--black{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000);border:1px solid #444}.go-mode-selector__color-stone--white{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 60%,#ccc);border:1px solid #ccc}.go-mode-selector__start{background:#333;background:var(--primary-color,#333);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.go-mode-selector__start:hover{background:#111;background:var(--primary-hover,#111);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.go-mode-selector__online-options{margin-top:16px}.go-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.9rem;margin:20px 0}.go-mode-selector__divider:after,.go-mode-selector__divider:before{background:#e0e0e0;background:var(--border-color,#e0e0e0);content:"";flex:1 1;height:1px}.go-mode-selector__divider span{padding:0 12px}.go-mode-selector__join{display:flex;gap:8px}.go-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 16px;text-align:center;text-transform:uppercase}.go-mode-selector__room-input:focus{border-color:#333;border-color:var(--primary-color,#333);outline:none}.go-mode-selector__join-btn{background:#333;background:var(--primary-color,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.go-mode-selector__join-btn:hover:not(:disabled){background:#111;background:var(--primary-hover,#111)}.go-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .go-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .go-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .go-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .go-mode-selector__btn{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .go-mode-selector__btn,[data-theme=dark] .go-mode-selector__room-input{border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .go-mode-selector__room-input{background:#2a2a3e;background:var(--input-bg,#2a2a3e)}[data-theme=dark] .go-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.go-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.go-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.go-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.go-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.go-game__title{font-size:1.25rem;font-weight:700;margin:0}.go-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.go-game__score-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;justify-content:center;max-width:600px;padding:12px 24px;width:100%}.go-game__score{align-items:center;border-radius:8px;display:flex;gap:8px;opacity:.7;padding:8px 16px;transition:all .3s ease}.go-game__score--active{background:#0000000d;background:var(--score-active-bg,#0000000d);box-shadow:0 0 0 2px #333;box-shadow:0 0 0 2px var(--primary-color,#333);opacity:1}.go-game__score-stone{border-radius:50%;display:inline-block;flex-shrink:0;height:24px;width:24px}.go-game__score-stone--black{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000);box-shadow:0 1px 3px #0000004d}.go-game__score-stone--white{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 60%,#ccc);border:1px solid #ddd;box-shadow:0 1px 3px #00000026}.go-game__score-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.go-game__score-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700;min-width:40px;text-align:center}.go-game__turn-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;min-width:120px;text-align:center}.go-game__board-area{display:flex;justify-content:center;overflow:auto}.go-game__controls{display:flex;gap:12px;justify-content:center}.go-game__info{color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:20px}.go-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.go-game__btn--pass{background:#607d8b;background:var(--pass-btn-bg,#607d8b);color:#fff}.go-game__btn--pass:hover{background:#455a64;background:var(--pass-btn-hover,#455a64);transform:translateY(-1px)}.go-game__btn--resign{background:#e57373;background:var(--resign-btn-bg,#e57373);color:#fff}.go-game__btn--resign:hover{background:#ef5350;background:var(--resign-btn-hover,#ef5350);transform:translateY(-1px)}.go-game__btn--primary{background:#333;background:var(--primary-color,#333);color:#fff;font-size:1rem;min-width:120px;padding:12px 24px}.go-game__btn--primary:hover{background:#111;background:var(--primary-hover,#111);transform:translateY(-1px)}.go-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1rem;min-width:120px;padding:12px 24px}.go-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}.go-game__overlay{align-items:center;animation:go-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes go-overlay-in{0%{opacity:0}to{opacity:1}}.go-game__overlay-content{animation:go-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:440px;padding:32px;text-align:center;width:100%}@keyframes go-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.go-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 12px}.go-game__overlay-winner{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.go-game__overlay-final-score{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:20px}.go-game__final-score-item{align-items:center;display:flex;gap:8px}.go-game__final-score-dash{color:#999;color:var(--text-secondary,#999)}.go-game__overlay-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:24px}.go-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.go-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem}.go-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700}.go-game__overlay-actions{display:flex;gap:12px;justify-content:center}@media (max-width:768px){.go-game__score-bar{gap:12px;padding:10px 16px}.go-game__score{gap:6px;padding:6px 10px}.go-game__score-value{font-size:.95rem}.go-game__turn-text{font-size:.8rem;min-width:90px}.go-game__overlay-content{padding:24px}.go-game__overlay-actions{flex-direction:column}.go-game__btn{width:100%}.go-game__overlay-stats{gap:12px}}[data-theme=dark] .go-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--score-active-bg:#ffffff1a;--secondary-btn-bg:#333;--secondary-btn-hover:#444;--primary-color:#555;--primary-hover:#777}[data-theme=dark] .go-game__score-stone--white{border-color:#666}[data-theme=dark] .go-game__overlay{background:#000000bf}.sudoku-board{display:flex;justify-content:center;padding:8px}.sudoku-board__grid{background:#fff;background:var(--sudoku-grid-bg,#fff);border:3px solid #333;border:3px solid var(--sudoku-border-thick,#333);border-radius:4px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column}.sudoku-board__row{display:flex}.sudoku-board__cell{align-items:center;background:#fff;background:var(--sudoku-cell-bg,#fff);border:1px solid #ccc;border:1px solid var(--sudoku-border-thin,#ccc);cursor:pointer;display:flex;font-family:inherit;height:48px;justify-content:center;padding:0;position:relative;transition:background-color .15s ease;width:48px}.sudoku-board__cell:focus{outline:2px solid #1976d2;outline:2px solid var(--primary-color,#1976d2);outline-offset:-2px;z-index:1}.sudoku-board__cell:hover:not(:disabled){background:#f0f0f0;background:var(--sudoku-cell-hover,#f0f0f0)}.sudoku-board__cell--box-left{border-left:3px solid #333;border-left:3px solid var(--sudoku-border-thick,#333)}.sudoku-board__cell--box-top{border-top:3px solid #333;border-top:3px solid var(--sudoku-border-thick,#333)}.sudoku-board__cell-value{color:#1a1a2e;color:var(--sudoku-value-color,#1a1a2e);font-size:1.25rem;font-weight:500;line-height:1;pointer-events:none}.sudoku-board__cell--given{background:#f0f0f0;background:var(--sudoku-given-bg,#f0f0f0)}.sudoku-board__cell--given .sudoku-board__cell-value{color:#111;color:var(--sudoku-given-color,#111);font-weight:700}.sudoku-board__cell--selected{background:#bbdefb!important;background:var(--sudoku-selected-bg,#bbdefb)!important}.sudoku-board__cell--same-number{background:#e3f2fd;background:var(--sudoku-same-number-bg,#e3f2fd)}.sudoku-board__cell--highlighted{background:#e8eaf6;background:var(--sudoku-highlight-bg,#e8eaf6)}.sudoku-board__cell--error{background:#ffebee!important;background:var(--sudoku-error-bg,#ffebee)!important}.sudoku-board__cell--error .sudoku-board__cell-value{color:#d32f2f;color:var(--sudoku-error-color,#d32f2f)}.sudoku-board__notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:2px;pointer-events:none;width:100%}.sudoku-board__note{align-items:center;color:#666;color:var(--sudoku-note-color,#666);display:flex;font-size:.55rem;font-weight:500;justify-content:center;line-height:1}.sudoku-board__note--visible{color:#1565c0;color:var(--sudoku-note-visible-color,#1565c0)}@media (max-width:768px){.sudoku-board__cell{height:36px;width:36px}.sudoku-board__cell-value{font-size:1rem}.sudoku-board__note{font-size:.45rem}}@media (max-width:380px){.sudoku-board__cell{height:32px;width:32px}.sudoku-board__cell-value{font-size:.9rem}.sudoku-board__note{font-size:.4rem}}[data-theme=dark] .sudoku-board__grid{--sudoku-border-thick:#888;--sudoku-border-thin:#555;--sudoku-grid-bg:#1e1e2e;--sudoku-cell-bg:#1e1e2e;--sudoku-cell-hover:#2a2a3e;--sudoku-value-color:#e0e0e0;--sudoku-given-bg:#252538;--sudoku-given-color:#fff;--sudoku-selected-bg:#1a3a5c;--sudoku-same-number-bg:#1a2a40;--sudoku-highlight-bg:#252540;--sudoku-error-bg:#3d1a1a;--sudoku-error-color:#ef5350;--sudoku-note-color:#888;--sudoku-note-visible-color:#64b5f6}.sudoku-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.sudoku-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.sudoku-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0 0 24px}.sudoku-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.sudoku-mode-selector__setting{margin-bottom:24px;text-align:left}.sudoku-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px;text-align:center}.sudoku-mode-selector__options{display:flex;flex-direction:column;gap:12px}.sudoku-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 20px;transition:all .2s ease}.sudoku-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.sudoku-mode-selector__option--active{background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 0 0 1px #1976d2;box-shadow:0 0 0 1px var(--primary-color,#1976d2)}.sudoku-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:600}.sudoku-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.sudoku-mode-selector__option-clues{color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-style:italic}.sudoku-mode-selector__start{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.sudoku-mode-selector__start:hover{background:#1565c0;background:var(--primary-hover,#1565c0);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}[data-theme=dark] .sudoku-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .sudoku-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .sudoku-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .sudoku-mode-selector__option--active{background:#1976d226;border-color:#42a5f5}[data-theme=dark] .sudoku-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.sudoku-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.sudoku-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.sudoku-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.sudoku-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.sudoku-game__title{font-size:1.25rem;font-weight:700;margin:0}.sudoku-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.sudoku-game__info-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:500px;padding:12px 24px;width:100%}.sudoku-game__info-item{align-items:center;display:flex;flex-direction:column;gap:2px}.sudoku-game__info-item--error .sudoku-game__info-value{color:#d32f2f;color:var(--sudoku-error-color,#d32f2f)}.sudoku-game__info-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sudoku-game__info-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700}.sudoku-game__timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:50px;text-align:center}.sudoku-game__board-area{display:flex;justify-content:center}.sudoku-game__controls{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:500px;width:100%}.sudoku-game__action-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sudoku-game__action-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:44px;min-width:60px;padding:8px 16px;transition:all .2s ease}.sudoku-game__action-btn:hover:not(:disabled){background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.sudoku-game__action-btn:disabled{cursor:not-allowed;opacity:.4}.sudoku-game__action-btn--active{background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);color:#1976d2;color:var(--primary-color,#1976d2)}.sudoku-game__action-icon{font-size:1.1rem;line-height:1}.sudoku-game__action-text{font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sudoku-game__numpad{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.sudoku-game__numpad-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;transition:all .2s ease;width:48px}.sudoku-game__numpad-btn:hover:not(:disabled){background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.sudoku-game__numpad-btn:active:not(:disabled){transform:translateY(0)}.sudoku-game__numpad-btn--complete{color:#999;color:var(--text-secondary,#999);cursor:not-allowed;opacity:.3}.sudoku-game__overlay{align-items:center;animation:sudoku-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes sudoku-overlay-in{0%{opacity:0}to{opacity:1}}.sudoku-game__overlay-content{animation:sudoku-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes sudoku-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sudoku-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 20px}.sudoku-game__overlay-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.sudoku-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.sudoku-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.sudoku-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.sudoku-game__overlay-actions{display:flex;gap:12px;justify-content:center}.sudoku-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.sudoku-game__btn--primary{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.sudoku-game__btn--primary:hover{background:#1565c0;background:var(--primary-hover,#1565c0);transform:translateY(-1px)}.sudoku-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.sudoku-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}@media (max-width:768px){.sudoku-game__info-bar{gap:16px;padding:10px 16px}.sudoku-game__numpad-btn{font-size:1.1rem;height:40px;width:40px}.sudoku-game__action-btn{min-width:50px;padding:6px 12px}.sudoku-game__overlay-content{padding:24px}.sudoku-game__overlay-actions{flex-direction:column}.sudoku-game__btn{width:100%}}@media (max-width:380px){.sudoku-game__numpad-btn{border-radius:8px;font-size:1rem;height:34px;width:34px}.sudoku-game__numpad{gap:4px}}[data-theme=dark] .sudoku-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--card-hover-bg:#333;--primary-light:#1976d226;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .sudoku-game__numpad-btn{color:#64b5f6}[data-theme=dark] .sudoku-game__action-btn,[data-theme=dark] .sudoku-game__numpad-btn{background:#1e1e2e;background:var(--card-bg,#1e1e2e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .sudoku-game__action-btn{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .sudoku-game__overlay{background:#000000bf}.board-2048{--cell-size:100px;--cell-gap:12px;--board-padding:12px;--board-radius:8px;--tile-radius:6px;--board-total:calc(var(--board-size)*var(--cell-size) + (var(--board-size) - 1)*var(--cell-gap) + var(--board-padding)*2);background:#bbada0;border-radius:var(--board-radius);height:var(--board-total);padding:var(--board-padding);position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--board-total)}.board-2048--disabled{opacity:.7;pointer-events:none}.board-2048__grid{grid-gap:var(--cell-gap);display:grid;gap:var(--cell-gap);grid-template-columns:repeat(var(--board-size),var(--cell-size));grid-template-rows:repeat(var(--board-size),var(--cell-size))}.board-2048__cell{background:#eee4da59;border-radius:var(--tile-radius);height:var(--cell-size);width:var(--cell-size)}.board-2048__tiles{height:calc(var(--board-total) - var(--board-padding)*2);left:var(--board-padding);position:absolute;top:var(--board-padding);width:calc(var(--board-total) - var(--board-padding)*2)}.board-2048__tile{align-items:center;border-radius:var(--tile-radius);display:flex;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:2rem;font-weight:700;height:var(--cell-size);justify-content:center;line-height:1;position:absolute;transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap))));transition:transform .15s ease-in-out;width:var(--cell-size);z-index:10}.board-2048__tile--merged{animation:tile-merge .2s ease-in-out;z-index:20}@keyframes tile-merge{0%{transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap)))) scale(1)}50%{transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap)))) scale(1.15)}to{transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap)))) scale(1)}}.board-2048__tile--new{animation:tile-appear .2s ease-in-out}@keyframes tile-appear{0%{opacity:0;transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap)))) scale(0)}to{opacity:1;transform:translate(calc(var(--tile-col)*(var(--cell-size) + var(--cell-gap))),calc(var(--tile-row)*(var(--cell-size) + var(--cell-gap)))) scale(1)}}.board-2048__tile--three-digits{font-size:1.6rem}.board-2048__tile--four-digits{font-size:1.3rem}.board-2048__tile--super{box-shadow:0 0 30px 10px #f3d7744d}@media (max-width:520px){.board-2048{--cell-size:70px;--cell-gap:8px;--board-padding:8px}.board-2048__tile{font-size:1.5rem}.board-2048__tile--three-digits{font-size:1.2rem}.board-2048__tile--four-digits{font-size:1rem}}@media (max-width:380px){.board-2048{--cell-size:60px;--cell-gap:6px;--board-padding:6px}.board-2048__tile{font-size:1.3rem}.board-2048__tile--three-digits{font-size:1rem}.board-2048__tile--four-digits{font-size:.85rem}}.board-2048--size-5{--cell-size:80px;--cell-gap:10px}.board-2048--size-6{--cell-size:66px;--cell-gap:8px}@media (max-width:520px){.board-2048--size-5{--cell-size:56px;--cell-gap:6px}.board-2048--size-6{--cell-size:46px;--cell-gap:5px}.board-2048--size-5 .board-2048__tile,.board-2048--size-6 .board-2048__tile{font-size:1.1rem}.board-2048--size-5 .board-2048__tile--three-digits,.board-2048--size-6 .board-2048__tile--three-digits{font-size:.9rem}.board-2048--size-5 .board-2048__tile--four-digits,.board-2048--size-6 .board-2048__tile--four-digits{font-size:.75rem}}[data-theme=dark] .board-2048{background:#5a534a}[data-theme=dark] .board-2048__cell{background:#ffffff14}.game-2048-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.game-2048-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.game-2048-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0 0 24px}.game-2048-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.game-2048-mode-selector__setting{margin-bottom:24px;text-align:left}.game-2048-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px;text-align:center}.game-2048-mode-selector__options{display:flex;gap:12px;justify-content:center}.game-2048-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;min-width:90px;padding:16px 20px;transition:all .2s ease}.game-2048-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#edc22e;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.game-2048-mode-selector__option--active{background:#fdf6e3;border-color:#edc22e;box-shadow:0 0 0 1px #edc22e}.game-2048-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:600}.game-2048-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.game-2048-mode-selector__start{background:#8f7a66;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.game-2048-mode-selector__start:hover{background:#7a6758;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}[data-theme=dark] .game-2048-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .game-2048-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .game-2048-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .game-2048-mode-selector__option--active{background:#edc22e26;border-color:#edc22e}[data-theme=dark] .game-2048-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}[data-theme=dark] .game-2048-mode-selector__start{background:#6b5b4e}[data-theme=dark] .game-2048-mode-selector__start:hover{background:#7a6758}.game-2048{background:#faf8ef;background:var(--bg-primary,#faf8ef);color:#776e65;color:var(--text-primary,#776e65);display:flex;flex-direction:column;min-height:100vh}.game-2048__header{align-items:center;background:#faf8ef;background:var(--header-bg,#faf8ef);border-bottom:1px solid #e0d8c8;border-bottom:1px solid var(--border-color,#e0d8c8);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.game-2048__exit-btn{background:none;border:none;border-radius:6px;color:#8f7a66;color:var(--text-secondary,#8f7a66);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.game-2048__exit-btn:hover{background:#ede0c8;background:var(--hover-bg,#ede0c8);color:#776e65;color:var(--text-primary,#776e65)}.game-2048__title{color:#776e65;font-size:1.25rem;font-weight:700;margin:0}.game-2048__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.game-2048__score-bar{display:flex;gap:12px;justify-content:center}.game-2048__score-box{align-items:center;background:#bbada0;border-radius:6px;color:#fff;display:flex;flex-direction:column;min-width:100px;padding:8px 24px}.game-2048__score-label{color:#eee4da;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.game-2048__score-value{font-feature-settings:"tnum";font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700}.game-2048__action-bar{display:flex;gap:8px;justify-content:center}.game-2048__action-btn{background:#8f7a66;border:none;border-radius:6px;color:#f9f6f2;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:8px 20px;transition:all .2s ease}.game-2048__action-btn:hover:not(:disabled){background:#7a6758;transform:translateY(-1px)}.game-2048__action-btn:disabled{cursor:not-allowed;opacity:.4}.game-2048__board-area{display:flex;justify-content:center;touch-action:none}.game-2048__move-count{color:#8f7a66;color:var(--text-secondary,#8f7a66);font-size:.85rem;font-weight:500}.game-2048__overlay{align-items:center;animation:game-2048-overlay-in .3s ease;background:#eee4daba;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes game-2048-overlay-in{0%{opacity:0}to{opacity:1}}.game-2048__overlay-content{animation:game-2048-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes game-2048-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-2048__overlay-title{color:#776e65;font-size:1.75rem;font-weight:700;margin:0 0 12px}.game-2048__overlay-message{color:#8f7a66;color:var(--text-secondary,#8f7a66);font-size:1rem;margin:0 0 20px}.game-2048__overlay-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.game-2048__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.game-2048__stat-label{color:#8f7a66;color:var(--text-secondary,#8f7a66);font-size:.8rem}.game-2048__stat-value{color:#776e65;font-size:1.25rem;font-weight:700}.game-2048__overlay-actions{display:flex;gap:12px;justify-content:center}.game-2048__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.game-2048__btn--primary{background:#8f7a66;color:#f9f6f2}.game-2048__btn--primary:hover{background:#7a6758;transform:translateY(-1px)}.game-2048__btn--secondary{background:#cdc1b4;color:#776e65}.game-2048__btn--secondary:hover{background:#bbada0;transform:translateY(-1px)}@media (max-width:768px){.game-2048__score-box{min-width:80px;padding:6px 16px}.game-2048__score-value{font-size:1.2rem}.game-2048__overlay-content{padding:24px}.game-2048__overlay-actions{flex-direction:column}.game-2048__btn{width:100%}}[data-theme=dark] .game-2048{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e}[data-theme=dark] .game-2048__title{color:#e0e0e0}[data-theme=dark] .game-2048__overlay{background:#000000bf}[data-theme=dark] .game-2048__overlay-title,[data-theme=dark] .game-2048__stat-value{color:#e0e0e0}[data-theme=dark] .game-2048__score-box{background:#5a534a}.ms-board{-webkit-touch-callout:none;display:flex;justify-content:center;padding:8px;user-select:none;-webkit-user-select:none}.ms-board__grid{background:silver;background:var(--ms-grid-bg,silver);border-bottom:3px solid grey;border-bottom:3px solid var(--ms-border-dark,grey);border-left:3px solid #fff;border-left:3px solid var(--ms-border-light,#fff);border-right:3px solid grey;border-right:3px solid var(--ms-border-dark,grey);border-top:3px solid #fff;border-top:3px solid var(--ms-border-light,#fff);box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column}.ms-board__row{display:flex}.ms-board__cell{-webkit-tap-highlight-color:transparent;align-items:center;border:none;cursor:pointer;display:flex;font-family:Segoe UI,Arial,sans-serif;font-weight:700;justify-content:center;margin:0;padding:0;position:relative;transition:none}.ms-board--beginner .ms-board__cell{font-size:1.1rem;height:36px;width:36px}.ms-board--intermediate .ms-board__cell{font-size:.95rem;height:30px;width:30px}.ms-board--expert .ms-board__cell{font-size:.85rem;height:26px;width:26px}.ms-board__cell--hidden{background:silver;background:var(--ms-hidden-bg,silver);border:2px outset #e0e0e0;border:2px outset var(--ms-hidden-border,#e0e0e0)}.ms-board__cell--hidden:hover:not(:disabled){background:#d0d0d0;background:var(--ms-hidden-hover,#d0d0d0)}.ms-board__cell--hidden:active:not(:disabled){background:#b0b0b0;background:var(--ms-hidden-active,#b0b0b0);border-style:inset}.ms-board__cell--revealed{background:#e0e0e0;background:var(--ms-revealed-bg,#e0e0e0);border:1px solid #b0b0b0;border:1px solid var(--ms-revealed-border,#b0b0b0);cursor:default}.ms-board__cell--mine{background:#e0e0e0;background:var(--ms-mine-bg,#e0e0e0)}.ms-board__cell--death{background:red!important;background:var(--ms-death-bg,red)!important}.ms-board__cell--flagged{background:silver;background:var(--ms-hidden-bg,silver)}.ms-board__cell--wrong-flag{background:#e0e0e0;background:var(--ms-wrong-flag-bg,#e0e0e0);border:1px solid #b0b0b0;border:1px solid var(--ms-revealed-border,#b0b0b0)}.ms-board__cell-content{align-items:center;display:flex;justify-content:center;line-height:1;pointer-events:none;position:relative}.ms-board__number{font-weight:700}.ms-board__flag{font-size:.85em}.ms-board__wrong-x{font-size:.7em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ms-board__cell--num-1 .ms-board__number{color:#00f;color:var(--ms-num-1,#00f)}.ms-board__cell--num-2 .ms-board__number{color:green;color:var(--ms-num-2,green)}.ms-board__cell--num-3 .ms-board__number{color:red;color:var(--ms-num-3,red)}.ms-board__cell--num-4 .ms-board__number{color:navy;color:var(--ms-num-4,navy)}.ms-board__cell--num-5 .ms-board__number{color:maroon;color:var(--ms-num-5,maroon)}.ms-board__cell--num-6 .ms-board__number{color:teal;color:var(--ms-num-6,teal)}.ms-board__cell--num-7 .ms-board__number{color:#000;color:var(--ms-num-7,#000)}.ms-board__cell--num-8 .ms-board__number{color:grey;color:var(--ms-num-8,grey)}@media (max-width:768px){.ms-board--beginner .ms-board__cell{font-size:1rem;height:34px;width:34px}.ms-board--intermediate .ms-board__cell{font-size:.85rem;height:26px;width:26px}.ms-board--expert .ms-board__cell{font-size:.7rem;height:20px;width:20px}}@media (max-width:520px){.ms-board--expert .ms-board__cell{font-size:.6rem;height:16px;width:16px}.ms-board--intermediate .ms-board__cell{font-size:.75rem;height:22px;width:22px}}@media (max-width:380px){.ms-board--beginner .ms-board__cell{font-size:.9rem;height:30px;width:30px}.ms-board--intermediate .ms-board__cell{font-size:.7rem;height:20px;width:20px}.ms-board--expert .ms-board__cell{font-size:.55rem;height:14px;width:14px}}[data-theme=dark] .ms-board__grid{--ms-border-dark:#555;--ms-border-light:#888;--ms-grid-bg:#3a3a4a;--ms-hidden-bg:#4a4a5a;--ms-hidden-border:#666;--ms-hidden-hover:#555568;--ms-hidden-active:#3a3a4a;--ms-revealed-bg:#2a2a3a;--ms-revealed-border:#444;--ms-mine-bg:#2a2a3a;--ms-death-bg:#c00;--ms-wrong-flag-bg:#2a2a3a;--ms-num-1:#69f;--ms-num-2:#6c6;--ms-num-3:#f66;--ms-num-4:#99f;--ms-num-5:#c66;--ms-num-6:#6cc;--ms-num-7:#ccc;--ms-num-8:#999}.ms-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.ms-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.ms-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0 0 24px}.ms-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.ms-mode-selector__setting{margin-bottom:24px;text-align:left}.ms-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px;text-align:center}.ms-mode-selector__options{display:flex;flex-direction:column;gap:12px}.ms-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 20px;transition:all .2s ease}.ms-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ms-mode-selector__option--active{background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 0 0 1px #1976d2;box-shadow:0 0 0 1px var(--primary-color,#1976d2)}.ms-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:600}.ms-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.ms-mode-selector__option-detail{color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-style:italic}.ms-mode-selector__start{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.ms-mode-selector__start:hover{background:#1565c0;background:var(--primary-hover,#1565c0);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}[data-theme=dark] .ms-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .ms-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .ms-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .ms-mode-selector__option--active{background:#1976d226;border-color:#42a5f5}[data-theme=dark] .ms-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.ms-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.ms-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.ms-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.ms-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.ms-game__title{font-size:1.25rem;font-weight:700;margin:0}.ms-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.ms-game__control-bar{align-items:center;background:silver;background:var(--ms-control-bg,silver);border-bottom:3px solid grey;border-bottom:3px solid var(--ms-control-border-dark,grey);border-left:3px solid #fff;border-left:3px solid var(--ms-control-border-light,#fff);border-radius:2px;border-right:3px solid grey;border-right:3px solid var(--ms-control-border-dark,grey);border-top:3px solid #fff;border-top:3px solid var(--ms-control-border-light,#fff);display:flex;gap:16px;justify-content:space-between;max-width:500px;padding:8px 12px;width:100%}.ms-game__counter{font-feature-settings:"tnum";background:#1a0000;background:var(--ms-led-bg,#1a0000);border:2px inset #555;border:2px inset var(--ms-led-border,#555);border-radius:3px;color:red;color:var(--ms-led-color,red);font-family:Courier New,Consolas,monospace;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:2px;min-width:60px;padding:4px 8px;text-align:center}.ms-game__smiley{align-items:center;background:silver;background:var(--ms-smiley-bg,silver);border:2px outset #e0e0e0;border:2px outset var(--ms-smiley-border,#e0e0e0);border-radius:4px;cursor:pointer;display:flex;font-size:1.75rem;height:44px;justify-content:center;line-height:1;padding:0;transition:none;width:44px}.ms-game__smiley:active{border-style:inset}.ms-game__smiley:hover{background:#d0d0d0;background:var(--ms-smiley-hover,#d0d0d0)}.ms-game__flag-toggle-area{display:flex;justify-content:center}.ms-game__flag-toggle{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;min-height:44px;padding:8px 16px;transition:all .2s ease}.ms-game__flag-toggle:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.ms-game__flag-toggle--active{background:#fff3e0;border-color:#f60;color:#e65100;font-weight:600}.ms-game__board-area{display:flex;justify-content:center;max-width:100%;overflow-x:auto}.ms-game__game-over-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.ms-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.ms-game__btn--primary{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.ms-game__btn--primary:hover{background:#1565c0;background:var(--primary-hover,#1565c0);transform:translateY(-1px)}.ms-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.ms-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}.ms-game__overlay{align-items:center;animation:ms-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes ms-overlay-in{0%{opacity:0}to{opacity:1}}.ms-game__overlay-content{animation:ms-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes ms-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ms-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 20px}.ms-game__overlay-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.ms-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.ms-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.ms-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.ms-game__overlay-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:768px){.ms-game__control-bar{gap:8px;max-width:100%;padding:6px 8px}.ms-game__counter{font-size:1.2rem;min-width:50px;padding:3px 6px}.ms-game__smiley{font-size:1.5rem;height:40px;width:40px}.ms-game__overlay-content{padding:24px}.ms-game__overlay-stats{gap:8px;grid-template-columns:1fr}.ms-game__overlay-actions{flex-direction:column}.ms-game__btn{width:100%}.ms-game__game-over-actions{flex-direction:column;max-width:300px;width:100%}.ms-game__game-over-actions .ms-game__btn{width:100%}}@media (max-width:380px){.ms-game__counter{font-size:1rem;letter-spacing:1px;min-width:44px}}[data-theme=dark] .ms-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--card-hover-bg:#333;--primary-light:#1976d226;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .ms-game__control-bar{--ms-control-bg:#3a3a4a;--ms-control-border-dark:#555;--ms-control-border-light:#666}[data-theme=dark] .ms-game__counter{--ms-led-bg:#1a0000;--ms-led-border:#444}[data-theme=dark] .ms-game__smiley{--ms-smiley-bg:#4a4a5a;--ms-smiley-border:#666;--ms-smiley-hover:#555568}[data-theme=dark] .ms-game__flag-toggle{background:#1e1e2e;background:var(--card-bg,#1e1e2e);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .ms-game__flag-toggle--active{background:#ff660026;border-color:#f60;color:#f93}[data-theme=dark] .ms-game__overlay{background:#000000bf}.solitaire-board{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:700px;padding:8px;-webkit-user-select:none;user-select:none}.solitaire-board__top-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.solitaire-board__stock-waste{display:flex;gap:8px}.solitaire-board__foundations{display:flex;gap:6px}.solitaire-board__foundation-slot{flex-shrink:0}.solitaire-board__tableau{align-items:flex-start;display:flex;gap:6px;justify-content:center;min-height:300px}.solitaire-board__tableau-slot{flex:1 1;min-width:0}.solitaire-card{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;box-sizing:border-box;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif;height:100px;position:relative;transition:box-shadow .15s ease,transform .1s ease;width:70px}.solitaire-card:hover{box-shadow:0 2px 8px #00000026}.solitaire-card:focus-visible{outline:2px solid #4a90d9;outline:2px solid var(--primary-color,#4a90d9);outline-offset:2px}.solitaire-card--red{color:#c0392b}.solitaire-card--black,.solitaire-card--red{background:#fff;background:var(--card-bg,#fff)}.solitaire-card--black{color:#2c3e50}.solitaire-card--back{background:#2c5f8a;border-color:#1a4060;cursor:pointer}.solitaire-card__back-pattern{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0d 0,#ffffff0d 8px);border:1px solid #fff3;border-radius:3px;inset:4px;position:absolute}.solitaire-card--selected{box-shadow:0 0 0 3px #4a90d9,0 4px 12px #4a90d94d;box-shadow:0 0 0 3px var(--primary-color,#4a90d9),0 4px 12px #4a90d94d;transform:translateY(-2px)}.solitaire-card__corner{align-items:center;display:flex;flex-direction:column;line-height:1;position:absolute}.solitaire-card__corner--top{left:4px;top:3px}.solitaire-card__corner--bottom{bottom:3px;right:4px;transform:rotate(180deg)}.solitaire-card__rank{font-size:.8rem;font-weight:700}.solitaire-card__suit{font-size:.7rem}.solitaire-card__center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.solitaire-card__center-suit{font-size:1.5rem}.solitaire-pile{flex-shrink:0;height:100px;width:70px}.solitaire-pile--empty{align-items:center;background:#00000008;background:var(--empty-pile-bg,#00000008);border:2px dashed #ccc;border:2px dashed var(--border-color,#ccc);border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:44px}.solitaire-pile--empty:hover{background:#4a90d90d;background:var(--hover-bg,#4a90d90d);border-color:#4a90d9;border-color:var(--primary-color,#4a90d9)}.solitaire-pile__reset-icon{color:#888;color:var(--text-secondary,#888);font-size:1.5rem}.solitaire-pile__foundation-label,.solitaire-pile__placeholder{color:#bbb;color:var(--text-tertiary,#bbb);font-size:1.25rem;font-weight:700}.solitaire-pile__count{bottom:4px;color:#ffffffb3;font-size:.65rem;font-weight:700;position:absolute;right:6px;z-index:1}.solitaire-pile--waste{min-width:70px;width:auto}.solitaire-waste-stack{display:flex;height:100px;position:relative;width:70px}.solitaire-waste-stack__card{left:0;left:calc(var(--offset, 0)*18px);position:absolute;top:0}.solitaire-waste-stack__card--offset{pointer-events:none}.solitaire-tableau__column{min-height:100px;position:relative}.solitaire-tableau__column--empty{align-items:center;background:#00000008;background:var(--empty-pile-bg,#00000008);border:2px dashed #ccc;border:2px dashed var(--border-color,#ccc);border-radius:6px;cursor:pointer;display:flex;height:100px;justify-content:center;max-width:70px;width:100%}.solitaire-tableau__column--empty:hover{border-color:#4a90d9;border-color:var(--primary-color,#4a90d9)}.solitaire-tableau__card-wrapper{left:0;position:absolute;top:0;top:calc(var(--card-offset, 0)*25px);z-index:0;z-index:var(--card-offset,0)}[data-theme=dark] .solitaire-card--red{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#555;color:#e74c3c}[data-theme=dark] .solitaire-card--black{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#555;color:#ddd}[data-theme=dark] .solitaire-card--back{background:#1a3a5c;border-color:#0d2540}[data-theme=dark] .solitaire-pile--empty,[data-theme=dark] .solitaire-tableau__column--empty{background:#ffffff08;border-color:#555}@media (max-width:768px){.solitaire-board{gap:10px;padding:4px}.solitaire-card{border-radius:4px;height:66px;width:46px}.solitaire-card__corner--top{left:2px;top:2px}.solitaire-card__corner--bottom{bottom:2px;right:2px}.solitaire-card__rank{font-size:.6rem}.solitaire-card__suit{font-size:.55rem}.solitaire-card__center-suit{font-size:1rem}.solitaire-pile{height:66px;width:46px}.solitaire-pile__reset-icon{font-size:1.1rem}.solitaire-pile__foundation-label,.solitaire-pile__placeholder{font-size:.9rem}.solitaire-waste-stack{height:66px;width:46px}.solitaire-waste-stack__card{left:0;left:calc(var(--offset, 0)*12px)}.solitaire-board__foundations,.solitaire-board__stock-waste{gap:4px}.solitaire-board__tableau{gap:3px;min-height:200px}.solitaire-tableau__column--empty{height:66px;max-width:46px}.solitaire-tableau__card-wrapper{top:0;top:calc(var(--card-offset, 0)*18px)}}@media (max-width:400px){.solitaire-card,.solitaire-pile,.solitaire-waste-stack{height:58px;width:40px}.solitaire-waste-stack__card{left:0;left:calc(var(--offset, 0)*10px)}.solitaire-tableau__column--empty{height:58px;max-width:40px}.solitaire-tableau__card-wrapper{top:0;top:calc(var(--card-offset, 0)*15px)}.solitaire-card__center-suit{font-size:.85rem}}.solitaire-mode-selector{margin:0 auto;max-width:480px;padding:32px 24px;text-align:center}.solitaire-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;margin:0 0 8px}.solitaire-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0 0 24px}.solitaire-mode-selector__guest-banner{background:#fff3cd;background:var(--warning-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--warning-text,#856404);font-size:.875rem;margin-bottom:24px;padding:8px 16px}.solitaire-mode-selector__setting{margin-bottom:32px}.solitaire-mode-selector__label{color:#666;color:var(--text-secondary,#666);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.solitaire-mode-selector__options{display:flex;flex-direction:column;gap:12px}.solitaire-mode-selector__option{align-items:center;background:#fff;background:var(--surface-color,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px;transition:all .2s ease}.solitaire-mode-selector__option:hover{background:#f0f7ff;background:var(--hover-bg,#f0f7ff);border-color:#4a90d9;border-color:var(--primary-color,#4a90d9)}.solitaire-mode-selector__option--active{background:#e8f0fe;background:var(--primary-bg,#e8f0fe);border-color:#4a90d9;border-color:var(--primary-color,#4a90d9);box-shadow:0 0 0 1px #4a90d9;box-shadow:0 0 0 1px var(--primary-color,#4a90d9)}.solitaire-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.125rem;font-weight:700}.solitaire-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.875rem}.solitaire-mode-selector__option-detail{color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-style:italic}.solitaire-mode-selector__start{background:#4a90d9;background:var(--primary-color,#4a90d9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;min-height:44px;padding:14px 24px;transition:background .2s ease,transform .1s ease;width:100%}.solitaire-mode-selector__start:hover{background:#3a7bc8;background:var(--primary-hover,#3a7bc8);transform:translateY(-1px)}.solitaire-mode-selector__start:active{transform:translateY(0)}[data-theme=dark] .solitaire-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .solitaire-mode-selector__option{background:#2a2a3e;background:var(--surface-color,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .solitaire-mode-selector__option:hover{background:#333;background:var(--hover-bg,#333)}[data-theme=dark] .solitaire-mode-selector__option--active{background:#1a3a5c;background:var(--primary-bg,#1a3a5c)}@media (max-width:768px){.solitaire-mode-selector{padding:24px 16px}.solitaire-mode-selector__title{font-size:1.5rem}}.solitaire-game{background:#1a6b3c;background:var(--game-bg,#1a6b3c);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.solitaire-game__header{align-items:center;background:#00000026;background:var(--header-bg,#00000026);display:flex;gap:12px;padding:8px 16px}.solitaire-game__exit-btn{background:none;border:none;border-radius:6px;color:#fff;color:var(--header-text,#fff);cursor:pointer;font-size:.875rem;min-height:44px;min-width:44px;padding:8px 12px;transition:background .2s}.solitaire-game__exit-btn:hover{background:#ffffff1a}.solitaire-game__title{color:#fff;color:var(--header-text,#fff);flex:1 1;font-size:1.25rem;margin:0}.solitaire-game__content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:8px}.solitaire-game__info-bar{background:#0000001a;border-radius:8px;display:flex;gap:24px;justify-content:center;padding:8px 16px}.solitaire-game__info-item{align-items:center;display:flex;flex-direction:column;gap:2px}.solitaire-game__info-label{color:#fff9;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.solitaire-game__info-value{color:#fff;font-size:1rem;font-weight:700}.solitaire-game__timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.solitaire-game__board-area{align-items:flex-start;display:flex;flex:1 1;justify-content:center}.solitaire-game__controls{padding:8px 0}.solitaire-game__action-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.solitaire-game__action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;min-height:44px;padding:10px 16px;transition:all .2s ease}.solitaire-game__action-btn:hover:not(:disabled){background:#fff3}.solitaire-game__action-btn:disabled{cursor:not-allowed;opacity:.4}.solitaire-game__action-btn--highlight{background:#ffd70033;border-color:#ffd70066}.solitaire-game__action-btn--highlight:hover:not(:disabled){background:#ffd7004d}.solitaire-game__action-icon{font-size:1rem}.solitaire-game__action-text{font-weight:600}.solitaire-game__overlay{align-items:center;animation:solitaire-overlay-fade-in .3s ease;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes solitaire-overlay-fade-in{0%{opacity:0}to{opacity:1}}.solitaire-game__overlay-content{animation:solitaire-overlay-slide-up .3s ease;background:#fff;background:var(--surface-color,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;text-align:center;width:90%}@keyframes solitaire-overlay-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.solitaire-game__overlay-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;margin:0 0 24px}.solitaire-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.solitaire-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.solitaire-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.solitaire-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.solitaire-game__overlay-actions{display:flex;flex-direction:column;gap:8px}.solitaire-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;padding:12px 24px;transition:all .2s ease}.solitaire-game__btn--primary{background:#4a90d9;background:var(--primary-color,#4a90d9);color:#fff}.solitaire-game__btn--primary:hover{background:#3a7bc8;background:var(--primary-hover,#3a7bc8)}.solitaire-game__btn--secondary{background:#f0f0f0;background:var(--secondary-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.solitaire-game__btn--secondary:hover{background:#e0e0e0;background:var(--secondary-hover,#e0e0e0)}[data-theme=dark] .solitaire-game{background:#0d3320;background:var(--game-bg,#0d3320)}[data-theme=dark] .solitaire-game__overlay-content{background:#2a2a3e;background:var(--surface-color,#2a2a3e)}[data-theme=dark] .solitaire-game__overlay-title,[data-theme=dark] .solitaire-game__stat-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .solitaire-game__btn--secondary{background:#3a3a4e;background:var(--secondary-bg,#3a3a4e);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.solitaire-game__header{padding:6px 8px}.solitaire-game__title{font-size:1rem}.solitaire-game__info-bar{gap:16px;padding:6px 12px}.solitaire-game__info-value{font-size:.875rem}.solitaire-game__action-bar{gap:6px}.solitaire-game__action-btn{font-size:.8rem;padding:8px 12px}.solitaire-game__overlay-content{padding:24px 16px}.solitaire-game__overlay-title{font-size:1.5rem}}.hangman-board{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:500px;width:100%}.hangman-board__category{align-items:center;background:#f0f4f8;background:var(--card-bg,#f0f4f8);border-radius:20px;display:flex;font-size:.9rem;gap:8px;padding:6px 16px}.hangman-board__category-label{color:#666;color:var(--text-secondary,#666);font-weight:500}.hangman-board__category-value{color:#1976d2;color:var(--primary-color,#1976d2);font-weight:600}.hangman-board__figure{aspect-ratio:200/220;max-width:220px;width:100%}.hangman-board__svg{color:#333;color:var(--text-primary,#333);height:auto;width:100%}.hangman-board__body-part{animation:hangmanAppear .4s ease-out}@keyframes hangmanAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hangman-board__guess-counter{align-items:center;display:flex;font-size:.95rem;gap:8px}.hangman-board__guess-label{color:#666;color:var(--text-secondary,#666)}.hangman-board__guess-value{color:#333;color:var(--text-primary,#333);font-weight:700;transition:color .3s ease}.hangman-board__guess-value--danger{color:#e74c3c;color:var(--error-color,#e74c3c)}.hangman-board__word{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:56px;padding:12px 0}.hangman-board__letter{align-items:center;border-bottom:3px solid #ccc;border-bottom:3px solid var(--border-color,#ccc);display:flex;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:36px}.hangman-board__letter--blank{color:#0000}.hangman-board__letter--revealed{animation:letterReveal .3s ease-out;border-bottom-color:#1976d2;border-bottom-color:var(--primary-color,#1976d2);color:#1976d2;color:var(--primary-color,#1976d2)}@keyframes letterReveal{0%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.hangman-board__keyboard{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:440px;padding:8px 0}.hangman-board__key{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:44px}.hangman-board__key:hover:not(:disabled){background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.hangman-board__key:active:not(:disabled){transform:translateY(0)}.hangman-board__key--correct{background:#d4edda;background:var(--success-bg,#d4edda);border-color:#28a745;border-color:var(--success-color,#28a745);color:#28a745;color:var(--success-color,#28a745);cursor:default;opacity:.8}.hangman-board__key--wrong{background:#f8d7da;background:var(--error-bg,#f8d7da);border-color:#dc3545;border-color:var(--error-color,#dc3545);color:#dc3545;color:var(--error-color,#dc3545);cursor:default;opacity:.6;text-decoration:line-through}.hangman-board__key:disabled{cursor:default}@media (max-width:480px){.hangman-board__letter{font-size:1.2rem;height:36px;width:28px}.hangman-board__word{gap:5px}.hangman-board__keyboard{gap:4px}.hangman-board__key{border-radius:6px;font-size:.85rem;height:36px;min-height:36px;min-width:36px;width:36px}.hangman-board__figure{max-width:180px}}[data-theme=dark] .hangman-board__category{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .hangman-board__key,[data-theme=dark] .hangman-board__svg{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .hangman-board__key{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .hangman-board__key:hover:not(:disabled){background:#1976d226;border-color:#42a5f5}[data-theme=dark] .hangman-board__key--correct{background:#28a74533;border-color:#28a745;color:#5cb85c}[data-theme=dark] .hangman-board__key--wrong{background:#dc354533;border-color:#dc3545;color:#e57373}[data-theme=dark] .hangman-board__letter{border-bottom-color:#555;border-bottom-color:var(--border-color,#555)}[data-theme=dark] .hangman-board__letter--revealed{border-bottom-color:#42a5f5;color:#42a5f5}.hangman-mode-selector{margin:0 auto;max-width:520px;padding:24px;text-align:center}.hangman-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.hangman-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0 0 24px}.hangman-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.hangman-mode-selector__setting{margin-bottom:24px;text-align:left}.hangman-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px;text-align:center}.hangman-mode-selector__options{display:flex;flex-direction:column;gap:12px}.hangman-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 20px;transition:all .2s ease}.hangman-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.hangman-mode-selector__option--active{background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 0 0 1px #1976d2;box-shadow:0 0 0 1px var(--primary-color,#1976d2)}.hangman-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:600}.hangman-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.hangman-mode-selector__option-detail{color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-style:italic}.hangman-mode-selector__categories{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hangman-mode-selector__category{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:12px 8px;transition:all .2s ease}.hangman-mode-selector__category:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.hangman-mode-selector__category--active{background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 0 0 1px #1976d2;box-shadow:0 0 0 1px var(--primary-color,#1976d2)}.hangman-mode-selector__category-icon{font-size:1.5rem}.hangman-mode-selector__category-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.8rem;font-weight:600}.hangman-mode-selector__start{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.hangman-mode-selector__start:hover{background:#1565c0;background:var(--primary-hover,#1565c0);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}@media (max-width:480px){.hangman-mode-selector__categories{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.hangman-mode-selector__category{padding:10px 6px}.hangman-mode-selector__category-icon{font-size:1.3rem}.hangman-mode-selector__category-name{font-size:.75rem}}[data-theme=dark] .hangman-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .hangman-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .hangman-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .hangman-mode-selector__option--active{background:#1976d226;border-color:#42a5f5}[data-theme=dark] .hangman-mode-selector__category{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .hangman-mode-selector__category:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .hangman-mode-selector__category--active{background:#1976d226;border-color:#42a5f5}[data-theme=dark] .hangman-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}[data-theme=dark] .hangman-mode-selector__category-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.hangman-game{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100%;padding:16px}.hangman-game__header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.hangman-game__exit-btn{background:none;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.9rem;min-height:44px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.hangman-game__exit-btn:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2);color:#1976d2;color:var(--primary-color,#1976d2)}.hangman-game__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1.25rem;font-weight:700;margin:0;text-align:center}.hangman-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px}.hangman-game__info-bar{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-radius:12px;display:flex;gap:24px;justify-content:center;max-width:400px;padding:10px 20px;width:100%}.hangman-game__info-item{align-items:center;display:flex;flex-direction:column;gap:2px}.hangman-game__info-label{color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hangman-game__info-value{color:#333;color:var(--text-primary,#333);font-size:1rem;font-weight:700}.hangman-game__timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hangman-game__board-area{width:100%}.hangman-game__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hangman-game__action-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:10px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;min-height:44px;padding:10px 18px;transition:all .2s ease}.hangman-game__action-btn:hover:not(:disabled){background:#e3f2fd;background:var(--primary-light,#e3f2fd);border-color:#1976d2;border-color:var(--primary-color,#1976d2);transform:translateY(-1px)}.hangman-game__action-btn--disabled,.hangman-game__action-btn:disabled{cursor:default;opacity:.5}.hangman-game__action-icon{font-size:1.1rem}.hangman-game__action-text{font-size:.85rem}.hangman-game__overlay{align-items:center;animation:hangmanOverlayIn .3s ease-out;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes hangmanOverlayIn{0%{opacity:0}to{opacity:1}}.hangman-game__overlay-content{animation:hangmanOverlaySlide .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:32px 28px;text-align:center;width:100%}@keyframes hangmanOverlaySlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hangman-game__overlay-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 16px}.hangman-game__overlay-word{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.hangman-game__overlay-word-label{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.hangman-game__overlay-word-value{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.5rem;font-weight:700;letter-spacing:4px;text-transform:uppercase}.hangman-game__overlay-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.hangman-game__stat{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px}.hangman-game__stat-label{color:#888;color:var(--text-secondary,#888);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.hangman-game__stat-value{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:700}.hangman-game__overlay-actions{display:flex;flex-direction:column;gap:10px}.hangman-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:12px 20px;transition:all .2s ease;width:100%}.hangman-game__btn--primary{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.hangman-game__btn--primary:hover{background:#1565c0;background:var(--primary-hover,#1565c0);transform:translateY(-1px)}.hangman-game__btn--secondary{background:#f0f0f0;background:var(--card-bg,#f0f0f0);color:#333;color:var(--text-primary,#333)}.hangman-game__btn--secondary:hover{background:#e0e0e0;background:var(--card-hover-bg,#e0e0e0)}.hangman-game__btn--outline{background:#0000;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#666;color:var(--text-secondary,#666)}.hangman-game__btn--outline:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#666;border-color:var(--text-secondary,#666)}@media (max-width:480px){.hangman-game{padding:12px}.hangman-game__info-bar{gap:16px;padding:8px 12px}.hangman-game__overlay-content{padding:24px 20px}}[data-theme=dark] .hangman-game__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .hangman-game__exit-btn{border-color:#444;border-color:var(--border-color,#444);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .hangman-game__exit-btn:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .hangman-game__action-btn,[data-theme=dark] .hangman-game__info-bar{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .hangman-game__action-btn{border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .hangman-game__action-btn:hover:not(:disabled){background:#1976d226;border-color:#42a5f5}[data-theme=dark] .hangman-game__overlay-content{background:#1e1e2e;background:var(--card-bg,#1e1e2e)}[data-theme=dark] .hangman-game__btn--secondary,[data-theme=dark] .hangman-game__stat{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .hangman-game__btn--secondary{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .hangman-game__btn--outline{border-color:#444;border-color:var(--border-color,#444);color:#aaa;color:var(--text-secondary,#aaa)}.dots-board{background-color:#f0f0f0;background-color:var(--dots-board-bg,#f0f0f0);border:3px solid #ccc;border:3px solid var(--dots-board-border,#ccc);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:inline-flex;flex-direction:column;gap:0;padding:12px;-webkit-user-select:none;user-select:none}.dots-board__dot-row,.dots-board__line-row{align-items:center;display:flex}.dots-board__dot{background-color:#333;background-color:var(--dots-dot-color,#333);border-radius:50%;box-shadow:0 1px 3px #0000004d;flex-shrink:0;height:16px;width:16px;z-index:2}.dots-board__line{border:none;cursor:pointer;flex-shrink:0;padding:0;position:relative;transition:background-color .15s ease,opacity .15s ease,transform .1s ease}.dots-board__line:focus-visible{outline:2px solid #1976d2;outline:2px solid var(--dots-focus-color,#1976d2);outline-offset:2px;z-index:3}.dots-board__line--horizontal{border-radius:5px;height:10px;min-height:10px;min-width:44px;width:48px}.dots-board__line--vertical{border-radius:5px;height:48px;margin:0 3px;min-height:44px;min-width:10px;width:10px}.dots-board__line--undrawn{background-color:#0000001a;background-color:var(--dots-line-undrawn,#0000001a)}.dots-board__line--undrawn:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.dots-board__line--drawn{box-shadow:0 1px 2px #0003;cursor:default}.dots-board__line--hovered{opacity:.6}.dots-board__line--disabled{cursor:default}.dots-board__line--disabled.dots-board__line--undrawn{opacity:.5}.dots-board__box{align-items:center;border-radius:2px;display:flex;height:48px;justify-content:center;transition:background-color .3s ease;width:48px}.dots-board__box--claimed{animation:dots-box-claim .4s ease-out}@keyframes dots-box-claim{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.dots-board__box-initial{font-size:1.2rem;font-weight:700;opacity:.8;text-transform:uppercase}@media (max-width:768px){.dots-board{padding:8px}.dots-board__dot{height:14px;width:14px}.dots-board__line--horizontal{height:8px;width:40px}.dots-board__line--vertical{height:40px;margin:0 3px;width:8px}.dots-board__box{height:40px;width:40px}.dots-board__box-initial{font-size:1rem}}@media (max-width:400px){.dots-board{padding:6px}.dots-board__dot{height:12px;width:12px}.dots-board__line--horizontal{height:7px;width:32px}.dots-board__line--vertical{height:32px;margin:0 2.5px;width:7px}.dots-board__box{height:32px;width:32px}.dots-board__box-initial{font-size:.85rem}}[data-theme=dark] .dots-board{--dots-board-bg:#1e1e2e;--dots-board-border:#333;--dots-dot-color:#ccc;--dots-line-undrawn:#ffffff1f;--dots-focus-color:#90caf9}.dots-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.dots-mode-selector__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 8px}.dots-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0 0 24px}.dots-mode-selector__info{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;justify-content:center;line-height:1.5;margin:0 0 16px}.dots-mode-selector__guest-banner{background-color:#fff3cd;background-color:var(--banner-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--banner-text,#856404);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 16px}.dots-mode-selector__options{display:flex;flex-direction:column;gap:12px}.dots-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:44px;padding:16px 20px;text-align:left;transition:all .2s ease}.dots-mode-selector__option:hover{background:#f5f5f5;background:var(--card-hover-bg,#f5f5f5);border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.dots-mode-selector__option-icon{flex-shrink:0;font-size:1.5rem}.dots-mode-selector__option-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:1.1rem;font-weight:600}.dots-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem}.dots-mode-selector__back{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-block;font-size:.95rem;margin-bottom:16px;min-height:44px;min-width:44px;padding:8px 0}.dots-mode-selector__back:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.dots-mode-selector__setting{margin-bottom:20px;text-align:left}.dots-mode-selector__label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.dots-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.dots-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;min-width:80px;padding:10px 16px;transition:all .2s ease}.dots-mode-selector__btn--active,.dots-mode-selector__btn:hover{border-color:#2196f3;border-color:var(--primary-color,#2196f3)}.dots-mode-selector__btn--active{background:#2196f3;background:var(--primary-color,#2196f3);color:#fff}.dots-mode-selector__player-colors{margin-bottom:16px}.dots-mode-selector__color-chip{border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 10px}.dots-mode-selector__color-chip--blue{background-color:#2196f3}.dots-mode-selector__color-chip--red{background-color:#f44336}.dots-mode-selector__color-chip--green{background-color:#4caf50}.dots-mode-selector__color-chip--orange{background-color:#ff9800}.dots-mode-selector__start{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;min-height:48px;padding:14px 24px;transition:all .2s ease;width:100%}.dots-mode-selector__start:hover{background:#1976d2;background:var(--primary-hover,#1976d2);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.dots-mode-selector__online-options{margin-top:16px}.dots-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.9rem;margin:20px 0}.dots-mode-selector__divider:after,.dots-mode-selector__divider:before{background:#e0e0e0;background:var(--border-color,#e0e0e0);content:"";flex:1 1;height:1px}.dots-mode-selector__divider span{padding:0 12px}.dots-mode-selector__join{display:flex;gap:8px}.dots-mode-selector__room-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 16px;text-align:center;text-transform:uppercase}.dots-mode-selector__room-input:focus{border-color:#2196f3;border-color:var(--primary-color,#2196f3);outline:none}.dots-mode-selector__join-btn{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;padding:10px 20px;transition:all .2s ease}.dots-mode-selector__join-btn:hover:not(:disabled){background:#1976d2;background:var(--primary-hover,#1976d2)}.dots-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .dots-mode-selector__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .dots-mode-selector__option{background:#2a2a3e;background:var(--card-bg,#2a2a3e);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .dots-mode-selector__option:hover{background:#333;background:var(--card-hover-bg,#333)}[data-theme=dark] .dots-mode-selector__btn{background:#2a2a3e;background:var(--card-bg,#2a2a3e)}[data-theme=dark] .dots-mode-selector__btn,[data-theme=dark] .dots-mode-selector__room-input{border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .dots-mode-selector__room-input{background:#2a2a3e;background:var(--input-bg,#2a2a3e)}[data-theme=dark] .dots-mode-selector__guest-banner{background-color:#3d3200;color:#ffc107}.dots-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-direction:column;min-height:100vh}.dots-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:12px 20px}.dots-game__exit-btn{background:none;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.95rem;min-height:44px;min-width:44px;padding:8px 12px;transition:all .2s ease}.dots-game__exit-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.dots-game__title{font-size:1.25rem;font-weight:700;margin:0}.dots-game__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.dots-game__score-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:600px;padding:12px 24px;width:100%}.dots-game__score{align-items:center;border-radius:8px;display:flex;gap:8px;opacity:.6;padding:8px 16px;transition:all .3s ease}.dots-game__score--active{background:#2196f31a;background:var(--score-active-bg,#2196f31a);box-shadow:0 0 0 2px #2196f3;box-shadow:0 0 0 2px var(--primary-color,#2196f3);opacity:1}.dots-game__score-emoji{font-size:1.2rem}.dots-game__score-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:500}.dots-game__score-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;min-width:24px;text-align:center}.dots-game__turn-text{color:#666;color:var(--text-secondary,#666);font-size:.95rem;font-weight:600;text-align:center}.dots-game__board-area{display:flex;justify-content:center}.dots-game__info{color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:20px}.dots-game__overlay{align-items:center;animation:dots-overlay-in .3s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes dots-overlay-in{0%{opacity:0}to{opacity:1}}.dots-game__overlay-content{animation:dots-overlay-content-in .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:32px;text-align:center;width:100%}@keyframes dots-overlay-content-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dots-game__overlay-title{font-size:1.75rem;font-weight:700;margin:0 0 12px}.dots-game__overlay-winner{font-size:1.2rem;font-weight:600;margin:0 0 16px}.dots-game__overlay-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dots-game__final-score-item{align-items:center;display:flex;font-size:1.1rem;gap:8px;justify-content:center}.dots-game__final-score-name{font-weight:600;min-width:60px;text-align:left}.dots-game__final-score-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:700}.dots-game__overlay-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.dots-game__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.dots-game__stat-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem}.dots-game__stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:700}.dots-game__overlay-actions{display:flex;gap:12px;justify-content:center}.dots-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:120px;padding:12px 24px;transition:all .2s ease}.dots-game__btn--primary{background:#2196f3;background:var(--primary-color,#2196f3);color:#fff}.dots-game__btn--primary:hover{background:#1976d2;background:var(--primary-hover,#1976d2);transform:translateY(-1px)}.dots-game__btn--secondary{background:#e0e0e0;background:var(--secondary-btn-bg,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.dots-game__btn--secondary:hover{background:#d0d0d0;background:var(--secondary-btn-hover,#d0d0d0);transform:translateY(-1px)}@media (max-width:768px){.dots-game__score-bar{gap:8px;padding:10px 12px}.dots-game__score{gap:4px;padding:6px 10px}.dots-game__score-value{font-size:1.25rem}.dots-game__overlay-content{padding:24px}.dots-game__overlay-actions{flex-direction:column}.dots-game__btn{width:100%}}[data-theme=dark] .dots-game{--bg-primary:#121212;--header-bg:#1e1e2e;--card-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#999;--border-color:#333;--hover-bg:#2a2a3e;--score-active-bg:#2196f333;--secondary-btn-bg:#333;--secondary-btn-hover:#444}[data-theme=dark] .dots-game__overlay{background:#000000bf}.rummy-board{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:900px;min-height:60vh;padding:16px}.rummy-board__opponents{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rummy-board__opponent{align-items:center;background:#f0f0f0;background:var(--card-bg,#f0f0f0);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:8px 16px;transition:border-color .3s,box-shadow .3s}.rummy-board__opponent--active{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 0 8px #4caf5066}.rummy-board__opponent--inactive{opacity:.5}.rummy-board__opponent-name{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600}.rummy-board__opponent-cards{font-size:16px;margin:4px 0}.rummy-board__opponent-count{color:#666;color:var(--text-secondary,#666)}.rummy-board__opponent-status{font-size:12px}.rummy-board__opponent-score{color:#666;color:var(--text-secondary,#666);font-size:12px}.rummy-board__center{align-items:center;background:#1a6b3c;background:var(--table-bg,#1a6b3c);border-radius:16px;display:flex;gap:24px;justify-content:center;min-height:140px;padding:20px;position:relative}.rummy-board__pile,.rummy-board__pile-btn{align-items:center;display:flex;flex-direction:column}.rummy-board__pile-btn{background:none;border:none;border-radius:8px;cursor:pointer;gap:4px;padding:4px;transition:transform .2s,box-shadow .2s}.rummy-board__pile-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-4px)}.rummy-board__pile-btn:disabled{cursor:not-allowed;opacity:.6}.rummy-board__pile-label{color:#fffc;font-size:12px;font-weight:500}.rummy-board__wild-joker{align-items:center;background:#ffd70026;border:2px solid #ffd70080;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.rummy-board__wild-label{color:gold;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rummy-board__wild-card{box-shadow:0 0 8px #ffd70080}.rummy-board__turn-indicator{border-radius:8px;font-size:16px;font-weight:600;padding:8px 16px;text-align:center}.rummy-board__your-turn{color:#4caf50;color:var(--success-color,#4caf50)}.rummy-board__waiting{color:#ff9800;color:var(--warning-color,#ff9800)}.rummy-board__hand-area{align-items:center;display:flex;flex-direction:column;gap:12px}.rummy-board__hand{background:#0000000d;background:var(--hand-bg,#0000000d);border-radius:12px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;min-height:100px;padding:12px}.rummy-board__hand-card{margin:0 -6px;transition:transform .2s,margin-top .2s}.rummy-board__hand-card:hover{transform:translateY(-8px);z-index:10}.rummy-board__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rummy-board__action-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;min-height:44px;min-width:44px;padding:8px 16px;transition:all .2s}.rummy-board__action-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.rummy-board__action-btn:disabled{cursor:not-allowed;opacity:.5}.rummy-board__action-btn--declare{background:#4caf50;background:var(--success-color,#4caf50);border-color:#4caf50;border-color:var(--success-color,#4caf50);color:#fff}.rummy-board__action-btn--discard{background:#ff9800;background:var(--warning-color,#ff9800);border-color:#ff9800;border-color:var(--warning-color,#ff9800);color:#fff}.rummy-board__action-btn--drop{background:#f44336;background:var(--danger-color,#f44336);border-color:#f44336;border-color:var(--danger-color,#f44336);color:#fff}.rummy-board__melds{background:#f8f8f8;background:var(--card-bg,#f8f8f8);border:2px solid #4caf50;border:2px solid var(--success-color,#4caf50);border-radius:12px;padding:12px}.rummy-board__melds-title{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin:0 0 8px}.rummy-board__melds-list{display:flex;flex-wrap:wrap;gap:12px}.rummy-board__meld{background:#00000008;background:var(--meld-bg,#00000008);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.rummy-board__meld--pure{background:#4caf500d;border-color:#4caf50;border-color:var(--success-color,#4caf50)}.rummy-board__meld-label{color:#666;color:var(--text-secondary,#666);font-size:11px;font-weight:600;text-transform:uppercase}.rummy-board__meld-cards{display:flex;gap:2px}.rummy-card{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 1px 3px #0000001f;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.rummy-card--small{font-size:12px;height:56px;width:40px}.rummy-card--medium{font-size:16px;height:78px;width:56px}.rummy-card--large{font-size:18px;height:90px;width:64px}.rummy-card--red{color:#d32f2f}.rummy-card--black{color:#212121}.rummy-card--face-down{background:linear-gradient(135deg,#1565c0,#0d47a1);border-color:#0d47a1;color:#fff}.rummy-card__back{font-size:1.5em}.rummy-card--joker{background:linear-gradient(135deg,#ffd54f,#ffb300);border-color:#ff8f00}.rummy-card__joker-icon{font-size:1.2em}.rummy-card__joker-text{font-size:.6em;font-weight:700}.rummy-card--selected{border-color:#2196f3;box-shadow:0 4px 12px #2196f366;transform:translateY(-12px)}.rummy-card--wild{border-color:gold;box-shadow:0 0 6px #ffd70099}.rummy-card__rank{font-weight:700;line-height:1}.rummy-card__suit{line-height:1}.rummy-card__wild-badge{align-items:center;background:gold;border-radius:50%;color:#333;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:2px;top:2px;width:14px}.rummy-card--empty{background:#ffffff1a;border:2px dashed #ffffff4d;color:#ffffff80;font-size:12px}[data-theme=dark] .rummy-board__center{background:#0d4a26}[data-theme=dark] .rummy-board__opponent{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .rummy-card{background:#1e1e1e;border-color:#444}[data-theme=dark] .rummy-card--face-down{background:linear-gradient(135deg,#1a237e,#0d1b5e)}[data-theme=dark] .rummy-card--red{color:#ef5350}[data-theme=dark] .rummy-card--black{color:#e0e0e0}[data-theme=dark] .rummy-board__action-btn{background:#2a2a2a;border-color:#555;color:#e0e0e0}[data-theme=dark] .rummy-board__hand{background:#ffffff0d}[data-theme=dark] .rummy-board__melds{background:#1e1e1e}@media (max-width:768px){.rummy-board{gap:10px;padding:8px}.rummy-board__center{gap:12px;min-height:100px;padding:12px}.rummy-card--large{font-size:14px;height:68px;width:48px}.rummy-card--medium{font-size:13px;height:62px;width:44px}.rummy-card--small{font-size:10px;height:45px;width:32px}.rummy-board__hand-card{margin:0 -8px}.rummy-board__opponents{gap:6px}.rummy-board__opponent{min-width:70px;padding:4px 8px}.rummy-board__opponent-name{font-size:12px}.rummy-board__action-btn{font-size:12px;padding:6px 10px}}.rummy-mode-selector{margin:0 auto;max-width:480px;padding:24px;text-align:center}.rummy-mode-selector__title{color:#333;color:var(--text-primary,#333);font-size:28px;font-weight:700;margin:0 0 8px}.rummy-mode-selector__subtitle{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0 0 24px}.rummy-mode-selector__guest-banner{background:#fff3cd;background:var(--warning-bg,#fff3cd);border-radius:8px;color:#856404;color:var(--warning-text,#856404);font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 16px}.rummy-mode-selector__options{display:flex;flex-direction:column;gap:12px}.rummy-mode-selector__option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:20px;transition:all .2s}.rummy-mode-selector__option:hover{border-color:#2196f3;border-color:var(--accent-color,#2196f3);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rummy-mode-selector__option-icon{font-size:32px}.rummy-mode-selector__option-label{color:#333;color:var(--text-primary,#333);font-size:18px;font-weight:600}.rummy-mode-selector__option-desc{color:#666;color:var(--text-secondary,#666);font-size:13px}.rummy-mode-selector__back{background:none;border:none;color:#2196f3;color:var(--accent-color,#2196f3);cursor:pointer;font-size:14px;margin-bottom:12px;min-height:44px;min-width:44px;padding:8px}.rummy-mode-selector__back:hover{text-decoration:underline}.rummy-mode-selector__setting{margin-bottom:20px;text-align:left}.rummy-mode-selector__label{color:#333;color:var(--text-primary,#333);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.rummy-mode-selector__button-group{display:flex;flex-wrap:wrap;gap:8px}.rummy-mode-selector__btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-width:44px;padding:8px 16px;transition:all .2s}.rummy-mode-selector__btn:hover{border-color:#2196f3;border-color:var(--accent-color,#2196f3)}.rummy-mode-selector__btn--active{border-color:#2196f3;border-color:var(--accent-color,#2196f3)}.rummy-mode-selector__btn--active,.rummy-mode-selector__start{background:#2196f3;background:var(--accent-color,#2196f3);color:#fff}.rummy-mode-selector__start{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;min-height:44px;padding:14px 24px;transition:all .2s;width:100%}.rummy-mode-selector__start:hover{background:#1976d2;background:var(--accent-hover,#1976d2);transform:translateY(-1px)}.rummy-mode-selector__note{color:#999;color:var(--text-secondary,#999);font-size:12px;margin-top:16px}.rummy-mode-selector__online-options{display:flex;flex-direction:column;gap:16px}.rummy-mode-selector__divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:14px;gap:12px}.rummy-mode-selector__divider:after,.rummy-mode-selector__divider:before{background:#ddd;background:var(--border-color,#ddd);content:"";flex:1 1;height:1px}.rummy-mode-selector__join{display:flex;gap:8px}.rummy-mode-selector__room-input{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-primary,#333);flex:1 1;font-size:16px;font-weight:600;letter-spacing:2px;min-height:44px;padding:10px 14px;text-align:center;text-transform:uppercase}.rummy-mode-selector__room-input:focus{border-color:#2196f3;border-color:var(--accent-color,#2196f3);outline:none}.rummy-mode-selector__join-btn{background:#4caf50;background:var(--success-color,#4caf50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;padding:10px 20px;transition:background .2s}.rummy-mode-selector__join-btn:hover:not(:disabled){background:#388e3c;background:var(--success-hover,#388e3c)}.rummy-mode-selector__join-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .rummy-mode-selector__option{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .rummy-mode-selector__btn,[data-theme=dark] .rummy-mode-selector__room-input{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.rummy-mode-selector{padding:16px}.rummy-mode-selector__title{font-size:24px}.rummy-mode-selector__option{padding:14px}}.rummy-game{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);display:flex;flex-direction:column;min-height:100vh;position:relative}.rummy-game__header{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;min-height:48px;padding:8px 16px}.rummy-game__exit-btn{background:none;border:none;border-radius:8px;color:#2196f3;color:var(--accent-color,#2196f3);cursor:pointer;font-size:14px;min-height:44px;min-width:44px;padding:8px;transition:background .2s}.rummy-game__exit-btn:hover{background:#2196f314;background:var(--hover-bg,#2196f314)}.rummy-game__title{color:#333;color:var(--text-primary,#333);flex:1 1;font-size:18px;font-weight:700;margin:0}.rummy-game__round{background:#0000000d;background:var(--badge-bg,#0000000d);border-radius:12px;color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:500;padding:4px 12px}.rummy-game__content{flex:1 1;overflow-y:auto;padding:8px}.rummy-game__overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.rummy-game__overlay-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;padding:32px;text-align:center;width:100%}.rummy-game__overlay-title{color:#333;color:var(--text-primary,#333);font-size:28px;font-weight:700;margin:0 0 8px}.rummy-game__overlay-winner{color:#4caf50;color:var(--success-color,#4caf50);font-size:22px;font-weight:600;margin:0 0 20px}.rummy-game__overlay-scores{margin-bottom:20px;text-align:left}.rummy-game__overlay-scores h3{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin:0 0 8px}.rummy-game__score-row{align-items:center;background:#00000008;background:var(--row-bg,#00000008);border-radius:6px;display:flex;gap:8px;margin-bottom:4px;padding:6px 12px}.rummy-game__score-name{color:#333;color:var(--text-primary,#333);flex:1 1;font-weight:500}.rummy-game__score-value{color:#2196f3;color:var(--accent-color,#2196f3);font-weight:700}.rummy-game__score-status{font-size:16px}.rummy-game__overlay-melds{margin-bottom:16px;text-align:left}.rummy-game__overlay-melds h4{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;margin:0 0 8px}.rummy-game__melds-display{display:flex;flex-direction:column;gap:4px}.rummy-game__meld-group{align-items:center;background:#4caf500d;background:var(--meld-bg,#4caf500d);border-left:3px solid #4caf50;border-left:3px solid var(--success-color,#4caf50);border-radius:6px;display:flex;gap:8px;padding:4px 8px}.rummy-game__meld-type{color:#666;color:var(--text-secondary,#666);font-size:11px;font-weight:600;min-width:60px;text-transform:uppercase}.rummy-game__meld-cards-text{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500}.rummy-game__overlay-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.rummy-game__btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;min-height:44px;min-width:44px;padding:12px 24px;transition:all .2s}.rummy-game__btn--primary{background:#2196f3;background:var(--accent-color,#2196f3);color:#fff}.rummy-game__btn--primary:hover{background:#1976d2;background:var(--accent-hover,#1976d2);transform:translateY(-1px)}.rummy-game__btn--secondary{background:#e0e0e0;background:var(--secondary-bg,#e0e0e0);color:#333;color:var(--text-primary,#333)}.rummy-game__btn--secondary:hover{background:#bdbdbd;background:var(--secondary-hover,#bdbdbd)}[data-theme=dark] .rummy-game{background:#121212;background:var(--bg-primary,#121212)}[data-theme=dark] .rummy-game__header{background:#1e1e1e;background:var(--header-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .rummy-game__overlay-content{background:#2a2a2a;background:var(--card-bg,#2a2a2a)}[data-theme=dark] .rummy-game__btn--secondary{background:#444;color:#e0e0e0}@media (max-width:768px){.rummy-game__header{padding:6px 10px}.rummy-game__title{font-size:16px}.rummy-game__overlay-content{padding:20px}.rummy-game__overlay-title{font-size:22px}.rummy-game__overlay-actions{flex-direction:column}}.pinball-board-container{align-items:center;background:#000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.pinball-canvas{display:block;max-height:100%;max-width:100%;touch-action:none}@media (max-width:768px) and (orientation:portrait){.pinball-board-container{height:calc(100vh - 60px)}}@media (min-width:769px){.pinball-board-container{height:calc(100vh - 80px);margin:0 auto;max-width:500px}}.pinball-hud{background:#0009;border:1px solid #00ffff1f;border-radius:4px;color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace;gap:8px;min-width:180px;padding:14px;position:relative}.pinball-hud:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hud-score-section{border-bottom:1px solid #00ffff1a;padding-bottom:10px;text-align:center}.hud-score{display:flex;flex-direction:column}.hud-label{color:#666;font-size:9px;letter-spacing:3px;text-transform:uppercase}.hud-value{color:#fa0;font-size:22px;font-weight:700;text-shadow:0 0 10px #fa06}.hud-value-small{color:#0ff;font-size:14px;text-shadow:0 0 6px #00ffff4d}.hud-new-high-score{animation:blink .5s infinite;color:#f0f;font-size:10px;letter-spacing:2px;margin-top:4px;text-shadow:0 0 8px #ff00ff80}.hud-high-score{display:flex;flex-direction:column;margin-top:4px}.hud-info-section{display:flex;gap:8px;justify-content:space-between}.hud-ball,.hud-bonus,.hud-multiplier{align-items:center;display:flex;flex-direction:column}.hud-indicators{display:flex;flex-direction:column;gap:4px}.hud-indicator{border-radius:2px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:4px 8px;text-align:center;text-transform:uppercase}.hud-indicator.ball-save{background:#00ff0014;border:1px solid #0f86;color:#0f8;text-shadow:0 0 6px #0f86}.hud-indicator.multiball{animation:pulse .5s infinite;background:#ffaa0014;border:1px solid #fa06;color:#fa0;text-shadow:0 0 6px #fa06}.hud-indicator.tilt-warning{animation:blink .3s infinite;background:#ffc80014;border:1px solid #fc06;color:#fc0}.hud-indicator.tilt{background:#ff00001a;border:1px solid #ff334480;color:#f34;font-size:12px;text-shadow:0 0 8px #ff334480}.hud-indicator.combo{background:#00ffff14;border:1px solid #0ff6;color:#0ff;text-shadow:0 0 6px #0ff6}@media (max-width:768px){.pinball-hud{align-items:center;border-left:none;border-radius:0;border-right:none;border-top:none;flex-direction:row;justify-content:space-between;left:0;min-width:0;min-width:auto;padding:6px 12px;position:absolute;right:0;top:0;z-index:10}.hud-score-section{border-bottom:none;padding-bottom:0}.hud-value{font-size:16px}.hud-info-section{gap:12px}.hud-indicators{flex-direction:row;gap:4px}}.table-selector{margin:0 auto;max-width:800px;padding:24px}.table-selector-header{margin-bottom:24px;text-align:center}.table-selector-header h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;margin:0 0 8px}.table-selector-header p{color:#aaa;color:var(--text-secondary,#aaa);margin:0}.table-selector-back{background:none;border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:4px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;margin-bottom:16px;padding:8px 16px}.table-selector-back:hover{background:#ffffff1a}.table-selector-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.table-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border:2px solid #444;border:2px solid var(--border-color,#444);border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s}.table-card:hover{border-color:#fd0;border-color:var(--accent-color,#fd0);transform:translateY(-4px)}.table-card-preview{align-items:center;display:flex;height:120px;justify-content:center}.table-card-icon{font-size:48px}.table-card-info{padding:12px 16px}.table-card-info h3{color:#fff;color:var(--text-primary,#fff);font-size:16px;margin:0 0 4px}.table-card-info p{color:#aaa;color:var(--text-secondary,#aaa);font-size:13px;line-height:1.4;margin:0}@media (max-width:480px){.table-selector-grid{grid-template-columns:1fr}}.high-score-table{background:#000000e6;border:2px solid #fd0;border-radius:8px;color:#fff;font-family:Courier New,monospace;margin:0 auto;max-width:320px;padding:16px}.high-score-table h3{color:#fd0;font-size:18px;letter-spacing:3px;margin:0 0 12px;text-align:center}.initials-form{border-bottom:1px solid #fff3;margin-bottom:16px;padding-bottom:12px;text-align:center}.initials-prompt{animation:blink .5s infinite;color:#f44;font-weight:700;margin:0 0 8px}.initials-input-row{align-items:center;display:flex;gap:8px;justify-content:center}.initials-input{background:#111;border:2px solid #fd0;border-radius:4px;color:#fd0;font-family:Courier New,monospace;font-size:24px;letter-spacing:8px;padding:4px;text-align:center;width:80px}.initials-submit{background:#fd0;border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;padding:8px 16px}.initials-submit:disabled{cursor:not-allowed;opacity:.5}.scores-table{border-collapse:collapse;width:100%}.scores-table th{border-bottom:1px solid #fff3;color:#aaa;font-size:11px;padding:4px 8px;text-align:left}.scores-table td{font-size:14px;padding:6px 8px}.scores-table tr.current-score td{color:#fd0;font-weight:700}.scores-table .no-scores{color:#666;padding:16px;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pinball-mode-selector{margin:0 auto;max-width:420px;padding:48px 24px;text-align:center}.mode-selector-header h2{color:#fff;font-size:32px;font-weight:700;letter-spacing:4px;margin:0 0 8px;text-shadow:0 0 15px #00ffff4d}.mode-selector-header h2,.mode-selector-header p{font-family:Courier New,monospace;text-transform:uppercase}.mode-selector-header p{color:#777;font-size:12px;letter-spacing:2px;margin:0 0 32px}.mode-selector-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mode-option{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .15s ease}.mode-option:hover{background:#00ffff08;border-color:#00ffff80;box-shadow:0 0 20px #00ffff1a;transform:translateY(-1px)}.mode-option.primary{background:#00ffff08;border-color:#0ff6;box-shadow:0 0 15px #00ffff0d}.mode-option.primary:hover{border-color:#0ff;box-shadow:0 0 25px #0ff3}.mode-icon{align-items:center;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;width:44px}.mode-text{display:flex;flex-direction:column}.mode-title{color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.mode-desc{color:#666;letter-spacing:.5px;margin-top:4px}.guest-info,.mode-desc{font-family:Courier New,monospace;font-size:11px}.guest-info{color:#fa0;letter-spacing:1px;margin-bottom:16px;text-shadow:0 0 8px #ffaa004d}.mode-back-button{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#888;cursor:pointer;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:2px;padding:10px 24px;text-transform:uppercase;transition:all .15s ease}.mode-back-button:hover{border-color:#ffffff4d;color:#fff}.pinball-game{background:#0a0a1a;background-image:radial-gradient(ellipse at 50% 0,#00ffff08 0,#0000 60%),linear-gradient(180deg,#0a0a1a,#0d0d24);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;height:100vh;outline:none;overflow:hidden;width:100%}.pinball-game-layout{display:flex;height:100%;position:relative;width:100%}.pinball-game-main{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.pinball-game-sidebar{background:linear-gradient(180deg,#0006,#0003);border-left:1px solid #00ffff1a;display:flex;flex-direction:column;gap:16px;padding:16px;width:220px}.pinball-launch-prompt{animation:launchPulse 1.5s ease-in-out infinite;bottom:80px;left:50%;position:absolute;transform:translateX(-50%);z-index:50}.launch-prompt-text{background:#000000d9;border:2px solid #0ff;border-radius:4px;box-shadow:0 0 20px #0ff3,inset 0 0 20px #00ffff0d;color:#0ff;display:inline-block;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;padding:12px 24px;text-shadow:0 0 8px #0ff9;text-transform:uppercase}@keyframes launchPulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.03)}}.pinball-pause-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.pause-content{text-align:center}.pause-content h2{color:#fa0;font-family:Courier New,monospace;font-size:48px;letter-spacing:12px;margin:0 0 24px;text-shadow:0 0 20px #ffaa0080}.quit-button,.resume-button{border:2px solid;border-radius:4px;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:2px;margin:10px auto;padding:12px 24px;text-transform:uppercase;transition:all .15s ease;width:200px}.resume-button{background:#0000;border-color:#0ff;box-shadow:0 0 10px #0ff3;color:#0ff}.resume-button:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6}.quit-button{background:#0000;border-color:#f46;box-shadow:0 0 10px #ff44661a;color:#f46}.quit-button:hover{background:#ff44661a;box-shadow:0 0 20px #ff44664d}.pinball-game-over{align-items:center;background:radial-gradient(ellipse at center,#ff00500d 0,#0000 60%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px}.pinball-game-over h2{color:#f46;font-family:Courier New,monospace;font-size:42px;letter-spacing:10px;margin:0 0 16px;text-shadow:0 0 20px #ff446680;text-transform:uppercase}.final-score{align-items:center;background:#00000080;border:1px solid #ffaa004d;border-radius:4px;display:flex;flex-direction:column;margin-bottom:32px;padding:20px 40px}.final-score-label{color:#888;font-family:Courier New,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase}.final-score-value{color:#fa0;font-family:Courier New,monospace;font-size:40px;font-weight:700;text-shadow:0 0 15px #ffaa0080}.game-over-actions{gap:16px;margin-top:24px}.back-to-hub-button,.play-again-button{border:2px solid;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:2px;padding:12px 28px;text-transform:uppercase;transition:all .15s ease}.play-again-button{background:#0000;border-color:#0ff;box-shadow:0 0 10px #0ff3;color:#0ff}.play-again-button:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6}.back-to-hub-button{background:#0000;border-color:#555;color:#aaa}.back-to-hub-button:hover{border-color:#888;color:#fff}.pinball-controls-legend{background:#0006;border:1px solid #00ffff26;border-radius:4px;margin-top:auto;padding:12px}.controls-legend-title{color:#0ff;font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 10px;text-shadow:0 0 6px #00ffff4d;text-transform:uppercase}.controls-legend-section{display:flex;flex-direction:column;gap:6px}.controls-legend-subtitle{color:#f0f;font-family:Courier New,monospace;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.controls-touch-section{border-top:1px solid #f0f3;margin-top:8px;padding-top:8px}.controls-legend-row{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:space-between}.controls-keys{align-items:center;display:flex;flex-shrink:0;gap:3px}.controls-keys kbd{background:#ffffff0d;border:1px solid #00ffff4d;border-radius:2px;color:#0ff;display:inline-block;line-height:1.2;padding:2px 6px}.controls-action,.controls-keys kbd{font-family:Courier New,monospace;font-size:10px}.controls-action{color:#999;text-align:right}@media (max-width:768px){.pinball-game-layout{flex-direction:column}.pinball-game-sidebar{border-bottom:1px solid #00ffff1a;border-left:none;left:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:10}.pinball-game-main{height:100%;width:100%}.pinball-controls-legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a1af2;bottom:8px;left:8px;margin-top:0;position:fixed;right:8px;z-index:20}.controls-legend-section{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.controls-legend-row{flex:0 0 auto}.pinball-launch-prompt{bottom:100px}.launch-prompt-text{font-size:13px;padding:10px 18px}}.help-panel-overlay{align-items:center;animation:helpFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-panel{animation:helpSlideUp .3s ease;background:#1a1a2e;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:560px;overflow:hidden;width:90%}@keyframes helpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-panel__header{align-items:center;border-bottom:2px solid #6366f1;display:flex;justify-content:space-between;padding:16px 20px}.help-panel__title{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.help-panel__close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.help-panel__close:hover{background:#fff3;color:#fff}.help-panel__nav{border-bottom:1px solid #ffffff1a;display:flex;gap:0;overflow-x:auto;padding:0 16px;scrollbar-width:none}.help-panel__nav::-webkit-scrollbar{display:none}.help-panel__tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:12px 14px;transition:all .2s;white-space:nowrap}.help-panel__tab:hover{color:#ccc}.help-panel__tab.active{border-bottom-color:#6366f1;color:#6366f1}.help-panel__tab-icon{font-size:1rem}.help-panel__content{flex:1 1;overflow-y:auto;padding:20px}.help-panel__section h3{color:#fff;font-size:1rem;margin:0 0 12px}.help-panel__text{color:#ccc;font-size:.9rem;line-height:1.7;margin:0;white-space:pre-line}.help-panel__list{list-style:none;margin:0;padding:0}.help-panel__list li{border-bottom:1px solid #ffffff0d;color:#ccc;font-size:.9rem;line-height:1.6;padding:6px 0 6px 20px;position:relative}.help-panel__list li:last-child{border-bottom:none}.help-panel__list li:before{color:#6366f1;content:"•";font-weight:700;left:4px;position:absolute}@media (max-width:600px){.help-panel{border-radius:12px;max-height:85vh;width:95%}.help-panel__header{padding:12px 16px}.help-panel__title{font-size:1rem}.help-panel__tab{font-size:.8rem;padding:10px}.help-panel__content{padding:16px}}.chaupar-board-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;padding:1rem;width:100%}.chaupar-turn-indicator{align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #c9a84c;border-radius:2rem;color:#f0e6d3;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.turn-dot{animation:pulse 1.5s infinite;border-radius:50%;height:12px;width:12px}.chaupar-turn-red .turn-dot{background:#e74c3c}.chaupar-turn-blue .turn-dot{background:#3498db}.chaupar-turn-green .turn-dot{background:#27ae60}.chaupar-turn-yellow .turn-dot{background:#f1c40f}.chaupar-board{aspect-ratio:1;background:linear-gradient(135deg,#1a0a2e,#2d1b4e 50%,#1a0a2e);border:4px solid #c9a84c;border-radius:8px;box-shadow:0 8px 32px #c9a84c4d,inset 0 0 60px #c9a84c1a;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);max-width:500px;padding:2px;position:relative;width:100%}.chaupar-square{align-items:center;border:1px solid #c9a84c4d;display:flex;justify-content:center;min-height:0;min-width:0;position:relative;transition:background-color .2s}.chaupar-square.arm{background:#c9a84c14}.chaupar-square.arm-red{background:#e74c3c1a;border-color:#e74c3c4d}.chaupar-square.arm-blue{background:#3498db1a;border-color:#3498db4d}.chaupar-square.arm-green{background:#27ae601a;border-color:#27ae604d}.chaupar-square.arm-yellow{background:#f1c40f1a;border-color:#f1c40f4d}.chaupar-square.charkoni{background:linear-gradient(135deg,#c9a84c,#8b6914);border-color:#c9a84c}.chaupar-square.has-block{box-shadow:inset 0 0 8px #c9a84c80}.chaupar-pawn{align-items:center;background:none;border:2px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.5rem;font-weight:700;height:80%;justify-content:center;min-height:20px;min-width:20px;padding:0;position:relative;transition:transform .2s,box-shadow .2s;width:80%;z-index:2}.chaupar-pawn .pawn-icon{font-size:.7rem}.chaupar-pawn.pawn-red{background:#e74c3c}.chaupar-pawn.pawn-blue{background:#3498db}.chaupar-pawn.pawn-green{background:#27ae60}.chaupar-pawn.pawn-yellow{background:#f1c40f;color:#333}.chaupar-pawn.has-moves{animation:glow 1.5s infinite;box-shadow:0 0 8px #c9a84ccc;cursor:pointer}.chaupar-pawn.selected{border-color:#fff;box-shadow:0 0 12px #ffffffe6;transform:scale(1.2)}.chaupar-pawn:disabled{cursor:default;opacity:.7}.chaupar-pawn.in-charkoni{font-size:.6rem;height:24px;min-height:24px;min-width:24px;width:24px}.block-indicator{font-size:.6rem;position:absolute;right:-4px;top:-4px;z-index:3}.charkoni-area{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;position:absolute;z-index:5}.charkoni-label{color:#1a0a2e;font-size:.6rem;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.charkoni-pawns{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;pointer-events:auto}.chaupar-graveyard{background:#1a0a2ecc;border:2px solid #c9a84c66;border-radius:8px;max-width:500px;padding:.5rem 1rem;width:100%}.graveyard-title{color:#c9a84c;font-size:.8rem;margin:0 0 .5rem;text-align:center}.graveyard-pawns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.eliminated-pawn{font-size:1.2rem;opacity:.5;text-decoration:line-through}.eliminated-pawn.pawn-red{color:#e74c3c}.eliminated-pawn.pawn-blue{color:#3498db}.eliminated-pawn.pawn-green{color:#27ae60}.eliminated-pawn.pawn-yellow{color:#f1c40f}.chaupar-team-scores{display:flex;gap:1rem;justify-content:space-between;max-width:500px;width:100%}.team-score{border-radius:8px;flex:1 1;font-size:.8rem;padding:.5rem;text-align:center}.team-score.team-a{background:linear-gradient(135deg,#e74c3c33,#27ae6033);border:1px solid #e74c3c66;color:#f0e6d3}.team-score.team-b{background:linear-gradient(135deg,#3498db33,#f1c40f33);border:1px solid #3498db66;color:#f0e6d3}.team-label{display:block;font-weight:600;margin-bottom:.25rem}.team-home{font-size:1rem}@media (max-width:767px){.chaupar-board-container{padding:.5rem}.chaupar-board{max-width:100%}.chaupar-pawn{min-height:16px;min-width:16px}.chaupar-pawn.in-charkoni{height:20px;min-height:20px;min-width:20px;width:20px}.chaupar-team-scores{flex-direction:column;gap:.5rem}}@media (min-width:768px){.chaupar-board{max-width:500px}}[data-theme=light] .chaupar-board{background:linear-gradient(135deg,#f5f0e8,#e8dcc8 50%,#f5f0e8);border-color:#8b6914}[data-theme=light] .chaupar-square.charkoni{background:linear-gradient(135deg,#c9a84c,#e8d48b)}[data-theme=light] .chaupar-turn-indicator{background:linear-gradient(135deg,#f5f0e8,#e8dcc8);color:#1a0a2e}[data-theme=light] .chaupar-graveyard{background:#f5f0e8e6;color:#1a0a2e}[data-theme=light] .team-score{color:#1a0a2e}.chaupar-pos-number{bottom:1px;color:#ffffff80;font-family:monospace;font-size:.4em;font-weight:600;left:2px;line-height:1;pointer-events:none;position:absolute}.chaupar-dice-container{align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #c9a84c;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;max-width:300px;padding:1rem;width:100%}.chaupar-dice-row{gap:.75rem}.chaupar-dice-row,.chaupar-die{display:flex;justify-content:center}.chaupar-die{align-items:center;background:linear-gradient(180deg,#f5f0e8,#d4c5a0);border:3px solid #8b6914;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;flex-direction:column;height:72px;position:relative;transition:transform .2s,box-shadow .2s,opacity .2s;width:56px}.chaupar-die:hover:not(:disabled){box-shadow:0 6px 12px #c9a84c66;transform:translateY(-2px)}.chaupar-die.selected{border-color:#fff;box-shadow:0 0 12px #fff9;transform:translateY(-4px) scale(1.05)}.chaupar-die.used{border-color:#666;cursor:default;opacity:.4;transform:none}.chaupar-die.entry-die:not(.used){border-color:#27ae60;box-shadow:0 0 8px #27ae6066}.chaupar-die.rolling{animation:diceRoll .1s infinite}.chaupar-die:disabled{cursor:default}.die-face{font-size:1.5rem;line-height:1}.die-value{color:#1a0a2e;font-size:.7rem;font-weight:700;margin-top:2px}@keyframes diceRoll{0%{transform:rotate(-5deg) scale(.95)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-3deg) scale(.98)}75%{transform:rotate(3deg) scale(1.02)}to{transform:rotate(0deg) scale(1)}}.triple-indicator{align-items:center;animation:tripleFlash 1s ease-in-out 3;background:linear-gradient(135deg,#c9a84c,#e8d48b);border-radius:2rem;color:#1a0a2e;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.triple-icon{font-size:1.2rem}.bonus-text{background:#1a0a2e;border-radius:1rem;color:#c9a84c;font-size:.75rem;padding:.15rem .5rem}@keyframes tripleFlash{0%,to{opacity:1}50%{opacity:.7;transform:scale(1.05)}}.chaupar-roll-btn{background:linear-gradient(135deg,#2d1b4e,#4a2d7a);border:2px solid #c9a84c;border-radius:2rem;color:#c9a84c;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;min-width:44px;padding:.75rem 2rem;transition:all .2s}.chaupar-roll-btn.can-roll:hover{background:linear-gradient(135deg,#c9a84c,#8b6914);color:#1a0a2e;transform:scale(1.05)}.chaupar-roll-btn:disabled{cursor:default;opacity:.5}.chaupar-roll-btn.rolling{animation:rollBtnPulse .5s infinite}@keyframes rollBtnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.dice-instructions{color:#c9a84cb3;font-size:.75rem;margin:0;text-align:center}@media (max-width:767px){.chaupar-dice-container{max-width:100%;padding:.75rem}.chaupar-die{height:64px;width:48px}.chaupar-roll-btn{font-size:.9rem;padding:.6rem 1.5rem}}.chaupar-mode-selector{align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #c9a84c;border-radius:16px;color:#f0e6d3;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px;padding:2rem}.mode-header{text-align:center}.mode-title{color:#c9a84c;font-size:2rem;margin:0;text-shadow:0 2px 4px #0000004d}.mode-subtitle{color:#c9a84cb3;font-size:.9rem;font-style:italic;margin:.25rem 0 0}.guest-games-info{color:#f0e6d399;font-size:.8rem;margin:.5rem 0 0}.mode-options{gap:1rem;width:100%}.mode-card,.mode-options{display:flex;flex-direction:column}.mode-card{align-items:center;background:#c9a84c14;border:2px solid #c9a84c4d;border-radius:12px;color:#f0e6d3;cursor:pointer;gap:.25rem;min-height:44px;padding:1.25rem;transition:all .2s}.mode-card:hover:not(:disabled){background:#c9a84c26;border-color:#c9a84c;transform:translateY(-2px)}.mode-card:disabled{cursor:default;opacity:.5}.mode-icon{font-size:2rem}.mode-name{font-size:1.1rem;font-weight:700}.mode-desc{color:#f0e6d3b3;font-size:.8rem}.mode-offline{color:#e74c3c;font-size:.7rem;margin-top:.25rem}.difficulty-selection,.local-setup,.online-setup{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.difficulty-selection h3,.local-setup h3,.online-setup h3{color:#c9a84c;margin:0}.team-info{color:#f0e6d3b3;font-size:.85rem;margin:0;text-align:center}.difficulty-options{display:flex;gap:.75rem;width:100%}.difficulty-btn{align-items:center;background:#c9a84c0d;border:2px solid #c9a84c33;border-radius:10px;color:#f0e6d3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-height:44px;padding:1rem .5rem;transition:all .2s}.difficulty-btn:hover{border-color:#c9a84c80}.difficulty-btn.selected{background:#c9a84c26;border-color:#c9a84c;box-shadow:0 0 8px #c9a84c4d}.diff-icon{font-size:1.5rem}.diff-name{font-size:.9rem;font-weight:700}.diff-desc{color:#f0e6d399;font-size:.7rem;text-align:center}.start-btn{background:linear-gradient(135deg,#c9a84c,#8b6914);border:none;border-radius:2rem;color:#1a0a2e;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;min-width:44px;padding:.75rem 2rem;transition:all .2s}.start-btn:hover{box-shadow:0 4px 12px #c9a84c66;transform:scale(1.05)}.back-btn{background:#0000;border:1px solid #c9a84c4d;border-radius:2rem;color:#c9a84cb3;cursor:pointer;font-size:.9rem;min-height:44px;padding:.5rem 1.5rem;transition:all .2s}.back-btn:hover{border-color:#c9a84c;color:#c9a84c}.team-display{align-items:center;display:flex;gap:1rem;width:100%}.team-card{border-radius:10px;flex:1 1;padding:1rem;text-align:center}.team-card.team-a{background:#e74c3c1a;border:1px solid #e74c3c4d}.team-card.team-b{background:#3498db1a;border:1px solid #3498db4d}.team-card h4{color:#c9a84c;margin:0 0 .5rem}.team-players{display:flex;flex-direction:column;gap:.25rem}.player-badge{font-size:.8rem}.vs-text{color:#c9a84c;font-size:1.2rem;font-weight:700}.create-room-btn{background:linear-gradient(135deg,#c9a84c,#8b6914);border:none;border-radius:2rem;color:#1a0a2e;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;padding:.75rem 2rem;transition:all .2s}.create-room-btn:hover{transform:scale(1.05)}.join-room-section{text-align:center;width:100%}.join-label{color:#f0e6d3b3;font-size:.85rem;margin:0 0 .5rem}.join-input-row{display:flex;gap:.5rem;justify-content:center}.room-code-input{background:#c9a84c1a;border:2px solid #c9a84c4d;color:#f0e6d3;font-family:monospace;font-size:1.1rem;letter-spacing:2px;min-height:44px;padding:.5rem 1rem;width:140px}.room-code-input::placeholder{color:#f0e6d366;font-size:.8rem;letter-spacing:0}.join-btn{background:#c9a84c33;border:2px solid #c9a84c;border-radius:8px;color:#c9a84c;cursor:pointer;font-weight:700;min-height:44px;padding:.5rem 1.5rem;transition:all .2s}.join-btn:hover:not(:disabled){background:#c9a84c4d}.join-btn:disabled{cursor:default;opacity:.5}.join-error{color:#e74c3c;font-size:.8rem;margin:.5rem 0 0}@media (max-width:767px){.chaupar-mode-selector{margin:0 .5rem;padding:1.5rem 1rem}.difficulty-options,.team-display{flex-direction:column}.vs-text{font-size:1rem}}.chaupar-game{background:linear-gradient(180deg,#0d0520,#1a0a2e 50%,#0d0520);color:#f0e6d3;display:flex;flex-direction:column;min-height:100vh}.chaupar-header{align-items:center;background:#1a0a2ee6;border-bottom:2px solid #c9a84c4d;display:flex;justify-content:space-between;padding:.75rem 1rem}.chaupar-exit-btn{background:#0000;border:1px solid #c9a84c66;border-radius:2rem;color:#c9a84c;cursor:pointer;font-size:.85rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:all .2s}.chaupar-exit-btn:hover{background:#c9a84c1a;border-color:#c9a84c}.chaupar-title{color:#c9a84c;font-size:1.3rem;margin:0;text-shadow:0 2px 4px #0000004d}.chaupar-header-actions{align-items:center;display:flex;gap:.5rem}.chaupar-help-btn{align-items:center;background:#0000;border:1px solid #c9a84c66;border-radius:50%;color:#c9a84c;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.chaupar-help-btn:hover{background:#c9a84c26;border-color:#c9a84c}.chaupar-play-area{flex:1 1;flex-direction:column;padding:1rem}.chaupar-controls,.chaupar-play-area{align-items:center;display:flex;gap:1rem}.chaupar-controls{flex-direction:column;max-width:400px;width:100%}.ai-speed-control{align-items:center;background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem;width:100%}.ai-speed-control label{color:#c9a84cb3;font-size:.8rem;white-space:nowrap}.ai-speed-control input[type=range]{accent-color:#c9a84c;flex:1 1}.speed-label{color:#c9a84c;font-size:.75rem;min-width:50px;text-align:right}.chaupar-game-over{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.game-over-card{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:3px solid #c9a84c;border-radius:16px;box-shadow:0 8px 32px #c9a84c33;max-width:400px;padding:2rem;text-align:center;width:100%}.game-over-title{color:#c9a84c;font-size:1.8rem;margin:0 0 1rem}.winning-team{font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.game-stats{background:#c9a84c0d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.stat-row{display:flex;font-size:.9rem;justify-content:space-between}.stat-row span:first-child{color:#f0e6d3b3}.stat-row span:last-child{color:#c9a84c;font-weight:700}.game-over-actions{display:flex;gap:1rem;justify-content:center}.play-again-btn{background:linear-gradient(135deg,#c9a84c,#8b6914);border:none;border-radius:2rem;color:#1a0a2e;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;padding:.75rem 2rem;transition:all .2s}.play-again-btn:hover{transform:scale(1.05)}.exit-btn{background:#0000;border:2px solid #c9a84c66;border-radius:2rem;color:#c9a84c;cursor:pointer;font-size:1rem;min-height:44px;padding:.75rem 2rem;transition:all .2s}.exit-btn:hover{background:#c9a84c1a;border-color:#c9a84c}@media (min-width:768px){.chaupar-play-area{align-items:flex-start;flex-direction:row;gap:2rem;justify-content:center;padding:2rem}.chaupar-controls{max-width:300px}}@media (max-width:767px){.chaupar-header{padding:.5rem}.chaupar-title{font-size:1.1rem}.chaupar-play-area{padding:.5rem}.game-over-card{padding:1.5rem}.game-over-actions{flex-direction:column}}.admin-login{align-items:center;background:#f5f7fa;background:var(--bg-primary,#f5f7fa);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login__card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;box-shadow:0 8px 32px #00000014;max-width:400px;padding:40px 32px;width:100%}.admin-login__header{margin-bottom:32px;text-align:center}.admin-login__logo{display:block;font-size:3rem;margin-bottom:12px}.admin-login__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.5rem;font-weight:700;margin:0}.admin-login__subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:8px 0 0}.admin-login__form{display:flex;flex-direction:column;gap:20px}.admin-login__field{display:flex;flex-direction:column;gap:6px}.admin-login__label{font-size:.85rem;font-weight:600}.admin-login__input,.admin-login__label{color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.admin-login__input{background:#fafafa;background:var(--input-bg,#fafafa);border:1px solid #d0d0d0;border:1px solid var(--border-color,#d0d0d0);border-radius:8px;font-size:1rem;min-height:44px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.admin-login__input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f426;outline:none}.admin-login__input:disabled{cursor:not-allowed;opacity:.6}.admin-login__error{background:#ea433514;border:1px solid #ea43354d;border-radius:8px;color:#c62828;font-size:.85rem;padding:10px 14px}.admin-login__rate-limit{background:#ff980014;border:1px solid #ff98004d;border-radius:8px;color:#e65100;font-size:.85rem;padding:10px 14px;text-align:center}.admin-login__button{background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;padding:12px;transition:background .2s,transform .1s}.admin-login__button:hover:not(:disabled){background:#3367d6}.admin-login__button:active:not(:disabled){transform:scale(.98)}.admin-login__button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .admin-login{background:#121212;background:var(--bg-primary,#121212)}[data-theme=dark] .admin-login__card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-login__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-login__subtitle{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .admin-login__input,[data-theme=dark] .admin-login__label{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-login__input{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}[data-theme=dark] .admin-login__error{background:#ea43351f;color:#ef9a9a}[data-theme=dark] .admin-login__rate-limit{background:#ff98001f;color:#ffcc80}.admin-sidebar{background:#fff;background:var(--card-bg,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .25s ease;width:220px}.admin-sidebar--collapsed{width:60px}.admin-sidebar__toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;display:none;font-size:1.3rem;height:44px;justify-content:center;margin:8px;transition:background .2s;width:44px}.admin-sidebar__toggle:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.admin-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:12px 8px}.admin-sidebar__item{align-items:center;background:#0000;border:none;border-radius:8px;color:#555;color:var(--text-secondary,#555);cursor:pointer;display:flex;font-size:.9rem;gap:12px;min-height:44px;min-width:44px;padding:12px 14px;text-align:left;transition:background .2s,color .2s}.admin-sidebar__item:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.admin-sidebar__item--active{background:#4285f41a;color:#4285f4;font-weight:600}.admin-sidebar__item--active:hover{background:#4285f426;color:#4285f4}.admin-sidebar__item-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.admin-sidebar__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar--collapsed .admin-sidebar__item{justify-content:center;padding:12px 8px}[data-theme=dark] .admin-sidebar{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-sidebar__toggle{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-sidebar__toggle:hover{background:#2a2a2a;background:var(--hover-bg,#2a2a2a)}[data-theme=dark] .admin-sidebar__item{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .admin-sidebar__item:hover{background:#2a2a2a;background:var(--hover-bg,#2a2a2a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-sidebar__item--active{background:#4285f426;color:#6ea8fe}@media (max-width:768px){.admin-sidebar{bottom:0;box-shadow:4px 0 16px #0000001a;left:0;position:fixed;top:56px;transition:transform .25s ease;z-index:100}.admin-sidebar,.admin-sidebar--collapsed{transform:translateX(-100%);width:220px}.admin-sidebar:not(.admin-sidebar--collapsed){transform:translateX(0)}.admin-sidebar__toggle{display:flex}}.admin-stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;min-width:200px;padding:20px;transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.admin-stat-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:52px;justify-content:center;width:52px}.admin-stat-card--blue .admin-stat-card__icon{background:#4285f41f}.admin-stat-card--green .admin-stat-card__icon{background:#34a8531f}.admin-stat-card--red .admin-stat-card__icon{background:#ea43351f}.admin-stat-card--orange .admin-stat-card__icon{background:#ff6d011f}.admin-stat-card--purple .admin-stat-card__icon{background:#7b1fa21f}.admin-stat-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-stat-card__label{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.admin-stat-card__value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.5rem;font-weight:700;line-height:1.2}.admin-stat-card__trend{font-size:.8rem;font-weight:600}.admin-stat-card__trend--up{color:#34a853}.admin-stat-card__trend--down{color:#ea4335}.admin-stat-card__trend--neutral{color:#9e9e9e}[data-theme=dark] .admin-stat-card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-stat-card__value{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-stat-card__label{color:#aaa;color:var(--text-secondary,#aaa)}@media (max-width:768px){.admin-stat-card{gap:12px;min-width:150px;padding:14px}.admin-stat-card__icon{font-size:1.5rem;height:42px;width:42px}.admin-stat-card__value{font-size:1.2rem}}.admin-bar-chart{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.admin-bar-chart__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;font-weight:600;margin:0 0 16px}.admin-bar-chart__bars{display:flex;flex-direction:column;gap:10px}.admin-bar-chart__row{align-items:center;display:flex;gap:12px}.admin-bar-chart__label{color:#555;color:var(--text-secondary,#555);flex-shrink:0;font-size:.82rem;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:120px}.admin-bar-chart__bar-container{background:#f0f0f0;background:var(--bar-bg,#f0f0f0);border-radius:6px;flex:1 1;height:24px;overflow:hidden}.admin-bar-chart__bar{animation:admin-bar-grow .6s ease-out forwards;border-radius:6px;height:100%;min-width:2px;transform:scaleX(0);transform-origin:left}@keyframes admin-bar-grow{to{transform:scaleX(1)}}.admin-bar-chart__value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex-shrink:0;font-size:.82rem;font-weight:600;text-align:right;width:50px}[data-theme=dark] .admin-bar-chart{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-bar-chart__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-bar-chart__bar-container{background:#2a2a2a;background:var(--bar-bg,#2a2a2a)}[data-theme=dark] .admin-bar-chart__value{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-bar-chart__label{color:#aaa;color:var(--text-secondary,#aaa)}@media (max-width:768px){.admin-bar-chart__label{font-size:.75rem;width:80px}.admin-bar-chart__bar-container{height:20px}.admin-bar-chart__value{font-size:.75rem;width:40px}}.admin-overview{display:flex;flex-direction:column;gap:24px}.admin-overview__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-overview__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.admin-overview__quick-stats{display:flex;flex-wrap:wrap;gap:16px}.admin-overview__quick-stat{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:14px 20px}.admin-overview__quick-stat-label{color:#666;color:var(--text-secondary,#666);font-size:.78rem;letter-spacing:.5px;text-transform:uppercase}.admin-overview__quick-stat-value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.1rem;font-weight:700}[data-theme=dark] .admin-overview__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-overview__quick-stat{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-overview__quick-stat-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-overview__quick-stat-label{color:#aaa;color:var(--text-secondary,#aaa)}@media (max-width:768px){.admin-overview__stats-grid{grid-template-columns:1fr}.admin-overview__quick-stats{flex-direction:column}}.admin-games{display:flex;flex-direction:column;gap:16px}.admin-games__header{align-items:center;display:flex;justify-content:space-between}.admin-games__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-games__count{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border-radius:20px;color:#666;color:var(--text-secondary,#666);font-size:.85rem;padding:4px 12px}.admin-games__controls{display:flex;gap:12px}.admin-games__search{background:#fafafa;background:var(--input-bg,#fafafa);border:1px solid #d0d0d0;border:1px solid var(--border-color,#d0d0d0);border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;font-size:.9rem;min-height:44px;padding:10px 14px;transition:border-color .2s}.admin-games__search:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41f;outline:none}.admin-games__table-wrapper{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.admin-games__table{border-collapse:collapse;width:100%}.admin-games__th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666);font-size:.78rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-games__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-games__th--sortable:hover{color:#4285f4}.admin-games__row{transition:background .15s}.admin-games__row:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.admin-games__row--disabled{opacity:.6}.admin-games__td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);padding:12px 16px;vertical-align:middle}.admin-games__td--plays{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.admin-games__icon{font-size:1.5rem}.admin-games__name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:.9rem;font-weight:600}.admin-games__meta{color:#888;color:var(--text-secondary,#888);font-size:.78rem;margin-top:2px}.admin-games__status{font-size:.8rem;font-weight:600;white-space:nowrap}.admin-games__status--available{color:#34a853}.admin-games__status--disabled{color:#ea4335}.admin-games__status--coming-soon{color:#fbbc04}.admin-games__toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.admin-games__toggle-input{height:0;opacity:0;position:absolute;width:0}.admin-games__toggle-slider{background:#ccc;border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background .25s}.admin-games__toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .25s;width:18px}.admin-games__toggle-input:checked+.admin-games__toggle-slider{background:#34a853}.admin-games__toggle-input:checked+.admin-games__toggle-slider:before{transform:translateX(20px)}.admin-games__toggle-input:focus-visible+.admin-games__toggle-slider{box-shadow:0 0 0 3px #4285f44d}.admin-games__empty{color:#999;color:var(--text-secondary,#999);padding:40px 0;text-align:center}[data-theme=dark] .admin-games__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-games__count{background:#2a2a2a;background:var(--hover-bg,#2a2a2a);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .admin-games__search{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-games__table-wrapper{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-games__th{border-color:#333;border-color:var(--border-color,#333);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .admin-games__row:hover{background:#252525;background:var(--hover-bg,#252525)}[data-theme=dark] .admin-games__td{border-color:#2a2a2a;border-color:var(--border-color,#2a2a2a)}[data-theme=dark] .admin-games__name{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-games__meta{color:#888;color:var(--text-secondary,#888)}@media (max-width:768px){.admin-games__td:first-child,.admin-games__th:first-child{display:none}.admin-games__td,.admin-games__th{padding:10px}}.admin-pie-chart{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.admin-pie-chart__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;font-weight:600;margin:0 0 16px}.admin-pie-chart__container{display:flex;justify-content:center;padding:16px 0}.admin-pie-chart__circle{animation:admin-pie-spin .8s ease-out;border-radius:50%;height:180px;width:180px}@keyframes admin-pie-spin{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0deg)}}.admin-pie-chart__legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.admin-pie-chart__legend-item{align-items:center;display:flex;font-size:.85rem;gap:8px}.admin-pie-chart__legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.admin-pie-chart__legend-label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1}.admin-pie-chart__legend-value{color:#555;color:var(--text-secondary,#555);font-size:.8rem;font-weight:600}.admin-pie-chart__empty{color:#999;color:var(--text-secondary,#999);padding:40px 0;text-align:center}[data-theme=dark] .admin-pie-chart{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-pie-chart__legend-label,[data-theme=dark] .admin-pie-chart__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-pie-chart__legend-value{color:#aaa;color:var(--text-secondary,#aaa)}@media (max-width:768px){.admin-pie-chart__circle{height:140px;width:140px}}.admin-users{display:flex;flex-direction:column;gap:24px}.admin-users__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-users__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-users__charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}[data-theme=dark] .admin-users__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.admin-users__charts,.admin-users__stats-grid{grid-template-columns:1fr}}.admin-analytics{display:flex;flex-direction:column;gap:24px}.admin-analytics__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-analytics__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-analytics__charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}[data-theme=dark] .admin-analytics__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.admin-analytics__charts,.admin-analytics__stats-grid{grid-template-columns:1fr}}.admin-line-chart{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.admin-line-chart__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;font-weight:600;margin:0 0 16px}.admin-line-chart__container{overflow-x:auto;width:100%}.admin-line-chart__svg{height:auto;min-height:200px;width:100%}.admin-line-chart__grid-line{stroke:#e0e0e0;stroke:var(--border-color,#e0e0e0);stroke-width:.5;stroke-dasharray:4 4}.admin-line-chart__line{fill:none;stroke:#4285f4;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:admin-line-draw 1s ease-out}.admin-line-chart__area{fill:#4285f41a;animation:admin-area-fade 1s ease-out}@keyframes admin-line-draw{0%{stroke-dashoffset:2000;stroke-dasharray:2000}to{stroke-dashoffset:0;stroke-dasharray:2000}}@keyframes admin-area-fade{0%{opacity:0}to{opacity:1}}.admin-line-chart__point{fill:#4285f4;stroke:#fff;stroke-width:1.5;cursor:pointer;transition:r .2s}.admin-line-chart__point:hover{r:5}.admin-line-chart__y-label{font-size:10px}.admin-line-chart__x-label,.admin-line-chart__y-label{fill:#888;fill:var(--text-secondary,#888);font-family:inherit}.admin-line-chart__x-label{font-size:9px}.admin-line-chart__axis-label{fill:#888;fill:var(--text-secondary,#888);font-family:inherit;font-size:10px}.admin-line-chart__empty{color:#999;color:var(--text-secondary,#999);padding:40px 0;text-align:center}[data-theme=dark] .admin-line-chart{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-line-chart__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-line-chart__grid-line{stroke:#444;stroke:var(--border-color,#444)}[data-theme=dark] .admin-line-chart__area{fill:#4285f426}[data-theme=dark] .admin-line-chart__point{stroke:#1e1e1e}@media (max-width:768px){.admin-line-chart{padding:14px}}.admin-costs{display:flex;flex-direction:column;gap:24px}.admin-costs__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-costs__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-costs__notice{background:#ff980014;border:1px solid #ff980040;border-radius:8px;color:#e65100;font-size:.82rem;padding:8px 14px}.admin-costs__loading{color:#999;color:var(--text-secondary,#999);font-size:.95rem;padding:60px 0;text-align:center}.admin-costs__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-costs__charts{display:flex;flex-direction:column;gap:20px}[data-theme=dark] .admin-costs__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-costs__notice{background:#ff98001f;border-color:#ff98004d;color:#ffcc80}@media (max-width:768px){.admin-costs__stats-grid{grid-template-columns:1fr}}.admin-system{display:flex;flex-direction:column;gap:24px}.admin-system__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-system__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.3rem;font-weight:700;margin:0}.admin-system__overall{border-radius:20px;font-size:.9rem;font-weight:600;padding:6px 14px}.admin-system__overall--healthy{background:#34a8531a;color:#34a853}.admin-system__overall--degraded{background:#ff98001a;color:#e65100}.admin-system__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.admin-system__card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:8px;padding:20px}.admin-system__card--healthy{border-left:4px solid #34a853}.admin-system__card--degraded{border-left:4px solid #fbbc04}.admin-system__card--down{border-left:4px solid #ea4335}.admin-system__card-header{align-items:center;display:flex;justify-content:space-between}.admin-system__card-icon{font-size:1.5rem}.admin-system__status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.admin-system__status-dot--healthy{background:#34a853;box-shadow:0 0 6px #34a85366}.admin-system__status-dot--degraded{background:#fbbc04;box-shadow:0 0 6px #fbbc0466}.admin-system__status-dot--down{animation:admin-pulse 1.5s infinite;background:#ea4335;box-shadow:0 0 6px #ea433566}@keyframes admin-pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-system__card-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;font-weight:600;margin:0}.admin-system__card-details{color:#666;color:var(--text-secondary,#666);font-size:.85rem;line-height:1.4;margin:0}.admin-system__card-time{color:#999;color:var(--text-secondary,#999);font-size:.75rem;margin-top:auto}.admin-system__note{background:#4285f40f;border:1px solid #4285f426;border-radius:10px;padding:14px 18px}.admin-system__note p{color:#555;color:var(--text-secondary,#555);font-size:.85rem;line-height:1.5;margin:0}[data-theme=dark] .admin-system__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-system__card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-system__card-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-system__card-details{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .admin-system__note{background:#4285f414;border-color:#4285f433}[data-theme=dark] .admin-system__note p{color:#aaa;color:var(--text-secondary,#aaa)}@media (max-width:768px){.admin-system__grid{grid-template-columns:1fr}}.admin-app{background:#f5f7fa;background:var(--bg-primary,#f5f7fa);display:flex;flex-direction:column;min-height:100vh}.admin-app__header{align-items:center;background:#fff;background:var(--card-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 1px 4px #0000000a;display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:101}.admin-app__header-left{align-items:center;display:flex;gap:12px}.admin-app__menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;display:none;font-size:1.3rem;height:44px;justify-content:center;transition:background .2s;width:44px}.admin-app__menu-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.admin-app__brand{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin:0}.admin-app__brand-icon{font-size:1.3rem}.admin-app__section-badge{background:#4285f41a;border-radius:12px;color:#4285f4;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.admin-app__header-right{align-items:center;display:flex;gap:8px}.admin-app__refresh-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:background .2s,transform .3s;width:44px}.admin-app__refresh-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.admin-app__refresh-btn:active{transform:rotate(180deg)}.admin-app__logout-btn{background:#0000;border:1px solid #d0d0d0;border:1px solid var(--border-color,#d0d0d0);border-radius:8px;color:#ea4335;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:8px 16px;transition:background .2s,border-color .2s}.admin-app__logout-btn:hover{background:#ea43350f;border-color:#ea4335}.admin-app__body{display:flex;flex:1 1;overflow:hidden}.admin-app__overlay{display:none}.admin-app__content{flex:1 1;max-height:calc(100vh - 56px);overflow-y:auto;padding:24px}[data-theme=dark] .admin-app{background:#121212;background:var(--bg-primary,#121212)}[data-theme=dark] .admin-app__header{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .admin-app__brand,[data-theme=dark] .admin-app__menu-btn{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .admin-app__menu-btn:hover,[data-theme=dark] .admin-app__refresh-btn:hover{background:#2a2a2a;background:var(--hover-bg,#2a2a2a)}[data-theme=dark] .admin-app__logout-btn{border-color:#444;border-color:var(--border-color,#444);color:#ef9a9a}[data-theme=dark] .admin-app__logout-btn:hover{background:#ea43351a}@media (max-width:768px){.admin-app__menu-btn{display:flex}.admin-app__section-badge{display:none}.admin-app__content{padding:16px}.admin-app__overlay{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:56px;z-index:99}}.how-to-play{background:#141428cc;border:1px solid #ffffff14;border-radius:12px;margin:1rem auto 0;max-width:700px;overflow:hidden;transition:all .3s ease;width:100%}.how-to-play--open{border-color:#ffffff26;box-shadow:0 4px 20px #0000004d}.how-to-play__toggle{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.how-to-play__toggle:hover{background:#ffffff0a;color:#fff}.how-to-play__toggle-icon{color:#888;font-size:.7rem;transition:transform .2s}.how-to-play__toggle-text{flex:1 1}.how-to-play__content{animation:htpSlideDown .25s ease;border-top:1px solid #ffffff14}@keyframes htpSlideDown{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.how-to-play__tabs{border-bottom:1px solid #ffffff14;display:flex;padding:0 12px}.how-to-play__tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:.82rem;font-weight:600;padding:10px 14px;transition:all .2s;white-space:nowrap}.how-to-play__tab:hover{color:#ccc}.how-to-play__tab.active{color:#fff}.how-to-play__body{max-height:350px;overflow-y:auto;padding:16px}.how-to-play__steps{counter-reset:none;list-style:none;margin:0;padding:0}.how-to-play__steps li{align-items:flex-start;border-bottom:1px solid #ffffff0a;color:#ddd;display:flex;font-size:.88rem;gap:12px;line-height:1.5;padding:8px 0}.how-to-play__steps li:last-child{border-bottom:none}.how-to-play__step-num{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.how-to-play__step-text{flex:1 1}.how-to-play__rules,.how-to-play__tips{list-style:none;margin:0;padding:0}.how-to-play__rules li,.how-to-play__tips li{border-bottom:1px solid #ffffff0a;color:#ddd;font-size:.88rem;line-height:1.5;padding:7px 0 7px 18px;position:relative}.how-to-play__rules li:last-child,.how-to-play__tips li:last-child{border-bottom:none}.how-to-play__rules li:before{color:#6366f1;content:"•";font-weight:700;left:2px;position:absolute}.how-to-play__tips li:before{content:"💡";font-size:.75rem;left:0;position:absolute}.how-to-play__tips li{padding-left:22px}.how-to-play__body::-webkit-scrollbar{width:4px}.how-to-play__body::-webkit-scrollbar-track{background:#0000}.how-to-play__body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@media (max-width:600px){.how-to-play{border-radius:10px;margin:.75rem .5rem 0}.how-to-play__toggle{font-size:.85rem;padding:10px 12px}.how-to-play__tab{font-size:.78rem;padding:8px 10px}.how-to-play__body{max-height:280px;padding:12px}.how-to-play__rules li,.how-to-play__steps li,.how-to-play__tips li{font-size:.83rem}}.share-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.share-button:hover{background:linear-gradient(135deg,#2ee86c,#1ba55c);box-shadow:0 4px 16px #25d36666;transform:translateY(-2px)}.share-button:active{box-shadow:0 2px 8px #25d3664d;transform:translateY(0)}.share-button:focus{box-shadow:0 0 0 3px #25d3664d;outline:none}.share-button--small{border-radius:8px;font-size:14px;min-height:36px;padding:8px 16px}.share-button--medium{border-radius:12px;font-size:16px;min-height:44px;padding:12px 24px}.share-button--large{border-radius:16px;font-size:18px;min-height:52px;padding:16px 32px}.share-button--floating{border-radius:50%;bottom:20px;box-shadow:0 4px 16px #25d36666;height:56px;padding:0;position:fixed;right:20px;width:56px;z-index:1000}.share-button--floating .share-button__text{display:none}.share-button--floating .share-button__icon{height:24px;width:24px}.share-button--modal{justify-content:center;max-width:300px;width:100%}.share-button--loading{cursor:wait;pointer-events:none}.share-button--success{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 2px 8px #4caf504d}.share-button--error{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 2px 8px #f443364d}.share-button--disabled{color:#9e9e9e;cursor:not-allowed}.share-button--disabled,.share-button--disabled:hover{background:#e0e0e0;box-shadow:none;transform:none}.share-button__content{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;z-index:2}.share-button__icon{flex-shrink:0;height:20px;transition:all .3s ease;width:20px}.share-button--small .share-button__icon{height:16px;width:16px}.share-button--large .share-button__icon{height:24px;width:24px}.share-button__icon--whatsapp{fill:currentColor}.share-button__icon--success{stroke:currentColor;animation:checkmark .6s ease-in-out}.share-button__icon--error{stroke:currentColor;animation:shake .5s ease-in-out}.share-button__text{font-weight:600;transition:opacity .3s ease;white-space:nowrap}.share-button--loading .share-button__text{opacity:.8}.share-button__spinner{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.share-button--small .spinner{height:14px;width:14px}.share-button--large .spinner{height:20px;width:20px}.share-button__ripple{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:inherit;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0)}.share-button:active .share-button__ripple{animation:ripple .6s ease-out}.share-button--room{background:linear-gradient(135deg,#25d366,#128c7e)}.share-button--result{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d}.share-button--result:hover{background:linear-gradient(135deg,#ffb74d,#ff8f00);box-shadow:0 4px 16px #ff980066}.share-button--challenge{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 8px #e91e634d}.share-button--challenge:hover{background:linear-gradient(135deg,#f06292,#ad1457);box-shadow:0 4px 16px #e91e6366}.share-button--invite{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d}.share-button--invite:hover{background:linear-gradient(135deg,#64b5f6,#1565c0);box-shadow:0 4px 16px #2196f366}.share-button--achievement{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 2px 8px #9c27b04d}.share-button--achievement:hover{background:linear-gradient(135deg,#ba68c8,#6a1b9a);box-shadow:0 4px 16px #9c27b066}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (max-width:768px){.share-button{min-height:48px}.share-button--small{min-height:40px;padding:10px 18px}.share-button--medium{min-height:48px;padding:14px 28px}.share-button--large{min-height:56px;padding:18px 36px}.share-button--floating{bottom:16px;height:64px;right:16px;width:64px}.share-button--floating .share-button__icon{height:28px;width:28px}}@media (max-width:480px){.share-button--modal{max-width:none;width:100%}.share-button__text{font-size:16px}}@media (prefers-color-scheme:dark){.share-button--disabled{background:#424242;color:#757575}}@media (prefers-contrast:high){.share-button{border:2px solid #0000}.share-button:focus{border-color:#fff;box-shadow:none}}@media (prefers-reduced-motion:reduce){.share-button,.share-button__icon,.share-button__text,.spinner{animation:none;transition:none}.share-button:active,.share-button:hover{transform:none}}:root{--ws-bg-primary:#fff;--ws-bg-secondary:#f8f9fa;--ws-text-primary:#000;--ws-text-success:#155724;--ws-text-warning:#856404;--ws-text-danger:#721c24;--ws-text-info:#007bff;--ws-border-primary:#007bff;--ws-border-success:#28a745;--ws-border-warning:#ffc107;--ws-border-danger:#dc3545;--ws-cell-bg:#f8f9fa;--ws-cell-bg-empty:#fff;--ws-cell-bg-disabled:#e9ecef;--ws-cell-border:#333;--ws-gradient-gaming:linear-gradient(135deg,#667eea,#764ba2);--ws-gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--ws-gradient-warning:linear-gradient(135deg,#f093fb,#f5576c);--ws-gradient-danger:linear-gradient(135deg,#ff6b6b,#ee5a24);--ws-bg-animated:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab)}[data-theme=dark]{--ws-bg-primary:#0a0a0a;--ws-bg-secondary:#1a1a1a;--ws-text-primary:#fff;--ws-text-success:#4caf50;--ws-text-warning:#ffc107;--ws-text-danger:#f44336;--ws-text-info:#2196f3;--ws-border-primary:#2196f3;--ws-border-success:#4caf50;--ws-border-warning:#ffc107;--ws-border-danger:#f44336;--ws-cell-bg:#2a2a2a;--ws-cell-bg-empty:#1e1e1e;--ws-cell-bg-disabled:#3a3a3a;--ws-cell-border:#555;--ws-gradient-gaming:linear-gradient(135deg,#2d1b69,#11998e);--ws-gradient-success:linear-gradient(135deg,#134e5e,#71b280);--ws-gradient-warning:linear-gradient(135deg,#8360c3,#2ebf91);--ws-gradient-danger:linear-gradient(135deg,#3a1c71,#d76d77);--ws-bg-animated:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483)}.websocket-auth-button{position:fixed;right:16px;top:16px;z-index:100}@media (max-width:767px){.websocket-auth-button{right:12px;top:12px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ws-bg-primary:#0a0a0a;--ws-bg-secondary:#1a1a1a;--ws-text-primary:#fff;--ws-text-success:#4caf50;--ws-text-warning:#ffc107;--ws-text-danger:#f44336;--ws-text-info:#2196f3;--ws-border-primary:#2196f3;--ws-border-success:#4caf50;--ws-border-warning:#ffc107;--ws-border-danger:#f44336;--ws-cell-bg:#2a2a2a;--ws-cell-bg-empty:#1e1e1e;--ws-cell-bg-disabled:#3a3a3a;--ws-cell-border:#555;--ws-gradient-gaming:linear-gradient(135deg,#2d1b69,#11998e);--ws-gradient-success:linear-gradient(135deg,#134e5e,#71b280);--ws-gradient-warning:linear-gradient(135deg,#8360c3,#2ebf91);--ws-gradient-danger:linear-gradient(135deg,#3a1c71,#d76d77);--ws-bg-animated:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483)}}.websocket-multiplayer-container{animation:gradientShift 12s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:var(--ws-bg-animated);background-size:400% 400%;min-height:100vh;overflow:hidden;position:relative}.websocket-multiplayer-container:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.websocket-multiplayer-container:after{animation:float 8s ease-in-out infinite;background-image:radial-gradient(circle at 25% 75%,#7877c633 0,#0000 50%),radial-gradient(circle at 75% 25%,#ff77c633 0,#0000 50%),radial-gradient(circle at 50% 50%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.websocket-multiplayer-container>*{position:relative;z-index:1}.ws-info-panel{background-color:#fff;background-color:var(--ws-bg-primary);border-color:#007bff;border-color:var(--ws-border-primary);color:#000;color:var(--ws-text-primary)}.ws-info-panel strong{color:#007bff;color:var(--ws-text-info)}.ws-turn-indicator{color:#000;color:var(--ws-text-primary)}.ws-turn-indicator.my-turn{background-color:var(--ws-bg-success);border-color:#28a745;border-color:var(--ws-border-success);color:#155724;color:var(--ws-text-success)}.ws-turn-indicator.waiting{background-color:var(--ws-bg-warning);border-color:#ffc107;border-color:var(--ws-border-warning);color:#856404;color:var(--ws-text-warning)}.ws-win-announcement{color:#000;color:var(--ws-text-primary)}.ws-win-announcement.victory{background-color:var(--ws-bg-success);border-color:#28a745;border-color:var(--ws-border-success);color:#155724;color:var(--ws-text-success)}.ws-win-announcement.defeat{background-color:var(--ws-bg-danger);border-color:#dc3545;border-color:var(--ws-border-danger);color:#721c24;color:var(--ws-text-danger)}.ws-draw-announcement{background-color:var(--ws-bg-warning);border-color:#ffc107;border-color:var(--ws-border-warning);color:#856404;color:var(--ws-text-warning)}.ws-waiting-panel{background-color:#fff;background-color:var(--ws-bg-primary);border-color:#007bff;border-color:var(--ws-border-primary);color:#000;color:var(--ws-text-primary)}.ws-waiting-panel h3{color:#007bff;color:var(--ws-text-info)}.ws-game-cell{background-color:#f8f9fa;background-color:var(--ws-cell-bg);border-color:#333;border-color:var(--ws-cell-border);color:#000;color:var(--ws-text-primary)}.ws-game-cell.empty{background-color:#fff;background-color:var(--ws-cell-bg-empty)}.ws-game-cell.disabled{background-color:#e9ecef;background-color:var(--ws-cell-bg-disabled)}.ws-game-cell.winning{border-color:#fff}@keyframes winPulse{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 8px 24px #00000040}}@keyframes winCellPulse{0%,to{border-color:#fff!important;box-shadow:0 0 20px #28a74599}50%{border-color:#ff0!important;box-shadow:0 0 30px #28a745cc}}@keyframes drawLine{0%{stroke-dasharray:0,1000;opacity:0}20%{opacity:1}to{stroke-dasharray:1000,0;opacity:1}}@keyframes lineGlow{0%,to{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 10px currentColor)}50%{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 20px currentColor)}}.win-announcement{animation:winPulse 2s ease-in-out infinite}.winning-cell{animation:winCellPulse 1.5s ease-in-out infinite}.winning-line{animation:drawLine 1.5s ease-in-out forwards,lineGlow 2s ease-in-out 1.5s infinite}.winning-line,.winning-line-bg{stroke-dasharray:1000;stroke-linecap:round}.winning-line-bg{animation:drawLine 1.5s ease-in-out forwards}.game-board{position:relative}.board-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.game-cell{transition:all .3s ease}.game-cell:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:scale(1.05)}.turn-indicator{transition:all .3s ease}.turn-indicator.my-turn{animation:pulse 2s ease-in-out infinite;background-color:#d4edda;border-color:#28a745}.turn-indicator.waiting{background-color:#fff3cd;border-color:#ffc107}.ws-game-cell.empty:hover:not(:disabled){background-color:#fff;background-color:var(--ws-cell-bg-empty);opacity:.8}.ws-draw-announcement h2,.ws-draw-announcement p,.ws-info-panel p,.ws-turn-indicator p,.ws-waiting-panel p,.ws-win-announcement h2,.ws-win-announcement p{color:inherit}input[type=text]{background-color:#fff;background-color:var(--ws-cell-bg-empty);border-color:#007bff;border-color:var(--ws-border-primary);color:#000;color:var(--ws-text-primary)}input[type=text]::placeholder{color:#000;color:var(--ws-text-primary);opacity:.6}.game-app{background:#f5f5f5;background:var(--background-color,#f5f5f5);color:#333;color:var(--text-color,#333);min-height:100vh;position:relative}.game-app-auth-button{position:fixed;right:16px;top:16px;z-index:100}@media (max-width:767px){.game-app-auth-button{right:12px;top:12px}}.game-header,.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.game-header h2,.view-header h2{font-size:1.5rem;font-weight:600;margin:0}.room-code-display{background:#fff;background:var(--surface-color,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center}.room-code-display h3{color:#666;color:var(--text-secondary,#666);font-size:1rem;font-weight:500;margin:0 0 1rem}.room-code{background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:8px;color:#4a90e2;color:var(--primary-color,#4a90e2);font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:.2em;margin:1rem 0;padding:1rem 2rem}.room-code-display p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:1rem 0 0}.testing-note{background:#f8f9fa;border-left:3px solid #4a90e2;border-left:3px solid var(--primary-color,#4a90e2);border-radius:6px;margin-top:1rem;padding:.75rem}.testing-note small{color:#666;color:var(--text-secondary,#666);font-size:.8rem;line-height:1.4}.join-game-form{max-width:300px;width:100%}.room-code-input{background:#fff;background:var(--surface-color,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-color,#333);font-family:Courier New,monospace;font-size:1.2rem;letter-spacing:.1em;margin-bottom:1.5rem;padding:1rem;text-align:center;text-transform:uppercase;width:100%}.room-code-input:focus{border-color:#4a90e2;border-color:var(--primary-color,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}.room-code-input::placeholder{color:#999;color:var(--text-secondary,#999);letter-spacing:normal;text-transform:none}[data-theme=dark] .game-app{--background-color:#1a1a1a;--surface-color:#2d2d2d;--text-color:#fff;--text-secondary:#ccc;--border-color:#444}[data-theme=high-contrast] .game-app{--background-color:#000;--surface-color:#fff;--text-color:#000;--text-secondary:#333;--border-color:#000}@media (max-width:768px){.game-header,.view-header{align-items:stretch;flex-direction:column;gap:1rem}.room-code{font-size:1.5rem;padding:.75rem 1.5rem}.room-code-input{font-size:1.1rem;padding:.875rem}}@media (max-width:480px){.room-code-display{padding:1.5rem}.room-code{font-size:1.25rem;padding:.5rem 1rem}}.game-app .loading-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.game-app>*{animation:fadeIn .3s ease-in-out}.room-code-input:focus-visible{outline:2px solid #4a90e2;outline:2px solid var(--primary-color,#4a90e2);outline-offset:2px}@media (prefers-reduced-motion:reduce){.game-app>*{animation:none}}.room-status{background:#fff;background:var(--surface-color,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;width:100%}.player-role{align-items:center;background:#4a90e2;background:var(--primary-color,#4a90e2);border-radius:8px;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem}.role-label{font-size:.9rem}.role-indicator{font-size:1rem;font-weight:700}.player-count{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.status-label{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.player-indicator{background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:20px;color:#4a90e2;color:var(--primary-color,#4a90e2);font-size:1.2rem;font-weight:700;padding:.25rem .75rem}.waiting-indicator{margin:1rem 0}.auto-check-info{margin-top:.5rem;text-align:center}.auto-check-info small{color:#666;color:var(--text-secondary,#666);font-size:.75rem}.ready-indicator{margin:1rem 0}.ready-text{color:#28a745;font-size:1.1rem;font-weight:700}.ready-text:before{color:#28a745;content:"✓ "}.waiting-indicator .loading-indicator{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.cross-browser-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center;width:100%}.cross-browser-label{color:#856404;display:block;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.cross-browser-section .responsive-button{background:#fd7e14;border-color:#fd7e14;color:#fff;font-weight:500}.cross-browser-section .responsive-button:hover{background:#e8590c;border-color:#e8590c}.cross-browser-section .responsive-button:focus{box-shadow:0 0 0 3px #fd7e1440}[data-theme=dark] .cross-browser-section{background:#2d2a1f;border-color:#4a4017}[data-theme=dark] .cross-browser-label{color:#ffc107}@media (prefers-contrast:high){.room-code-input{border-width:3px}.room-code{border:2px solid #333;border:2px solid var(--text-color,#333)}.player-indicator{border:2px solid #4a90e2;border:2px solid var(--primary-color,#4a90e2)}.cross-browser-section{border-width:2px}}.multiplayer-info{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin:16px 0;padding:12px;text-align:center}.multiplayer-info p{color:#2e7d32;font-weight:500;margin:0 0 4px}.multiplayer-info small{color:#558b2f;font-size:.85em}:root{--hub-bg-primary:#fff;--hub-bg-secondary:#f8f9fa;--hub-text-primary:#212529;--hub-text-secondary:#6c757d;--hub-border:#dee2e6;--hub-shadow:#0000001a;--hub-accent:#007bff;--hub-success:#28a745;--hub-warning:#ffc107;--hub-danger:#dc3545;--hub-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--hub-gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--hub-gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--hub-gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--hub-gradient-gaming:linear-gradient(135deg,#fa709a,#fee140);--hub-bg-animated:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab)}[data-theme=dark]{--hub-bg-primary:#0a0a0a;--hub-bg-secondary:#1a1a1a;--hub-text-primary:#fff;--hub-text-secondary:#adb5bd;--hub-border:#495057;--hub-shadow:#00000080;--hub-accent:#0d6efd;--hub-success:#198754;--hub-warning:#fd7e14;--hub-danger:#dc3545;--hub-gradient-primary:linear-gradient(135deg,#2d1b69,#11998e);--hub-gradient-secondary:linear-gradient(135deg,#8360c3,#2ebf91);--hub-gradient-accent:linear-gradient(135deg,#3a1c71,#d76d77);--hub-gradient-success:linear-gradient(135deg,#134e5e,#71b280);--hub-gradient-gaming:linear-gradient(135deg,#667db6,#0082c8);--hub-bg-animated:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483)}.hub-auth-button{position:absolute;right:16px;top:16px;z-index:100}@media (max-width:767px){.hub-auth-button{right:12px;top:12px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hub-bg-primary:#0a0a0a;--hub-bg-secondary:#1a1a1a;--hub-text-primary:#fff;--hub-text-secondary:#adb5bd;--hub-border:#495057;--hub-shadow:#00000080;--hub-accent:#0d6efd;--hub-success:#198754;--hub-warning:#fd7e14;--hub-danger:#dc3545;--hub-gradient-primary:linear-gradient(135deg,#2d1b69,#11998e);--hub-gradient-secondary:linear-gradient(135deg,#8360c3,#2ebf91);--hub-gradient-accent:linear-gradient(135deg,#3a1c71,#d76d77);--hub-gradient-success:linear-gradient(135deg,#134e5e,#71b280);--hub-gradient-gaming:linear-gradient(135deg,#667db6,#0082c8);--hub-bg-animated:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.game-hub{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:var(--hub-bg-animated);background-size:400% 400%;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.game-hub:before{background:#0000001a}.game-hub:after,.game-hub:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.game-hub:after{animation:float 6s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%)}.game-hub>*{position:relative;z-index:1}.hub-header{margin-bottom:3rem;position:relative;text-align:center}.hub-header h1{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--hub-gradient-gaming);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.hub-subtitle{color:#212529;color:var(--hub-text-primary);font-size:1.3rem;font-weight:300;margin:0;text-shadow:0 2px 4px #0000004d}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.game-card:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--hub-gradient-accent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.game-card:hover:not(.disabled){border-color:#fff6;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff6;transform:translateY(-8px) scale(1.02)}.game-card:hover:not(.disabled):before{opacity:.1}.game-card.disabled{cursor:not-allowed;filter:grayscale(50%);opacity:.5}.game-card.disabled:hover{box-shadow:0 8px 32px #0000001a;transform:none}.game-icon{align-items:center;animation:float 3s ease-in-out infinite;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4.5rem;height:100px;justify-content:center;margin-bottom:1.5rem;text-align:center}.game-info{flex:1 1;margin-bottom:1.5rem}.game-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.game-name{font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.game-description,.game-name{color:#212529;color:var(--hub-text-primary)}.game-description{line-height:1.6;margin-bottom:1.5rem;opacity:.9}.status-badge{border-radius:25px;box-shadow:0 4px 8px #0003;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.4rem 1rem;text-transform:uppercase}.status-badge.available{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--hub-gradient-success);color:#fff}.status-badge.beta{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--hub-gradient-secondary);color:#fff}.status-badge.coming-soon{background:linear-gradient(135deg,#636363,#a2a2a2);color:#fff}.game-meta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.meta-item{align-items:center;display:flex;justify-content:space-between}.meta-label{font-size:.9rem;opacity:.8}.meta-label,.meta-value{color:#212529;color:var(--hub-text-primary)}.meta-value{font-weight:600}.difficulty-easy{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--hub-gradient-success);-webkit-background-clip:text;background-clip:text}.difficulty-easy,.difficulty-medium{-webkit-text-fill-color:#0000;font-weight:700}.difficulty-medium{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--hub-gradient-secondary);-webkit-background-clip:text;background-clip:text}.difficulty-hard{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;background-clip:text;font-weight:700}.game-actions{margin-top:auto;padding-top:1rem}.game-card .game-actions button{border-radius:12px;box-shadow:0 4px 15px #0003;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.game-card .game-actions button:not(:disabled):hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.hub-footer{grid-gap:3rem;border-top:2px solid #fff3;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem;padding-top:3rem}.hub-footer h3{color:#212529;color:var(--hub-text-primary);font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.legal-section{border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:2rem;padding-top:2rem;text-align:center}.legal-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.legal-link{background:#ffffff0d;border-radius:8px;color:#212529;color:var(--hub-text-primary);font-size:.95rem;opacity:.8;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.legal-link:hover{background:#ffffff1a;opacity:1;text-decoration:none;transform:translateY(-2px)}.legal-separator{font-size:.8rem;opacity:.5}.copyright,.legal-separator{color:#212529;color:var(--hub-text-primary)}.copyright{font-size:.85rem;margin:0;opacity:.6}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--hub-gradient-accent);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:#212529;color:var(--hub-text-primary);font-size:.9rem;opacity:.9}.features-list{grid-gap:1rem;display:grid;gap:1rem}.feature-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 25px #0003;transform:translateX(8px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem;text-align:center;width:50px}@media (max-width:768px){.game-hub{padding:1rem .5rem}.hub-header h1{font-size:2.5rem}.hub-subtitle{font-size:1.1rem}.games-grid{gap:1.5rem;grid-template-columns:1fr}.game-card{padding:1.5rem}.game-icon{font-size:3.5rem;height:80px}.hub-footer,.stats-grid{grid-template-columns:1fr}.hub-footer{gap:2rem}}@media (max-width:480px){.hub-header h1{font-size:2rem}.game-header{gap:.5rem}.game-header,.meta-item{align-items:flex-start;flex-direction:column}.meta-item{gap:.25rem}.game-card{padding:1rem}}.login-prompt-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.login-prompt-modal{animation:slideInUp .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.login-prompt-header{border-bottom:1px solid #0000001a;padding:2rem 2rem 1rem;position:relative;text-align:center}.login-prompt-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.login-prompt-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.5rem;font-weight:700;margin:0}.login-prompt-close{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.login-prompt-close:hover{background:#0000001a;color:#666;transform:scale(1.1)}.login-prompt-content{padding:1.5rem 2rem}.login-prompt-message{color:#555;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.login-prompt-benefits{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1.5rem}.benefit-item{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s ease}.benefit-item:hover{background:#667eea26;transform:translateX(4px)}.benefit-icon{flex-shrink:0;font-size:1.2rem}.benefit-item span:last-child{color:#444;font-weight:500}.login-prompt-actions{padding:0 2rem 1.5rem}.login-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.login-btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-prompt-secondary-actions{display:flex;gap:.5rem;justify-content:center}.login-btn-dismiss,.login-btn-postpone{background:none;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.login-btn-postpone:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.login-btn-dismiss:hover{background:#f8f9fa;border-color:#dc3545;color:#dc3545}.login-prompt-footer{padding:0 2rem 2rem;text-align:center}.login-prompt-footer p{color:#777;font-size:.9rem;font-style:italic;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (prefers-color-scheme:dark){.login-prompt-modal{background:#1e1e1ef2;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a}.login-prompt-header{border-bottom-color:#ffffff1a}.login-prompt-header h3{color:#e0e0e0}.login-prompt-close{color:#aaa}.login-prompt-close:hover{background:#ffffff1a;color:#ddd}.login-prompt-message{color:#ccc}.benefit-item{background:#667eea26;border-color:#667eea4d}.benefit-item:hover{background:#667eea33}.benefit-item span:last-child{color:#ddd}.login-btn-dismiss,.login-btn-postpone{border-color:#555;color:#ccc}.login-btn-postpone:hover{background:#333;border-color:#007bff;color:#007bff}.login-btn-dismiss:hover{background:#333;border-color:#dc3545;color:#dc3545}.login-prompt-footer p{color:#999}}@media (max-width:480px){.login-prompt-overlay{padding:.5rem}.login-prompt-modal{border-radius:16px}.login-prompt-header{padding:1.5rem 1.5rem 1rem}.login-prompt-content{padding:1rem 1.5rem}.login-prompt-actions,.login-prompt-footer{padding:0 1.5rem 1.5rem}.login-prompt-secondary-actions{flex-direction:column;gap:.75rem}.login-btn-dismiss,.login-btn-postpone{padding:.75rem;width:100%}}.email-signup-form{background:#fff;background:var(--background-white,#fff);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;width:100%}.email-signup-back{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 0;transition:opacity .15s ease}.email-signup-back:hover:not(:disabled){opacity:.8}.email-signup-back:disabled{cursor:not-allowed;opacity:.5}.email-signup-title{color:#212121;color:var(--text-primary,#212121);font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.email-signup-field{margin-bottom:20px}.email-signup-label{color:#212121;color:var(--text-primary,#212121);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.email-signup-input-wrapper{position:relative}.email-signup-input{background:#fff;background:var(--background-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-size:14px;height:44px;padding:12px 40px 12px 12px;transition:all .15s ease;width:100%}.email-signup-input:focus{border:2px solid #4caf50;border:2px solid var(--primary-green,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none;padding:11px 39px 11px 11px}.email-signup-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.email-signup-input-error{border-color:#f44336}.email-signup-input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.email-signup-input-success{border-color:#4caf50}.email-signup-toggle-password{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .15s ease}.email-signup-toggle-password:hover:not(:disabled){opacity:1}.email-signup-toggle-password:disabled{cursor:not-allowed}.email-signup-success{color:#4caf50}.email-signup-error,.email-signup-success{display:block;font-size:12px;margin-top:4px}.email-signup-error{color:#f44336}.email-signup-password-strength{margin-top:8px}.email-signup-password-strength-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.email-signup-password-strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.email-signup-password-strength-label{font-size:12px;font-weight:500}.email-signup-password-requirements{color:#757575;color:var(--text-secondary,#757575);font-size:12px;line-height:1.6;margin-top:8px}.email-signup-password-requirements .requirement-met{color:#4caf50}.email-signup-checkbox-field{margin-bottom:24px}.email-signup-checkbox-label{align-items:flex-start;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:14px;gap:8px}.email-signup-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.email-signup-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.email-signup-checkbox-label a{color:#4caf50;color:var(--primary-green,#4caf50);text-decoration:none}.email-signup-checkbox-label a:hover{text-decoration:underline}.email-signup-submit{background:#4caf50;background:var(--primary-green,#4caf50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;margin-bottom:16px;transition:all .15s ease;width:100%}.email-signup-submit:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.email-signup-submit:active:not(:disabled){transform:translateY(0)}.email-signup-submit:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.6}.email-signup-footer{color:#757575;color:var(--text-secondary,#757575);font-size:14px;text-align:center}.email-signup-link{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:opacity .15s ease}.email-signup-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.email-signup-link:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.email-signup-form{border-radius:0;box-shadow:none;max-width:100%;padding:20px}.email-signup-title{font-size:20px}.email-signup-input{font-size:16px}}@media (prefers-color-scheme:dark){.email-signup-form{background:#1e1e1e;background:var(--background-dark,#1e1e1e)}.email-signup-input,.email-signup-label,.email-signup-title{color:#fff;color:var(--text-primary,#fff)}.email-signup-input{background:#2c2c2c;border-color:#333}.email-signup-input:disabled{background:#1a1a1a}.email-signup-password-requirements{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.email-signup-checkbox-label{color:#fff;color:var(--text-primary,#fff)}.email-signup-footer{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}}.email-login-form{background:#fff;background:var(--background-white,#fff);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;width:100%}.email-login-back{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 0;transition:opacity .15s ease}.email-login-back:hover:not(:disabled){opacity:.8}.email-login-back:disabled{cursor:not-allowed;opacity:.5}.email-login-title{color:#212121;color:var(--text-primary,#212121);font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.email-login-field{margin-bottom:20px}.email-login-label{color:#212121;color:var(--text-primary,#212121);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.email-login-input-wrapper{position:relative}.email-login-input{background:#fff;background:var(--background-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-size:14px;height:44px;padding:12px 40px 12px 12px;transition:all .15s ease;width:100%}.email-login-input:focus{border:2px solid #4caf50;border:2px solid var(--primary-green,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none;padding:11px 39px 11px 11px}.email-login-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.email-login-input-error{border-color:#f44336}.email-login-input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.email-login-toggle-password{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .15s ease}.email-login-toggle-password:hover:not(:disabled){opacity:1}.email-login-toggle-password:disabled{cursor:not-allowed}.email-login-error{color:#f44336;display:block;font-size:12px;margin-top:4px}.email-login-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.email-login-checkbox-label{align-items:center;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:14px;gap:8px}.email-login-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.email-login-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.email-login-forgot-link{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:opacity .15s ease}.email-login-forgot-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.email-login-forgot-link:disabled{cursor:not-allowed;opacity:.5}.email-login-submit{background:#4caf50;background:var(--primary-green,#4caf50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;margin-bottom:16px;transition:all .15s ease;width:100%}.email-login-submit:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.email-login-submit:active:not(:disabled){transform:translateY(0)}.email-login-submit:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.6}.email-login-footer{color:#757575;color:var(--text-secondary,#757575);font-size:14px;text-align:center}.email-login-link{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:opacity .15s ease}.email-login-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.email-login-link:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.email-login-form{border-radius:0;box-shadow:none;max-width:100%;padding:20px}.email-login-title{font-size:20px}.email-login-input{font-size:16px}.email-login-options{align-items:flex-start;flex-direction:column;gap:12px}}@media (prefers-color-scheme:dark){.email-login-form{background:#1e1e1e;background:var(--background-dark,#1e1e1e)}.email-login-input,.email-login-label,.email-login-title{color:#fff;color:var(--text-primary,#fff)}.email-login-input{background:#2c2c2c;border-color:#333}.email-login-input:disabled{background:#1a1a1a}.email-login-checkbox-label{color:#fff;color:var(--text-primary,#fff)}.email-login-footer{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}}.password-reset-form{background:#fff;background:var(--background-white,#fff);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;width:100%}.password-reset-back{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 0;transition:opacity .15s ease}.password-reset-back:hover:not(:disabled){opacity:.8}.password-reset-back:disabled{cursor:not-allowed;opacity:.5}.password-reset-title{color:#212121;color:var(--text-primary,#212121);font-size:24px;font-weight:700;margin:0 0 16px;text-align:center}.password-reset-description{color:#757575;color:var(--text-secondary,#757575);font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.password-reset-field{margin-bottom:24px}.password-reset-label{display:block;font-weight:500;margin-bottom:8px}.password-reset-input,.password-reset-label{color:#212121;color:var(--text-primary,#212121);font-size:14px}.password-reset-input{background:#fff;background:var(--background-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;box-sizing:border-box;height:44px;padding:12px;transition:all .15s ease;width:100%}.password-reset-input:focus{border:2px solid #4caf50;border:2px solid var(--primary-green,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none;padding:11px}.password-reset-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.password-reset-input-error{border-color:#f44336}.password-reset-input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.password-reset-error{color:#f44336;display:block;font-size:12px;margin-top:4px}.password-reset-submit{background:#4caf50;background:var(--primary-green,#4caf50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;margin-bottom:16px;transition:all .15s ease;width:100%}.password-reset-submit:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.password-reset-submit:active:not(:disabled){transform:translateY(0)}.password-reset-submit:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.6}.password-reset-footer{color:#757575;color:var(--text-secondary,#757575);font-size:14px;text-align:center}.password-reset-link{background:#0000;border:none;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:opacity .15s ease}.password-reset-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.password-reset-link:disabled{cursor:not-allowed;opacity:.5}.password-reset-success{text-align:center}.password-reset-success-icon{font-size:48px;margin-bottom:16px}.password-reset-success-title{color:#212121;color:var(--text-primary,#212121);font-size:24px;font-weight:700;margin:0 0 16px}.password-reset-success-message{color:#757575;color:var(--text-secondary,#757575);font-size:14px;margin:0 0 8px}.password-reset-success-email{color:#212121;color:var(--text-primary,#212121);font-size:16px;font-weight:600;margin:0 0 16px;word-break:break-word}.password-reset-success-note{color:#757575;color:var(--text-secondary,#757575);font-size:13px;margin:0 0 24px}.password-reset-success-actions{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:16px}.password-reset-resend-text{color:#757575;color:var(--text-secondary,#757575);font-size:14px;margin:0 0 12px}.password-reset-resend-button{background:#0000;border:1px solid #4caf50;border:1px solid var(--primary-green,#4caf50);border-radius:6px;color:#4caf50;color:var(--primary-green,#4caf50);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.password-reset-resend-button:hover:not(:disabled){background:#4caf50;background:var(--primary-green,#4caf50);color:#fff}.password-reset-resend-button:disabled{cursor:not-allowed;opacity:.5}.password-reset-back-button{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-size:14px;font-weight:500;height:44px;transition:all .15s ease;width:100%}.password-reset-back-button:hover:not(:disabled){background:#f5f5f5}.password-reset-back-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.password-reset-form{border-radius:0;box-shadow:none;max-width:100%;padding:20px}.password-reset-success-title,.password-reset-title{font-size:20px}.password-reset-input{font-size:16px}.password-reset-success-icon{font-size:40px}}@media (prefers-color-scheme:dark){.password-reset-form{background:#1e1e1e;background:var(--background-dark,#1e1e1e)}.password-reset-success-email,.password-reset-success-title,.password-reset-title{color:#fff;color:var(--text-primary,#fff)}.password-reset-description,.password-reset-resend-text,.password-reset-success-message,.password-reset-success-note{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.password-reset-input,.password-reset-label{color:#fff;color:var(--text-primary,#fff)}.password-reset-input{background:#2c2c2c;border-color:#333}.password-reset-input:disabled{background:#1a1a1a}.password-reset-footer{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.password-reset-success-actions{background:#2c2c2c}.password-reset-back-button{border-color:#333;color:#fff;color:var(--text-primary,#fff)}.password-reset-back-button:hover:not(:disabled){background:#2c2c2c}}.auth-menu-backdrop{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.auth-menu-backdrop-mobile{background:#0009}.auth-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:600px;overflow-y:auto;position:fixed;z-index:1000}.auth-menu-desktop{animation:slideDown .2s ease-out;right:16px;top:60px;width:320px}.auth-menu-mobile{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;bottom:0;left:0;max-height:80vh;padding-bottom:env(safe-area-inset-bottom);right:0;width:100%}.auth-menu-drag-handle{cursor:grab;display:flex;justify-content:center;padding:12px 0}.auth-menu-drag-bar{background:#bdbdbd;border-radius:2px;height:4px;width:40px}.auth-menu-title{color:#212121;color:var(--text-primary,#212121);font-size:18px;font-weight:700;line-height:24px;margin:0;padding:16px 16px 12px}.auth-menu-content{padding:0 16px 16px}.auth-menu-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;height:44px;margin:8px 0;padding:0 12px;transition:all .15s ease;width:100%}.auth-menu-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.auth-menu-button:active{transform:translateY(0)}.auth-menu-button:focus{outline:2px solid #4caf50;outline:2px solid var(--primary-green,#4caf50);outline-offset:2px}.auth-menu-button-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;line-height:1;width:24px}.auth-menu-button-google .auth-menu-button-icon{color:#4285f4;font-family:Product Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:700}.auth-menu-button-facebook .auth-menu-button-icon{color:#1877f2;font-family:Klavika,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-style:italic;font-weight:700}.auth-menu-button-apple .auth-menu-button-icon{color:#000;font-size:20px;font-weight:400}.auth-menu-button-yahoo .auth-menu-button-icon{color:#6001d2;font-family:Arial Black,Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:-1px}.auth-menu-button-text{flex:1 1;text-align:left}.auth-menu-button-arrow{flex-shrink:0;font-size:16px;opacity:.5}.auth-menu-button-google{border-color:#4285f4;color:#4285f4}.auth-menu-button-google:hover{background:#4285f41a;border-color:#4285f4}.auth-menu-button-facebook{border-color:#1877f2;color:#1877f2}.auth-menu-button-facebook:hover{background:#1877f21a;border-color:#1877f2}.auth-menu-button-apple{border-color:#000;color:#000}.auth-menu-button-apple:hover{background:#0000000d;border-color:#000}.auth-menu-button-yahoo{border-color:#6001d2;color:#6001d2}.auth-menu-button-yahoo:hover{background:#6001d21a;border-color:#6001d2}.auth-menu-button-custom{border-color:#ff6b6b;color:#ff6b6b}.auth-menu-button-custom:hover{background:#ff6b6b1a;border-color:#ff6b6b}.auth-menu-button-guest{border-color:#9e9e9e;color:#9e9e9e}.auth-menu-button-guest:hover{background:#9e9e9e1a;border-color:#9e9e9e}.auth-menu-button-login{border-color:#4caf50;color:#4caf50}.auth-menu-button-login:hover{background:#4caf501a;border-color:#4caf50}.auth-menu-button-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.auth-menu-button-disabled:hover{box-shadow:none;transform:none}.auth-menu-divider{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:12px;font-weight:500;margin:16px 0}.auth-menu-divider:after,.auth-menu-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.auth-menu-divider span{padding:0 12px}.auth-menu-divider-line{background:#e0e0e0;height:1px;margin:12px 16px}.auth-menu-profile{padding:16px}.auth-menu-profile-info{display:flex;flex-direction:column;gap:4px}.auth-menu-profile-name{color:#212121;color:var(--text-primary,#212121);font-size:18px;font-weight:600;line-height:22px;margin:0}.auth-menu-profile-email{font-size:13px}.auth-menu-profile-auth,.auth-menu-profile-email{color:#757575;color:var(--text-secondary,#757575);line-height:16px;margin:0}.auth-menu-profile-auth{font-size:12px}.auth-menu-profile-member{color:#9e9e9e;color:var(--text-secondary,#9e9e9e);font-size:11px;line-height:14px;margin:4px 0 0}.auth-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;gap:12px;height:40px;margin:4px 0;padding:8px 12px;text-align:left;transition:background .15s ease;width:100%}.auth-menu-item:hover{background:#0000000d}.auth-menu-item:focus{outline:2px solid #4caf50;outline:2px solid var(--primary-green,#4caf50);outline-offset:2px}.auth-menu-item-icon{flex-shrink:0;font-size:20px;line-height:1}.auth-menu-item-text{flex:1 1}.auth-menu-logout{align-items:center;background:#0000;border:none;border-radius:6px;color:#f44336;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;height:40px;margin:12px 0 0;padding:8px 12px;text-align:left;transition:background .15s ease;width:100%}.auth-menu-logout:hover{background:#f443361a}.auth-menu-logout:focus{outline:2px solid #f44336;outline-offset:2px}.auth-menu-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;height:48px;margin:16px;transition:all .15s ease;width:calc(100% - 32px)}.auth-menu-cancel:hover{background:#0000000d}.auth-menu-cancel:active{background:#0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px) and (max-width:1023px){.auth-menu-desktop{right:12px;width:300px}}@media (prefers-color-scheme:dark){.auth-menu{background:#1e1e1e;box-shadow:0 4px 20px #0000004d}.auth-menu-item,.auth-menu-profile-name,.auth-menu-title{color:#fff}.auth-menu-divider,.auth-menu-profile-auth,.auth-menu-profile-email{color:#b0b0b0}.auth-menu-profile-member{color:grey}.auth-menu-button{background:#2c2c2c;border-color:#333;color:#fff}.auth-menu-button:hover{background:#333}.auth-menu-button-apple .auth-menu-button-icon{color:#fff}.auth-menu-item:hover{background:#ffffff1a}.auth-menu-divider-line{background:#333}.auth-menu-cancel{background:#2c2c2c;border-color:#333;color:#b0b0b0}.auth-menu-cancel:hover{background:#333}}@media (prefers-reduced-motion:reduce){.auth-menu,.auth-menu-backdrop,.auth-menu-button{animation:none;transition:none}}.auth-menu::-webkit-scrollbar{width:8px}.auth-menu::-webkit-scrollbar-track{background:#0000}.auth-menu::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.auth-menu::-webkit-scrollbar-thumb:hover{background:#9e9e9e}@media (prefers-color-scheme:dark){.auth-menu::-webkit-scrollbar-thumb{background:#555}.auth-menu::-webkit-scrollbar-thumb:hover{background:#666}}.responsive-button{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;line-height:1;overflow:hidden;position:relative;text-decoration:none;transition:all var(--animation-normal) ease;-webkit-user-select:none;user-select:none}.responsive-button:focus-visible{outline:2px solid #3498db;outline-offset:2px}.responsive-button--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.responsive-button--small{font-size:var(--font-size-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm)}.responsive-button--medium{font-size:var(--font-size-base);min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md)}.responsive-button--large{font-size:var(--font-size-lg);min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--spacing-md) var(--spacing-lg)}.responsive-button--full-width{width:100%}.responsive-button--primary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff}.responsive-button--primary:hover:not(.responsive-button--disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);border-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.responsive-button--secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#95a5a6;color:#fff}.responsive-button--secondary:hover:not(.responsive-button--disabled){background:linear-gradient(135deg,#7f8c8d,#6c7b7d);border-color:#7f8c8d;box-shadow:0 4px 12px #95a5a64d;transform:translateY(-1px)}.responsive-button--outline{background:#0000;border-color:#3498db;color:#3498db}.responsive-button--outline:hover:not(.responsive-button--disabled){background:#3498db;box-shadow:0 4px 12px #3498db33;color:#fff;transform:translateY(-1px)}.responsive-button--ghost{background:#0000;border-color:#0000;color:#333}.responsive-button--ghost:hover:not(.responsive-button--disabled){background:#0000000d;transform:translateY(-1px)}@media (hover:none) and (pointer:coarse){.responsive-button:hover:not(.responsive-button--disabled){box-shadow:none;transform:none}.responsive-button:active:not(.responsive-button--disabled){transform:scale(.95);transition:all var(--animation-fast) ease}.responsive-button--small{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md)}.responsive-button--medium{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.responsive-button:active:not(.responsive-button--disabled):after{animation:ripple var(--animation-normal) ease-out;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.responsive-button__content{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;position:relative;z-index:1}@media (max-width:480px){.responsive-button--large{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}}@media (prefers-contrast:high){.responsive-button,.responsive-button--outline{border-width:3px}}@media (prefers-reduced-motion:reduce){.responsive-button{transition:none}.responsive-button:active:not(.responsive-button--disabled),.responsive-button:hover:not(.responsive-button--disabled){transform:none}}@media (prefers-color-scheme:dark){.responsive-button--ghost{color:#ecf0f1}.responsive-button--ghost:hover:not(.responsive-button--disabled){background:#ffffff1a}}.notification-container{max-width:400px;pointer-events:none;position:fixed;width:100%;z-index:1000}.notification-container--top-right{right:var(--spacing-lg);top:var(--spacing-lg)}.notification-container--top-left{left:var(--spacing-lg);top:var(--spacing-lg)}.notification-container--bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg)}.notification-container--bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg)}.notification-container--top-center{left:50%;top:var(--spacing-lg);transform:translateX(-50%)}.notification-container--bottom-center{bottom:var(--spacing-lg);left:50%;transform:translateX(-50%)}.notification-container__header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-xs);pointer-events:auto}.notification-container__clear-all{background:#000000b3;border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--animation-fast) ease}.notification-container__clear-all:hover{background:#000c}.notification-container__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{word-wrap:break-word;align-items:flex-start;animation:slideIn var(--animation-normal) ease-out;background:#fff;border-left:4px solid #007bff;border-left:4px solid var(--notification-accent-color,#007bff);border-radius:var(--border-radius-md);box-shadow:0 4px 20px #00000026;display:flex;gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-md);pointer-events:auto;position:relative}.notification-item--success{--notification-accent-color:#28a745;background:#f8fff9;border-left-color:#28a745}.notification-item--error{--notification-accent-color:#dc3545;background:#fff8f8;border-left-color:#dc3545}.notification-item--warning{--notification-accent-color:#ffc107;background:#fffef8;border-left-color:#ffc107}.notification-item--info{--notification-accent-color:#17a2b8;background:#f8feff;border-left-color:#17a2b8}.notification-item--turn-based{--notification-accent-color:#6f42c1;background:#faf9ff;border-left-color:#6f42c1}.notification-item--game-invite{--notification-accent-color:#fd7e14;background:#fff9f5;border-left-color:#fd7e14}.notification-item--game-result{--notification-accent-color:#20c997;background:#f8fffe;border-left-color:#20c997}.notification-item__icon{flex-shrink:0;font-size:1.25rem;margin-top:2px}.notification-item__content{flex:1 1;min-width:0}.notification-item__title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.notification-item__message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-sm)}.notification-item__actions{margin-top:var(--spacing-sm)}.notification-item__dismiss{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;line-height:1;padding:var(--spacing-xs);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:all var(--animation-fast) ease;width:24px}.notification-item__dismiss:hover{background:#0000001a;color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-container--bottom-left .notification-item,.notification-container--top-left .notification-item{animation:slideInLeft var(--animation-normal) ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.notification-container--top-center .notification-item{animation:slideInTop var(--animation-normal) ease-out}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notification-container--bottom-center .notification-item{animation:slideInBottom var(--animation-normal) ease-out}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-container{left:var(--spacing-sm)!important;max-width:calc(100vw - var(--spacing-md));right:var(--spacing-sm)!important;transform:none!important}.notification-container--top-center,.notification-container--top-left,.notification-container--top-right{top:var(--spacing-md)}.notification-container--bottom-center,.notification-container--bottom-left,.notification-container--bottom-right{bottom:var(--spacing-md)}.notification-item{padding:var(--spacing-sm)}.notification-item,.notification-item__title{font-size:var(--font-size-sm)}.notification-item__message{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.notification-item{animation:fadeIn var(--animation-normal) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (prefers-contrast:high){.notification-item{border:2px solid #007bff;border:2px solid var(--notification-accent-color,#007bff);box-shadow:0 2px 8px #0000004d}.notification-item__dismiss{border:1px solid var(--text-tertiary)}}@media (prefers-color-scheme:dark){.notification-item{background:#2d3748;box-shadow:0 4px 20px #0000004d;color:#e2e8f0}.notification-item--success{background:#1a2e1a}.notification-item--error{background:#2e1a1a}.notification-item--warning{background:#2e2a1a}.notification-item--info{background:#1a252e}.notification-item--turn-based{background:#221a2e}.notification-item--game-invite{background:#2e221a}.notification-item--game-result{background:#1a2e26}.notification-item__title{color:#f7fafc}.notification-item__message{color:#cbd5e0}.notification-container__clear-all{background:#ffffff1a;color:#e2e8f0}.notification-container__clear-all:hover{background:#fff3}}.responsive-layout{margin:0 auto;width:100%}.responsive-layout--xs{max-width:var(--container-xs)}.responsive-layout--sm{max-width:var(--container-sm)}.responsive-layout--md{max-width:var(--container-md)}.responsive-layout--lg{max-width:var(--container-lg)}.responsive-layout--xl{max-width:var(--container-xl)}.responsive-layout--padding-none .responsive-layout__content{padding:0}.responsive-layout--padding-sm .responsive-layout__content{padding:var(--spacing-sm)}.responsive-layout--padding-md .responsive-layout__content{padding:var(--spacing-md)}.responsive-layout--padding-lg .responsive-layout__content{padding:var(--spacing-lg)}.responsive-layout--padding-xl .responsive-layout__content{padding:var(--spacing-xl)}.responsive-layout--centered{align-items:center;display:flex;justify-content:center}.responsive-layout--full-height{min-height:100vh;min-height:-webkit-fill-available}.responsive-layout__content{width:100%}.responsive-grid{display:grid;width:100%}.responsive-grid--gap-sm{gap:var(--spacing-sm)}.responsive-grid--gap-md{gap:var(--spacing-md)}.responsive-grid--gap-lg{gap:var(--spacing-lg)}.responsive-grid--gap-xl{gap:var(--spacing-xl)}.responsive-grid--xs-1{grid-template-columns:1fr}.responsive-grid--xs-2{grid-template-columns:repeat(2,1fr)}.responsive-grid--xs-3{grid-template-columns:repeat(3,1fr)}.responsive-grid--xs-4{grid-template-columns:repeat(4,1fr)}@media (min-width:480px){.responsive-grid--sm-1{grid-template-columns:1fr}.responsive-grid--sm-2{grid-template-columns:repeat(2,1fr)}.responsive-grid--sm-3{grid-template-columns:repeat(3,1fr)}.responsive-grid--sm-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.responsive-grid--md-1{grid-template-columns:1fr}.responsive-grid--md-2{grid-template-columns:repeat(2,1fr)}.responsive-grid--md-3{grid-template-columns:repeat(3,1fr)}.responsive-grid--md-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.responsive-grid--lg-1{grid-template-columns:1fr}.responsive-grid--lg-2{grid-template-columns:repeat(2,1fr)}.responsive-grid--lg-3{grid-template-columns:repeat(3,1fr)}.responsive-grid--lg-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.responsive-grid--xl-1{grid-template-columns:1fr}.responsive-grid--xl-2{grid-template-columns:repeat(2,1fr)}.responsive-grid--xl-3{grid-template-columns:repeat(3,1fr)}.responsive-grid--xl-4{grid-template-columns:repeat(4,1fr)}}.responsive-stack{display:flex;width:100%}.responsive-stack--column{flex-direction:column}.responsive-stack--row{flex-direction:row}.responsive-stack--gap-sm{gap:var(--spacing-sm)}.responsive-stack--gap-md{gap:var(--spacing-md)}.responsive-stack--gap-lg{gap:var(--spacing-lg)}.responsive-stack--gap-xl{gap:var(--spacing-xl)}.responsive-stack--align-start{align-items:flex-start}.responsive-stack--align-center{align-items:center}.responsive-stack--align-end{align-items:flex-end}.responsive-stack--align-stretch{align-items:stretch}.responsive-stack--justify-start{justify-content:flex-start}.responsive-stack--justify-center{justify-content:center}.responsive-stack--justify-end{justify-content:flex-end}.responsive-stack--justify-between{justify-content:space-between}.responsive-stack--justify-around{justify-content:space-around}@media (min-width:480px){.responsive-stack--sm-row{flex-direction:row}}@media (min-width:768px){.responsive-stack--md-row{flex-direction:row}}@media (min-width:1024px){.responsive-stack--lg-row{flex-direction:row}}.responsive-navigation{background:#fff;border-bottom:1px solid #e0e0e0;position:relative;width:100%;z-index:100}.responsive-navigation__header{align-items:center;display:flex;justify-content:space-between;min-height:var(--touch-target-large);padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + env(safe-area-inset-left));padding-right:calc(var(--spacing-md) + env(safe-area-inset-right));padding-top:calc(var(--spacing-md) + env(safe-area-inset-top))}.responsive-navigation__back-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:var(--font-size-xl);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:all var(--animation-normal) ease}.responsive-navigation__back-button:hover{background:#0000000d}.responsive-navigation__title{color:#333;flex:1 1;font-size:var(--font-size-lg);font-weight:600;margin:0;padding:0 var(--spacing-md);text-align:center}.responsive-navigation__menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:all var(--animation-normal) ease}.responsive-navigation__hamburger{display:flex;flex-direction:column;gap:3px;height:16px;width:20px}.responsive-navigation__hamburger span{background:#333;border-radius:1px;display:block;height:2px;transition:all var(--animation-normal) ease;width:100%}.responsive-navigation--menu-open .responsive-navigation__hamburger span:first-child{transform:rotate(45deg) translate(5px,5px)}.responsive-navigation--menu-open .responsive-navigation__hamburger span:nth-child(2){opacity:0}.responsive-navigation--menu-open .responsive-navigation__hamburger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.responsive-navigation__menu{display:block}.responsive-navigation__list{display:flex;gap:var(--spacing-sm);list-style:none;margin:0;padding:0;padding:0 var(--spacing-md) var(--spacing-md)}.responsive-navigation__item{margin:0}.responsive-navigation__link{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--animation-normal) ease}.responsive-navigation__link:hover:not(.responsive-navigation__link--disabled){background:#3498db1a;color:#3498db}.responsive-navigation__link--active{background:#3498db;color:#fff}.responsive-navigation__link--active:hover{background:#2980b9}.responsive-navigation__link--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.responsive-navigation__icon{font-size:var(--font-size-base)}.responsive-navigation__label{white-space:nowrap}.responsive-navigation__overlay{display:none}@media (max-width:768px){.responsive-navigation__menu-toggle{display:flex}.responsive-navigation__menu{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all var(--animation-normal) ease;visibility:hidden;z-index:1000}.responsive-navigation--menu-open .responsive-navigation__menu{opacity:1;transform:translateY(0);visibility:visible}.responsive-navigation__list{flex-direction:column;gap:0;padding:var(--spacing-md)}.responsive-navigation__link{border-radius:12px;font-size:var(--font-size-base);justify-content:flex-start;min-height:var(--touch-target-comfortable);padding:var(--spacing-md);width:100%}.responsive-navigation__overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}@media (hover:none) and (pointer:coarse){.responsive-navigation__back-button:active{background:#0000001a;transform:scale(.95)}.responsive-navigation__menu-toggle:active{background:#0000000d;transform:scale(.95)}.responsive-navigation__link:active:not(.responsive-navigation__link--disabled){transform:scale(.98)}}@media (orientation:landscape) and (max-height:600px){.responsive-navigation__header{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.responsive-navigation__title{font-size:var(--font-size-base)}.responsive-navigation__list{padding:var(--spacing-sm) var(--spacing-md)}.responsive-navigation__link{min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm)}}@media (prefers-contrast:high){.responsive-navigation{border-bottom-width:2px}.responsive-navigation__link{border:1px solid #0000}.responsive-navigation__link--active{border-color:#fff}}@media (prefers-color-scheme:dark){.responsive-navigation{background:#2c3e50;border-bottom-color:#34495e}.responsive-navigation__back-button,.responsive-navigation__title{color:#ecf0f1}.responsive-navigation__hamburger span{background:#ecf0f1}.responsive-navigation__menu{background:#2c3e50;border-bottom-color:#34495e}.responsive-navigation__link{color:#bdc3c7}.responsive-navigation__link:hover:not(.responsive-navigation__link--disabled){background:#3498db33;color:#3498db}}
/*# sourceMappingURL=main.f38541e6.css.map*/