:root{--color-bg-primary: #e8eef4;--color-surface: #ffffff;--color-text-primary: #2c3e50;--color-text-secondary: #5a6c7d;--color-primary: #6b8e23;--color-primary-hover: #7aa329;--color-accent-1: #4a90a4;--color-accent-2: #d4a05a;--color-accent-3: #7cb342;--color-cell-hidden: #b8c6d6;--color-cell-hidden-hover: #a8b8ca;--color-cell-revealed: #e8eef4;--color-cell-flagged: #ffeb3b;--color-mine: #c62828;--color-success: #4caf50;--color-error: #e53935;--color-border: #9eb3c6;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--duration-fast: .15s}body.dark-mode{--color-bg-primary: #1a1f25;--color-surface: #252d38;--color-text-primary: #e8eef4;--color-text-secondary: #9eb3c6;--color-primary: #7cb342;--color-primary-hover: #8bc34a;--color-accent-1: #5c9ead;--color-accent-2: #e0b060;--color-accent-3: #8bc34a;--color-cell-hidden: #3a4654;--color-cell-hidden-hover: #4a5a6c;--color-cell-revealed: #2c3744;--color-cell-flagged: #ffc107;--color-mine: #ef5350;--color-success: #66bb6a;--color-error: #ef5350;--color-border: #4a5a6c}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);width:100%}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-12)}.container{width:100%;max-width:600px;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-20);box-shadow:0 4px 12px #0000001a}.header{text-align:center;margin-bottom:var(--space-16)}.header-top{display:flex;align-items:center;justify-content:center;gap:var(--space-12);margin-bottom:var(--space-8)}.header h1{font-size:28px;font-weight:700;color:var(--color-primary);letter-spacing:-.5px}.theme-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:var(--space-8);border-radius:50%;transition:background-color var(--duration-fast)}.theme-toggle:hover{background-color:var(--color-cell-hidden)}.mode-badge{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--space-12)}.game-status-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-24);margin-bottom:var(--space-12);padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-md)}.mine-counter,.timer{font-size:20px;font-weight:700;font-family:Courier New,monospace;font-variant-numeric:tabular-nums;color:var(--color-text-primary);min-width:80px}.status-face{font-size:32px;background:var(--color-cell-hidden);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-4) var(--space-8);transition:transform var(--duration-fast)}.status-face:hover{transform:scale(1.1)}.status-face:active{transform:scale(.95)}.settings-toggles{display:flex;gap:var(--space-8);justify-content:center}.settings-toggle-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-8);font-size:18px;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast),background-color var(--duration-fast)}.settings-toggle-btn.active{opacity:1;background-color:var(--color-surface)}.settings-toggle-btn:hover{opacity:1}.board-container{display:flex;justify-content:center;margin:var(--space-16) 0;overflow-x:auto;padding:var(--space-8)}.minesweeper-board{display:grid;gap:2px;background:var(--color-border);padding:3px;border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px #0000001a}.board-large .cell{width:40px;height:40px;font-size:18px}.board-medium .cell{width:32px;height:32px;font-size:14px}.board-small .cell{width:24px;height:24px;font-size:12px}.cell{display:flex;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none;border-radius:2px}.cell:focus{outline:none}.cell.hidden{background:linear-gradient(145deg,var(--color-cell-hidden),var(--color-cell-hidden-hover));box-shadow:1px 1px 2px #0003,-1px -1px 2px #ffffff1a}.cell.hidden:hover{background:var(--color-cell-hidden-hover);transform:scale(1.02)}.cell.hidden:active{background:var(--color-cell-revealed);box-shadow:inset 1px 1px 2px #0003}.cell.revealed{background:var(--color-cell-revealed);box-shadow:inset 1px 1px 2px #0000001a;cursor:default}.cell.flagged,.cell.question{background:linear-gradient(145deg,var(--color-cell-hidden),var(--color-cell-hidden-hover))}.cell.mine{background:var(--color-error);animation:explode .3s ease-out}.cell.exploded{background:#ff1744}@keyframes explode{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cell.number-1{color:#1976d2}.cell.number-2{color:#388e3c}.cell.number-3{color:#d32f2f}.cell.number-4{color:#7b1fa2}.cell.number-5{color:#ff8f00}.cell.number-6{color:#00897b}.cell.number-7{color:#5d4037}.cell.number-8{color:#424242}.cell.game-over{cursor:not-allowed}.btn-icon{background:none;border:none;font-size:20px;cursor:pointer;padding:var(--space-4)}.btn{padding:var(--space-12) var(--space-16);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration-fast);text-transform:uppercase;letter-spacing:.5px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 8px #6b8e234d}.btn-secondary{background-color:var(--color-accent-1);color:#fff}.btn-secondary:hover{background-color:#5a9db0}.btn-tertiary{background-color:var(--color-accent-2);color:#fff}.btn-tertiary:hover{background-color:#e0b060}.btn-sm{padding:var(--space-8) var(--space-12);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.controls{margin-top:var(--space-16)}.button-row{display:flex;gap:var(--space-8);justify-content:center}.controls-hint{margin-top:var(--space-12);text-align:center;font-size:12px;color:var(--color-text-secondary)}.controls-hint p{margin:var(--space-4) 0}.message{text-align:center;padding:var(--space-12);border-radius:var(--radius-sm);margin-top:var(--space-12);font-weight:600;animation:slideIn .3s ease}.message.success{background-color:var(--color-success);color:#fff}.message.error{background-color:var(--color-error);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:var(--space-24);text-align:center}.menu-title{font-size:48px;color:var(--color-primary);margin-bottom:var(--space-4)}.menu-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-32);font-size:18px}.menu-options{display:flex;flex-direction:column;gap:var(--space-24);width:100%}.mode-group{display:flex;flex-direction:column;gap:var(--space-8)}.mode-group h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.menu-btn{width:100%;padding:var(--space-16);font-size:16px;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.resume-btn{background-color:var(--color-success)}.resume-btn:hover{background-color:#5cb860}.badge{font-size:10px;padding:2px 6px;border-radius:4px;background-color:#00000026;font-weight:700}.menu-footer{margin-top:var(--space-48);color:var(--color-text-secondary);font-size:12px}.privacy-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:12px;margin-top:var(--space-8);display:block}.privacy-link:hover{color:var(--color-primary)}.tutorial-overlay,.statistics-overlay,.privacy-overlay,.custom-size-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16)}.tutorial-modal,.statistics-modal,.privacy-modal,.custom-size-modal{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-24);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:fadeIn var(--duration-fast) ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tutorial-close,.statistics-close,.privacy-close,.custom-size-close{position:absolute;top:var(--space-12);right:var(--space-12);background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-secondary)}.tutorial-progress{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-20)}.tutorial-progress-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-border);transition:background-color var(--duration-fast)}.tutorial-progress-dot.active{background-color:var(--color-primary)}.tutorial-progress-dot.completed{background-color:var(--color-success)}.tutorial-title,.statistics-title,.privacy-title,.custom-size-title{font-size:22px;text-align:center;margin-bottom:var(--space-16);color:var(--color-text-primary)}.tutorial-content{text-align:center;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-20)}.tutorial-visual{background-color:var(--color-bg-primary);border-radius:var(--radius-sm);padding:var(--space-16);margin-bottom:var(--space-20);text-align:center}.tutorial-grid-demo{display:flex;gap:var(--space-12);justify-content:center;flex-wrap:wrap}.tutorial-grid-demo div{background-color:var(--color-accent-1);color:#fff;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:14px}.tutorial-nav{display:flex;gap:var(--space-12);justify-content:center}.tutorial-btn{min-width:120px}.tutorial-btn:disabled{opacity:.3}.tutorial-number-demo,.tutorial-flag-demo,.tutorial-chord-demo,.safe-click-demo,.ready-demo{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.demo-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-cell-hidden);border-radius:var(--radius-sm);font-weight:700;font-size:16px}.demo-cell.number{background:var(--color-cell-revealed);color:#1976d2}.demo-cell.flagged{background:var(--color-cell-hidden)}.demo-arrow{font-size:18px;color:var(--color-text-secondary)}.demo-explanation{color:var(--color-text-secondary);font-size:14px}.chord-grid{display:flex;gap:2px}.chord-hint{width:100%;margin-top:var(--space-8);font-size:14px;color:var(--color-primary)}.big-emoji{font-size:48px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-16);margin-bottom:var(--space-20)}.stat-card{background:var(--color-bg-primary);padding:var(--space-16);border-radius:var(--radius-sm);text-align:center}.stat-card h3{font-size:14px;margin-bottom:var(--space-4)}.stat-size{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--space-12)}.stat-details{display:flex;flex-direction:column;gap:var(--space-8)}.stat-item{display:flex;justify-content:space-between;font-size:13px}.stat-label{color:var(--color-text-secondary)}.stat-value{font-weight:600}.stat-item.best-time{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.statistics-footer{display:flex;gap:var(--space-12);justify-content:center}.privacy-content{text-align:left;color:var(--color-text-secondary);line-height:1.6}.privacy-content section{margin-bottom:var(--space-16)}.privacy-content h3{color:var(--color-text-primary);margin-bottom:var(--space-8);font-size:16px}.privacy-content ul{margin-left:var(--space-20)}.privacy-content a{color:var(--color-primary)}.privacy-footer{margin-top:var(--space-20);text-align:center}.custom-size-form{display:flex;flex-direction:column;gap:var(--space-16);margin-bottom:var(--space-16)}.form-group{display:flex;align-items:center;gap:var(--space-12)}.form-group label{width:80px;font-weight:600}.form-group input{flex:1;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:16px}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-hint{color:var(--color-text-secondary);font-size:12px;width:60px}.custom-size-preview{text-align:center;padding:var(--space-12);background:var(--color-bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-16)}.custom-size-preview p{margin:var(--space-4) 0;color:var(--color-text-secondary)}.custom-size-footer{display:flex;gap:var(--space-12);justify-content:center}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);box-shadow:0 -2px 10px #0000001a;padding:var(--space-16);z-index:1001;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center}.cookie-content p{color:var(--color-text-secondary);font-size:14px}.cookie-buttons{display:flex;gap:var(--space-8)}.install-prompt{position:fixed;bottom:var(--space-16);left:var(--space-16);right:var(--space-16);max-width:400px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;padding:var(--space-16);z-index:1000;animation:slideUp .3s ease}.install-content{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.install-icon{font-size:32px}.install-text{flex:1;min-width:150px}.install-text strong{display:block;color:var(--color-text-primary)}.install-text p{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.install-buttons{display:flex;gap:var(--space-8)}@media(max-width:480px){.container{padding:var(--space-12)}.header h1{font-size:22px}.game-status-bar{gap:var(--space-12);padding:var(--space-4)}.mine-counter,.timer{font-size:16px;min-width:60px}.status-face{font-size:24px}.menu-title{font-size:36px}.button-row{flex-direction:column}.btn{width:100%}.statistics-grid{grid-template-columns:1fr}.install-content{flex-direction:column;text-align:center}}.flag-mode-btn{position:relative}.flag-mode-btn.active{background-color:var(--color-accent-2)!important;color:#fff;animation:flagPulse 1.5s infinite}@keyframes flagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flag-mode-indicator{background:linear-gradient(90deg,var(--color-accent-2),var(--color-accent-1));color:#fff;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:12px;text-align:center;margin-top:var(--space-8);animation:slideIn .3s ease}.mobile-hint{display:none;text-align:center;font-size:11px;color:var(--color-text-secondary);margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.cell,.hex-cell{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media(hover:none)and (pointer:coarse){.mobile-hint{display:block}.board-large .cell{width:44px;height:44px}.board-medium .cell{width:36px;height:36px}.settings-toggle-btn{padding:var(--space-8) var(--space-12);font-size:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.mode-badges{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-12)}.variant-badge{background:var(--color-accent-1);color:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.btn-variant{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-variant:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 2px 8px #667eea66}.game-area{display:flex;gap:var(--space-16);align-items:flex-start;justify-content:center;flex-wrap:wrap}.solver-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-16);min-width:280px;max-width:320px}.solver-header{text-align:center;margin-bottom:var(--space-12)}.solver-header h3{font-size:18px;color:var(--color-primary)}.solver-subtitle{font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-4)}.solver-hint{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-12);margin-bottom:var(--space-12);border-left:4px solid var(--color-primary)}.solver-hint.hint-flag{border-left-color:#e53935}.solver-hint.hint-reveal{border-left-color:#4caf50}.solver-hint.hint-guess{border-left-color:#ff9800}.hint-icon{font-size:24px;text-align:center;margin-bottom:var(--space-8)}.hint-message{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-12)}.hint-actions{display:flex;gap:var(--space-8);justify-content:center}.solver-empty{text-align:center;padding:var(--space-16);color:var(--color-text-secondary);font-size:13px}.solver-btn{width:100%;margin-bottom:var(--space-16)}.solver-legend{padding-top:var(--space-12);border-top:1px solid var(--color-border)}.solver-legend h4{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--space-8)}.legend-item{display:flex;align-items:center;gap:var(--space-8);font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.legend-color{width:16px;height:16px;border-radius:2px}.highlight-mine-preview{background:#e5393580;border:2px solid #e53935}.highlight-safe-preview{background:#4caf5080;border:2px solid #4caf50}.highlight-reference-preview{background:#ff980080;border:2px solid #ff9800}.cell.highlight-mine,.hex-cell.highlight-mine{box-shadow:0 0 0 3px #e53935,inset 0 0 10px #e539354d;animation:pulseRed 1s infinite}.cell.highlight-safe,.hex-cell.highlight-safe{box-shadow:0 0 0 3px #4caf50,inset 0 0 10px #4caf504d;animation:pulseGreen 1s infinite}.cell.highlight-reference,.hex-cell.highlight-reference{box-shadow:0 0 0 3px #ff9800,inset 0 0 10px #ff98004d}@keyframes pulseRed{0%,to{box-shadow:0 0 0 3px #e53935}50%{box-shadow:0 0 0 5px #e53935}}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 3px #4caf50}50%{box-shadow:0 0 0 5px #4caf50}}.hex-board-container{display:flex;justify-content:center;overflow-x:auto;padding:var(--space-16)}.hex-board{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);background:var(--color-border);border-radius:var(--radius-md)}.hex-row{display:flex;gap:2px;margin-top:-10px}.hex-row:first-child{margin-top:0}.hex-row-odd{margin-left:21px}.hex-cell{width:40px;height:46px;display:flex;align-items:center;justify-content:center;border:none;font-weight:700;font-size:16px;cursor:pointer;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-cell:focus{outline:none}.hex-cell.hidden{background:var(--color-cell-hidden)}.hex-cell.hidden:before{content:"";position:absolute;inset:3px;background:linear-gradient(145deg,var(--color-cell-hidden-hover),var(--color-cell-hidden));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:0}.hex-cell.hidden:hover{background:var(--color-primary);transform:scale(1.08);z-index:10}.hex-cell.hidden:hover:before{background:var(--color-cell-hidden-hover);inset:2px}.hex-cell.revealed{background:var(--color-cell-revealed);cursor:default}.hex-cell.revealed:before{content:"";position:absolute;inset:2px;background:var(--color-cell-revealed);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:0}.hex-cell.mine{background:var(--color-error)}.hex-cell.mine:before{background:var(--color-error)}.hex-cell.flagged{background:var(--color-accent-2)}.hex-cell.flagged:before{background:var(--color-cell-hidden)}.hex-cell.number-1{color:#1976d2}.hex-cell.number-2{color:#388e3c}.hex-cell.number-3{color:#d32f2f}.hex-cell.number-4{color:#7b1fa2}.hex-cell.number-5{color:#ff8f00}.hex-cell.number-6{color:#00897b}.hex-cell.game-over{cursor:not-allowed}.hex-content{z-index:1;position:relative}.hex-mode .board-container{padding:var(--space-16)}.hex-mode .container{max-width:900px}.hex-mode .game-container{max-width:1100px}@media(max-width:768px){.game-area{flex-direction:column;align-items:center}.solver-panel{width:100%;max-width:100%}.hex-cell{width:28px;height:32px;font-size:12px}.hex-row-odd{margin-left:15px}}@media(max-width:480px){.hex-cell{width:24px;height:28px;font-size:10px}.hex-row-odd{margin-left:13px}}.app-layout{display:flex;width:100%;min-height:100vh;justify-content:center;align-items:flex-start}.app-content{flex:1;max-width:800px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16)}.game-container{max-width:100%;overflow-x:auto}.ad-sidebar{width:160px;min-height:600px;background:var(--color-surface);display:none}.ad-sidebar-left{margin-right:var(--space-16)}.ad-sidebar-right{margin-left:var(--space-16)}.ad-placeholder{background:transparent}@media(min-width:1200px){.ad-sidebar{display:block}}