*{margin:0;padding:0;box-sizing:border-box}:root{--layout-deadzone: 24px;--content-padding: 16px;--component-spacing: 8px;--element-spacing: 4px;--settings-gap: 1.25rem;--settings-inner-gap: .75rem;--theme-surface: rgba(255, 255, 255, .18);--theme-surface-light: rgba(255, 255, 255, .25);--theme-border: rgba(255, 255, 255, .3);--theme-border-light: rgba(255, 255, 255, .45);--theme-accent: #66bb6a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1a1a1a;overflow-x:hidden;margin:0;padding:0;min-height:100vh;min-height:-webkit-fill-available}.app{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;height:100vh;height:100dvh;height:-webkit-fill-available;display:flex;flex-direction:column;--viewport-height: 100vh;--vh: 1vh;position:relative}.game-container{flex:1;display:flex;min-height:0}.mobile-header{display:none;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;min-height:60px;margin:0;padding:0}.mobile-title{font-size:2.2rem;font-weight:400;color:#fffffff2;margin:0;padding:0;text-shadow:0 1px 4px rgba(0,0,0,.3);letter-spacing:.3px;text-align:center;line-height:1.2;border:none;outline:none}.mobile-title.neon-effect{color:#ff0080;text-shadow:0 0 5px #ff0080,0 0 10px #ff0080,0 0 15px #ff0080,0 0 20px #ff0080,0 0 35px #ff0080,0 0 40px #ff0080;animation:neon-flicker 2s infinite alternate}.left-sidebar{width:280px;box-sizing:border-box;min-height:100vh;min-height:100dvh;position:relative}.sidebar-header{position:sticky;top:0;z-index:10;background:inherit}.sidebar-scrollable{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:transparent}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .2s ease}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-content{display:flex;flex-direction:column;gap:var(--component-spacing);width:100%;max-width:100%;box-sizing:border-box;padding-bottom:var(--layout-deadzone)}.sidebar-game-actions{display:flex;flex-direction:column;gap:var(--element-spacing);margin-top:auto;padding:var(--content-padding);background:var(--theme-surface);border-radius:8px}.desktop-title{font-size:2.5rem;font-weight:400;color:#fffffff2;margin:0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}.desktop-title.neon-effect{color:#ff0080;text-shadow:0 0 7px #ff0080,0 0 14px #ff0080,0 0 21px #ff0080,0 0 28px #ff0080,0 0 42px #ff0080,0 0 56px #ff0080;animation:neon-flicker 2s infinite alternate}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #ff0080,0 0 10px #ff0080,0 0 15px #ff0080,0 0 20px #ff0080,0 0 35px #ff0080,0 0 40px #ff0080}20%,24%,55%{text-shadow:0 0 2px #ff0080,0 0 5px #ff0080,0 0 8px #ff0080,0 0 12px #ff0080,0 0 18px #ff0080,0 0 25px #ff0080}}.game-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--layout-deadzone);min-height:0;gap:var(--component-spacing)}.mobile-game-info{display:none;flex-direction:row;align-items:center;gap:2rem;padding:.75rem 1.5rem;background:#fff;border-radius:50px;box-shadow:0 2px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.current-player{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;color:#4a4a4a}.player-indicator-hex{flex-shrink:0}.move-counter{font-size:.9rem;color:#6a6a6a;font-weight:400}.settings-title{margin:0 0 var(--settings-gap) 0;font-size:1rem;font-weight:600;text-align:center;word-wrap:break-word}.settings-group{display:block;margin-bottom:var(--settings-gap)}.settings-group:last-child{margin-bottom:0}.theme-settings,.board-settings,.time-settings{padding:1rem;border-radius:8px;background:var(--theme-surface-light);border:1px solid var(--theme-border-light);width:100%;box-sizing:border-box}.theme-group,.board-size-group,.time-amount-group{display:flex;flex-direction:column;gap:var(--settings-inner-gap);margin:0}.setting-label{font-size:.85rem;font-weight:500}.setting-select{padding:.5rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fafafa;font-size:.85rem;color:#2c2c2c;cursor:pointer;outline:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box}select option{background:#fff!important;color:#2c2c2c!important;padding:6px 8px!important;font-size:.85rem!important}.minimal-zen select option,.classic-modern select option,.forest-light select option,.neon-light select option{background:#fffffff2!important;color:#2c2c2c!important}.wabi-sabi select option{background:#f8f8f8!important;color:#2d2d2d!important}.setting-slider{width:100%;max-width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;cursor:pointer;box-sizing:border-box}.setting-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;box-shadow:0 2px 6px #0003}.setting-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6a6a6a;margin-top:.25rem}.new-game-btn{padding:.75rem 1.5rem;background:#2c2c2c;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.new-game-btn:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #2c2c2c4d}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.action-btn.primary{background:#2c2c2c;color:#fff}.action-btn.primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 16px #2c2c2c4d}.action-btn.secondary{background:#fff;color:#4a4a4a;border:1px solid rgba(0,0,0,.1)}.action-btn.secondary:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.board-container{display:flex;flex-direction:column;align-items:center;gap:var(--element-spacing);width:100%;height:100%;max-width:none;margin:0 auto;flex:1;min-height:0;justify-content:space-between}.board-section{display:flex;justify-content:center;align-items:center;flex:1;width:100%;min-height:0}.game-board{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex:1;min-height:0}.game-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.game-standby .mobile-game-controls{display:none!important}@media (max-width: 768px){.app{height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available}.mobile-header{display:flex!important;align-items:center;justify-content:center;min-height:60px;margin:0;padding:0;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.left-sidebar{display:none!important}.mobile-game-info{display:block}.mobile-game-controls{display:flex;padding-bottom:env(safe-area-inset-bottom,12px);padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px);position:relative;z-index:10;flex-shrink:0;margin-bottom:env(safe-area-inset-bottom,0px)}.game-standby .mobile-game-controls{display:none!important}.game-playing .mobile-game-controls,.game-finished .mobile-game-controls{display:flex!important}.game-main{padding:.25rem;flex:1;min-height:0;display:flex;flex-direction:column}.board-section{padding:0;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.board-container{gap:.5rem}.player-info-top,.player-info-bottom{flex-shrink:0;max-height:15vh}}@media (max-aspect-ratio: 1/1) and (min-width: 769px){.app{height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available}.mobile-header{display:flex!important;align-items:center;justify-content:center;min-height:60px;margin:0;padding:0;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.left-sidebar{display:none!important}.mobile-game-info{display:block}.mobile-game-controls{display:flex;padding-bottom:env(safe-area-inset-bottom,12px);padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px);position:relative;z-index:10;flex-shrink:0;margin-bottom:env(safe-area-inset-bottom,0px)}.game-standby .mobile-game-controls{display:none!important}.game-playing .mobile-game-controls,.game-finished .mobile-game-controls{display:flex!important}.game-main{padding:.25rem;flex:1;min-height:0;display:flex;flex-direction:column}.board-section{padding:0;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.board-container{gap:.5rem}.player-info-top,.player-info-bottom{flex-shrink:0;max-height:15vh}}@media (min-aspect-ratio: 1/1) and (min-width: 769px){.mobile-header,.mobile-game-info,.mobile-game-controls,.mobile-settings-btn{display:none!important}.left-sidebar{display:flex!important}.board-section{padding:0;flex:1;min-height:0}}.player-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;width:100%}.thinking-indicator{pointer-events:none;-webkit-user-select:none;user-select:none}.thinking-indicator-top{margin-top:8px}.thinking-indicator-bottom{margin-bottom:8px}.player-info.active{box-shadow:0 4px 20px #00000026}.player-info-top{margin-bottom:var(--element-spacing)}.player-info-bottom{margin-top:var(--element-spacing)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4caf50b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4caf5000}to{transform:scale(.95);box-shadow:0 0 #4caf5000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinkingPulse{0%,to{opacity:.9;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.02)}}@media (max-width: 640px){.mobile-title{font-size:1.6rem;margin:0;padding:0}.mobile-game-info{gap:1rem;padding:.5rem 1rem;font-size:.85rem}.action-btn{padding:.65rem 1.25rem;font-size:.85rem}.player-info{gap:8px;padding:8px 12px}.avatar-emoji{font-size:20px}.player-name{font-size:12px}.player-time{font-size:14px}.player-info-top,.player-info-bottom{max-height:12vh}.board-container{gap:.25rem}.thinking-indicator{font-size:12px!important;padding:6px 12px!important;gap:6px!important}.thinking-indicator span{font-size:12px!important}}.mobile-settings-overlay{z-index:1000}.mobile-settings-overlay .mobile-settings-content{z-index:1}.mobile-settings-overlay .mobile-settings-content select,.mobile-settings-overlay .mobile-settings-content input,.mobile-settings-overlay .mobile-settings-content button{z-index:10!important;position:relative}.mobile-settings-overlay select option{z-index:5!important}.setting-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.setting-checkbox input[type=checkbox]{margin:0}.time-settings{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.time-unit-buttons{display:flex;gap:8px;margin-top:8px}.time-unit-btn{flex:1;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease}.time-unit-btn:hover{background:#ffffff26;border-color:#fff6}.time-unit-btn.active{background:#fff3;border-color:#ffffff80;color:#fff;font-weight:600}