.app[data-v-0738e946]{min-height:100vh;min-height:calc(100vh - var(--safe-area-inset-bottom));background:var(--app-background);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative;padding-top:var(--safe-area-inset-top);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);box-sizing:border-box}.app[data-theme=dark][data-v-0738e946]{--app-background: #1e2329;--header-bg: rgba(43, 47, 54, .95);--text-primary: #eaecef;--text-secondary: #848e9c;--text-muted: #5e6673;--card-bg: #2b2f36;--surface-bg: #1e2329;--border-color: #3c3f42;--divider-color: #2b2f36;--accent-color: #fcd535;--accent-hover: #f0b90b}.app[data-theme=light][data-v-0738e946]{--app-background: #fafafa;--header-bg: rgba(255, 255, 255, .95);--text-primary: #1e2329;--text-secondary: #707a8a;--text-muted: #848e9c;--card-bg: #ffffff;--surface-bg: #fafafa;--border-color: #eaecef;--divider-color: #f5f5f5;--accent-color: #fcd535;--accent-hover: #f0b90b}.loading-overlay[data-v-0738e946]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-0738e946]{text-align:center;color:#fff}.spinner[data-v-0738e946]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin-0738e946 1s linear infinite;margin:0 auto 1rem}@keyframes spin-0738e946{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-0738e946]{font-size:1.1rem;margin:0}.error-boundary[data-v-0738e946]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;z-index:9999}.error-content[data-v-0738e946]{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%}.error-title[data-v-0738e946]{color:#dc2626;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.error-message[data-v-0738e946]{color:#7f1d1d;margin-bottom:1.5rem;line-height:1.6}.retry-btn[data-v-0738e946]{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.retry-btn[data-v-0738e946]:hover{background:#b91c1c;transform:translateY(-1px)}.app-header[data-v-0738e946]{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:.75rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.header-content[data-v-0738e946]{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.app-logo[data-v-0738e946]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-0738e946]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent-color);color:#1e2329;transition:all var(--transition-fast)}.logo-svg[data-v-0738e946]{width:20px;height:20px}.app-title[data-v-0738e946]{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.025em}.header-controls[data-v-0738e946]{display:flex;align-items:center;gap:1rem}.theme-toggle-btn[data-v-0738e946]{width:36px;height:36px;min-width:var(--touch-target-size, 44px);min-height:var(--touch-target-size, 44px);border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d;will-change:transform;-webkit-tap-highlight-color:transparent;backface-visibility:hidden}.theme-toggle-btn[data-v-0738e946]:hover{background:var(--accent-color);color:#1e2329;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #fcd53533}@media (hover: none) and (pointer: coarse){.theme-toggle-btn[data-v-0738e946]:hover{transform:none;box-shadow:0 1px 3px #0000000d}.theme-toggle-btn[data-v-0738e946]:active{transform:scale(.95);background:var(--accent-color);color:#1e2329;border-color:var(--accent-color);transition:transform .1s ease-out}}.icon[data-v-0738e946]{width:20px;height:20px;fill:currentColor}.app-main[data-v-0738e946]{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:calc(100vh - 120px)}.game-container[data-v-0738e946]{display:grid;grid-template-columns:340px 1fr 340px;gap:1.5rem;max-width:1600px;width:100%;align-items:start}.game-panel-container[data-v-0738e946],.game-settings-container[data-v-0738e946]{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal)}.game-board-container[data-v-0738e946]{background:var(--card-bg);border-radius:16px;box-shadow:0 8px 24px #00000014;border:1px solid var(--border-color);padding:2rem;display:flex;align-items:center;justify-content:center;min-height:650px;transition:all var(--transition-normal);position:relative}.panel-loading[data-v-0738e946],.board-loading[data-v-0738e946]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary)}.mini-spinner[data-v-0738e946]{width:20px;height:20px;border:2px solid rgba(156,163,175,.3);border-top:2px solid #9ca3af;border-radius:50%;animation:spin-0738e946 1s linear infinite}.notification[data-v-0738e946]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:320px;animation:slideInRight-0738e946 .3s ease-out;border:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideInRight-0738e946{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.info[data-v-0738e946]{background:#1e2329f2;color:#eaecef;border-color:#3c3f42}.notification.success[data-v-0738e946]{background:#02c0761a;color:#02c076;border-color:#02c076}.notification.warning[data-v-0738e946]{background:#fcd5351a;color:#fcd535;border-color:#fcd535}.notification.error[data-v-0738e946]{background:#f6465d1a;color:#f6465d;border-color:#f6465d}.notification p[data-v-0738e946]{margin:0;line-height:1.5}.notification-close[data-v-0738e946]{background:none;border:none;color:currentColor;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;opacity:.7;transition:opacity var(--transition-fast)}.notification-close[data-v-0738e946]:hover{opacity:1}@media (max-width: 1200px){.game-container[data-v-0738e946]{grid-template-columns:280px 1fr 280px;gap:1.5rem;max-width:100%}}@media (max-width: 1024px){.game-container[data-v-0738e946]{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem;max-width:600px}.app-main[data-v-0738e946]{padding:1rem}.notification[data-v-0738e946]{top:1rem;right:1rem;left:1rem;min-width:auto}}@media (max-width: 768px){.header-content[data-v-0738e946]{padding:0 1rem}.app-title[data-v-0738e946]{font-size:1.5rem}.game-board-container[data-v-0738e946]{padding:.5rem;min-height:auto;max-width:100%;overflow:hidden}.app-main[data-v-0738e946]{padding:.5rem;min-height:calc(100vh - 80px)}.game-container[data-v-0738e946]{gap:.5rem;padding:0}}@media (max-width: 480px){.app-title[data-v-0738e946]{font-size:1.25rem}.theme-toggle-btn[data-v-0738e946]{width:36px;height:36px}.icon[data-v-0738e946]{width:18px;height:18px}.game-container[data-v-0738e946]{gap:.5rem;max-width:100%;margin:0;padding:0}.app-main[data-v-0738e946]{padding:.25rem;min-height:calc(100vh - 70px)}.header-content[data-v-0738e946]{padding:0 .5rem}.game-board-container[data-v-0738e946]{padding:.25rem;min-height:auto;border-radius:12px;box-sizing:border-box}.notification[data-v-0738e946]{top:.5rem;right:.5rem;left:.5rem;font-size:.875rem;padding:.75rem}}@media (max-width: 400px){.app-title[data-v-0738e946]{font-size:1.125rem}.theme-toggle-btn[data-v-0738e946]{width:32px;height:32px}.icon[data-v-0738e946]{width:16px;height:16px}.game-container[data-v-0738e946]{gap:.25rem;padding:0;margin:0}.app-main[data-v-0738e946]{padding:.125rem;min-height:calc(100vh - 60px)}.header-content[data-v-0738e946]{padding:0 .25rem}.game-board-container[data-v-0738e946]{padding:.125rem;min-height:auto;width:100%;box-sizing:border-box;border-radius:8px}.app-header[data-v-0738e946]{height:60px}.app[data-v-0738e946]{padding:0}}@media (max-height: 500px) and (orientation: landscape){.app[data-v-0738e946]{min-height:100vh;padding-top:max(var(--safe-area-inset-top),8px);padding-bottom:max(var(--safe-area-inset-bottom),8px)}.app-header[data-v-0738e946]{height:50px;padding:.5rem 0}.app-title[data-v-0738e946]{font-size:1rem}.theme-toggle-btn[data-v-0738e946]{width:32px;height:32px;min-width:32px;min-height:32px}.icon[data-v-0738e946]{width:14px;height:14px}.game-container[data-v-0738e946]{grid-template-columns:220px 1fr 220px;grid-template-rows:1fr;gap:.75rem;max-height:calc(100vh - 60px)}.app-main[data-v-0738e946]{padding:.5rem;min-height:calc(100vh - 50px)}.game-board-container[data-v-0738e946]{padding:.75rem;min-height:auto;max-height:calc(100vh - 80px)}.game-panel-container[data-v-0738e946],.game-settings-container[data-v-0738e946]{max-height:calc(100vh - 80px);overflow-y:auto}}.game-panel-container[data-v-0738e946]:hover,.game-settings-container[data-v-0738e946]:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f;border-color:var(--accent-color)}.game-board-container[data-v-0738e946]:hover{transform:translateY(-1px);box-shadow:0 12px 48px #00000026}.logo-icon[data-v-0738e946]:hover{transform:scale(1.05);box-shadow:0 4px 12px #fcd5354d}.theme-toggle-btn[data-v-0738e946]:focus{outline:2px solid var(--primary-color, #667eea);outline-offset:2px}.retry-btn[data-v-0738e946]:focus{outline:2px solid #dc2626;outline-offset:2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#1e2329;background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#fcd535;text-decoration:none;transition:color .2s ease-out}a:hover{color:#faca04}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}img{max-width:100%;height:auto}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#fcd535}.text-secondary{color:#1e2329}.text-success{color:#02c076}.text-warning{color:#fcd535}.text-error{color:#f6465d}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.border{border:1px solid #eaecef}.border-t{border-top:1px solid #eaecef}.border-b{border-bottom:1px solid #eaecef}.border-l{border-left:1px solid #eaecef}.border-r{border-right:1px solid #eaecef}.rounded-sm{border-radius:.25rem}.rounded{border-radius:.5rem}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #0000001a}.transition{transition:all .2s ease-out}.transition-fast{transition:all .15s ease-out}.transition-slow{transition:all .3s ease-out}.hidden{display:none}.invisible{visibility:hidden}.visible{visibility:visible}@media (max-width: 576px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media (max-width: 992px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--touch-target-size: 44px}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-top:var(--safe-area-inset-top);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom)}*{touch-action:manipulation}.game-board,.game-panel,.game-settings{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (hover: none) and (pointer: coarse){input[type=number],select{font-size:16px;border-radius:8px;padding:8px 12px}}@media (hover: none) and (pointer: coarse){button,.btn{min-height:var(--touch-target-size);min-width:var(--touch-target-size);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}button:hover,.btn:hover{transform:none;box-shadow:none}button:active,.btn:active{transform:scale(.96);transition:transform .1s ease-out;background-color:#fcd5351a}button:focus,.btn:focus{outline:2px solid rgba(252,213,53,.5);outline-offset:2px}}@media (hover: none) and (pointer: coarse){.card:hover,.panel-card:hover,.settings-card:hover{transform:none;box-shadow:none;border-color:inherit}}@media (max-width: 360px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}@media (max-height: 500px) and (orientation: landscape){body{line-height:1.4}.app-header{height:48px}.card,.panel-card,.settings-card{margin-bottom:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}::-webkit-scrollbar-thumb{background:#707a8a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1e2329}::selection{background:#fcd5354d;color:#1e2329}