:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: rgba(255, 255, 255, .05);--bg-header: rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #666666;--border-color: rgba(255, 255, 255, .1);--accent-color: #4a90d9;--accent-hover: #357abd;--accent-light: rgba(74, 144, 217, .1);--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--gradient-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--overlay-bg: rgba(0, 0, 0, .85);--result-icon-bg: rgba(255, 255, 255, .05);--piece-black: #333333;--piece-blue: #3a7cbd;--piece-white: #ffffff;--board-outer: rgb(180, 130, 80);--board-inner: rgb(218, 160, 109);--board-grid: #000;--board-star: #000}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #e8ecf1;--bg-card: #ffffff;--bg-header: #e8ecf1;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .1);--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--gradient-bg: #f1f5f9;--overlay-bg: rgba(0, 0, 0, .5);--result-icon-bg: #e8ecf1;--piece-black: #1e293b;--piece-blue: #3b82f6;--piece-white: #ffffff;--board-outer: #c4956a;--board-inner: #deb887;--board-grid: #5c4033;--board-star: #5c4033}#app{min-height:100vh;background:var(--gradient-bg);transition:background .3s ease}select{padding:10px;border-radius:6px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font-size:14px;outline:none;transition:all .3s}select:focus{border-color:var(--accent-color)}select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#333}input,button,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}@media (max-width: 768px){.chess-board-wrapper{width:100%!important;max-width:360px!important;margin:0 auto}}@media (max-width: 768px){.chess-board-container{width:100%!important;height:auto!important;max-width:360px!important;aspect-ratio:1/1;padding:4px!important;margin:0 auto}}@media (max-width: 768px){.chess-board{width:100%!important;height:100%!important}}@media (max-width: 768px){.intersections-layer{width:100%!important;height:100%!important}}@media (max-width: 768px){.intersection-row{width:100%!important;height:auto!important;flex:1}}@media (max-width: 768px){.intersection{width:auto!important;height:auto!important;flex:1;aspect-ratio:1/1}}@media (max-width: 768px){.coordinates{font-size:8px}.coordinates span{width:auto;height:auto}}@media (max-width: 768px){.game-view{padding:8px;overflow-x:hidden}}@media (max-width: 768px){.game-view .game-container{flex-direction:column;gap:12px;padding:8px;width:100%;max-width:100vw;overflow-x:hidden}}@media (max-width: 768px){.game-view .players-bar{flex-direction:column;align-items:center;gap:8px;width:100%}}@media (max-width: 768px){.game-view .player-section{width:100%;max-width:360px;padding:8px}}@media (max-width: 768px){.game-view .control-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}.game-view .control-buttons .ctrl-btn{padding:6px 10px;font-size:12px}}@media (max-width: 768px){.game-view .board-section{width:100%;display:flex;justify-content:center;overflow:hidden}}@media (pointer: coarse){.piece{min-width:24px;min-height:24px}.intersection{min-width:20px;min-height:20px}.ctrl-btn{min-height:40px;min-width:40px;padding:6px 10px}}*{touch-action:manipulation}@supports (padding: max(0px)){.game-view{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}.home-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}