:root{--bg-gradient: radial-gradient(circle at center, #1a1c29 0%, #0a0b10 100%);--app-bg: #0d0f17;--panel-bg: rgba(30, 34, 51, .65);--panel-border: rgba(255, 255, 255, .08);--panel-shadow: 0 16px 40px rgba(0, 0, 0, .6);--text-main: #f0f3ff;--text-muted: #8a94b7;--cell-unrevealed: linear-gradient(135deg, #2e3450 0%, #1e2233 100%);--cell-unrevealed-hover: linear-gradient(135deg, #3a4163 0%, #252b41 100%);--cell-revealed: #161925;--cell-border: 1px solid rgba(255, 255, 255, .04);--cell-radius: 6px;--cell-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 4px rgba(0, 0, 0, .2);--cell-font-weight: 800;--accent-neon: #7c4dff;--accent-neon-glow: 0 0 15px rgba(124, 77, 255, .6);--led-bg: #070913;--led-color: #ff3366;--led-glow: 0 0 10px rgba(255, 51, 102, .5);--led-border: 1px solid rgba(255, 255, 255, .05);--smiley-bg: radial-gradient(circle at center, #ffd54f 0%, #ffb300 100%);--smiley-border: 1px solid #ffa000;--smiley-shadow: 0 4px 10px rgba(255, 179, 0, .3);--num-1: #00f0ff;--num-2: #39ff14;--num-3: #ff073a;--num-4: #bd00ff;--num-5: #ff9f00;--num-6: #00ffc4;--num-7: #ff00b7;--num-8: #ffffff;--cell-size: 36px;--cell-font-size: 1.25rem;--board-padding: 16px;--board-border-radius: 16px}.theme-classic-retro{--bg-gradient: none;--app-bg: #3a6ea5;--panel-bg: #c0c0c0;--panel-border: 2px solid;--panel-shadow: none;--text-main: #000000;--text-muted: #808080;--cell-unrevealed: #c0c0c0;--cell-unrevealed-hover: #c0c0c0;--cell-revealed: #c0c0c0;--cell-border: none;--cell-radius: 0px;--cell-shadow: none;--cell-font-weight: bold;--accent-neon: #000080;--accent-neon-glow: none;--led-bg: #000000;--led-color: #ff0000;--led-glow: none;--led-border: 2px solid;--smiley-bg: #c0c0c0;--smiley-border: 1px solid #808080;--smiley-shadow: none;--num-1: #0000ff;--num-2: #008000;--num-3: #ff0000;--num-4: #000080;--num-5: #800000;--num-6: #008080;--num-7: #000000;--num-8: #808080;--cell-size: 26px;--cell-font-size: 1.1rem;--board-padding: 6px;--board-border-radius: 0px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-gradient);background-color:var(--app-bg);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow-x:hidden;transition:background .3s ease,background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.theme-classic-retro ::-webkit-scrollbar{width:16px;height:16px}.theme-classic-retro ::-webkit-scrollbar-track{background:#dfdfdf;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.theme-classic-retro ::-webkit-scrollbar-thumb{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;border-radius:0}.app-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1200px}.app-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;padding:0 8px}.logo{font-size:1.8rem;font-weight:800;letter-spacing:2px;text-shadow:var(--accent-neon-glow)}.logo-accent{color:var(--accent-neon)}.theme-classic-retro .logo{font-family:sans-serif;font-weight:700;font-style:italic;font-size:1.5rem;color:#fff;text-shadow:2px 2px #000000}.theme-classic-retro .logo-accent{color:#ff0}.header-controls{display:flex;gap:10px}.control-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-main);padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.control-btn:hover{background:#ffffff26;border-color:var(--accent-neon);transform:translateY(-1px)}.theme-modern-dark .theme-icon-classic,.theme-classic-retro .theme-icon-modern{display:none}.theme-classic-retro .control-btn{background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;border-radius:0;color:#000;font-family:sans-serif;font-size:.85rem;padding:4px 10px}.theme-classic-retro .control-btn:hover{transform:none;background:silver;border-color:#fff #808080 #808080 #fff}.theme-classic-retro .control-btn:active{border-color:#808080 #fff #fff #808080}.difficulty-selectors{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.diff-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.diff-btn:hover{color:var(--text-main);background:#ffffff1a}.diff-btn.active{background:var(--accent-neon);color:#fff;border-color:var(--accent-neon);box-shadow:var(--accent-neon-glow)}.theme-classic-retro .diff-btn{border-radius:0;background:silver;border:2px solid;border-color:#fff #808080 #808080 #fff;color:#000;font-family:sans-serif;padding:4px 12px}.theme-classic-retro .diff-btn:hover{background:silver}.theme-classic-retro .diff-btn.active{background:#e0e0e0;border-color:#808080 #fff #fff #808080;box-shadow:none;font-weight:700}.custom-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(16px);border-radius:12px;padding:14px 20px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;justify-content:center;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-panel.hidden{display:none!important}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.8rem;color:var(--text-muted);font-weight:600}.input-group input{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-main);padding:8px 12px;width:80px;font-size:.95rem;font-weight:600;outline:none;text-align:center}.input-group input:focus{border-color:var(--accent-neon)}.apply-btn{background:#00e5ff;border:none;color:#0d0f17;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;height:38px;transition:all .2s}.apply-btn:hover{background:#00b8cc;transform:translateY(-1px)}.theme-classic-retro .custom-panel{border-radius:0;border:2px solid;border-color:#808080 #fff #fff #808080;background:silver;box-shadow:none;backdrop-filter:none;padding:8px;gap:10px}.theme-classic-retro .input-group label{color:#000;font-family:sans-serif;font-size:.8rem}.theme-classic-retro .input-group input{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;color:#000;border-radius:0;padding:2px}.theme-classic-retro .apply-btn{background:silver;color:#000;border:2px solid;border-color:#fff #808080 #808080 #fff;border-radius:0;font-family:sans-serif;height:auto;padding:3px 12px}.theme-classic-retro .apply-btn:active{border-color:#808080 #fff #fff #808080}.game-window{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(16px);border-radius:var(--board-border-radius);overflow:hidden;max-width:100%;display:flex;flex-direction:column}.window-title-bar{background:linear-gradient(90deg,#1f2335,#171822);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);user-select:none}.window-title{font-size:.85rem;font-weight:600;color:var(--text-muted);letter-spacing:1px}.window-controls{display:flex;gap:4px}.win-control-btn{background:#ffffff0d;border:none;color:var(--text-muted);width:20px;height:20px;border-radius:4px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.win-control-btn:hover{background:#ffffff26;color:var(--text-main)}.theme-classic-retro .window-title-bar{background:linear-gradient(90deg,navy,#1084d0);padding:3px;border-bottom:none}.theme-classic-retro .window-title{color:#fff;font-family:sans-serif;font-weight:700;font-size:.85rem}.theme-classic-retro .win-control-btn{background:silver;border:1px solid;border-color:#fff #808080 #808080 #fff;color:#000;border-radius:0;width:16px;height:14px;font-size:.8rem;font-weight:700}.theme-classic-retro .win-control-btn:active{border-color:#808080 #fff #fff #808080}.game-inner-container{padding:var(--board-padding);display:flex;flex-direction:column;gap:var(--board-padding)}.theme-classic-retro .game-inner-container{border:3px solid;border-color:#fff #808080 #808080 #fff}.status-bar{background:#0003;border-radius:8px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.theme-classic-retro .status-bar{background:silver;border:2px solid;border-color:#808080 #fff #fff #808080;border-radius:0;padding:4px}.led-display{background-color:var(--led-bg);color:var(--led-color);font-family:VT323,monospace;font-size:2.2rem;padding:2px 10px;border-radius:6px;border:var(--led-border);min-width:65px;text-align:right;letter-spacing:2px;box-shadow:inset 0 2px 5px #00000080;text-shadow:var(--led-glow);user-select:none;line-height:1}.theme-classic-retro .led-display{border-color:#808080 #fff #fff #808080;border-radius:0;font-size:1.8rem;padding:0 5px;box-shadow:none;height:30px}.smiley-btn{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--smiley-bg);border:var(--smiley-border);box-shadow:var(--smiley-shadow);cursor:pointer;transition:transform .1s,box-shadow .1s;outline:none;user-select:none}.smiley-btn:hover{transform:scale(1.05)}.smiley-btn:active{transform:scale(.95)}.theme-classic-retro .smiley-btn{border-radius:0;border:2px solid;border-color:#fff #808080 #808080 #fff;width:26px;height:26px;font-size:1.1rem;box-shadow:none;background:silver}.theme-classic-retro .smiley-btn:hover{transform:none}.theme-classic-retro .smiley-btn:active{transform:none;border-color:#808080 #fff #fff #808080}.board-viewport{max-width:100%;overflow:auto;border-radius:8px}.theme-classic-retro .board-viewport{border:3px solid;border-color:#808080 #fff #fff #808080;border-radius:0}.minefield{display:grid;grid-template-columns:repeat(var(--cols),var(--cell-size));grid-template-rows:repeat(var(--rows),var(--cell-size));gap:2px;background-color:#ffffff05;width:max-content;user-select:none;-webkit-user-select:none;padding:8px}.theme-classic-retro .minefield{background-color:gray;gap:0;padding:0}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--cell-unrevealed);border-radius:var(--cell-radius);box-shadow:var(--cell-shadow);border:var(--cell-border);display:flex;align-items:center;justify-content:center;font-size:var(--cell-font-size);font-weight:var(--cell-font-weight);cursor:pointer;position:relative;transition:background .15s,transform .08s}.theme-modern-dark .cell.unrevealed:hover{background:var(--cell-unrevealed-hover);box-shadow:0 4px 8px #0000004d}.theme-modern-dark .cell.unrevealed:active{transform:scale(.92)}.theme-modern-dark .cell.unrevealed:after{content:"";position:absolute;inset:0}.theme-modern-dark .cell.unrevealed:active:after{transform:scale(1.2)}.theme-classic-retro .cell{box-shadow:none;border:none}.theme-classic-retro .cell.unrevealed{border:2px solid;border-color:#fff #808080 #808080 #fff}.theme-classic-retro .cell.unrevealed.active-press{border:1px solid #808080;background:silver;padding:1px 0 0 1px}.cell.revealed{background:var(--cell-revealed);box-shadow:none;cursor:default}.theme-classic-retro .cell.revealed{border:1px solid #808080;margin:-1px 0 0 -1px}.cell.revealed[data-mines="1"]{color:var(--num-1)}.cell.revealed[data-mines="2"]{color:var(--num-2)}.cell.revealed[data-mines="3"]{color:var(--num-3)}.cell.revealed[data-mines="4"]{color:var(--num-4)}.cell.revealed[data-mines="5"]{color:var(--num-5)}.cell.revealed[data-mines="6"]{color:var(--num-6)}.cell.revealed[data-mines="7"]{color:var(--num-7)}.cell.revealed[data-mines="8"]{color:var(--num-8)}.theme-modern-dark .cell.revealed[data-mines="1"]{text-shadow:0 0 8px rgba(0,240,255,.4)}.theme-modern-dark .cell.revealed[data-mines="2"]{text-shadow:0 0 8px rgba(57,255,20,.4)}.theme-modern-dark .cell.revealed[data-mines="3"]{text-shadow:0 0 8px rgba(255,7,58,.4)}.theme-modern-dark .cell.revealed[data-mines="4"]{text-shadow:0 0 8px rgba(189,0,255,.4)}.theme-modern-dark .cell.revealed[data-mines="5"]{text-shadow:0 0 8px rgba(255,159,0,.4)}.theme-modern-dark .cell.revealed[data-mines="6"]{text-shadow:0 0 8px rgba(0,255,196,.4)}.theme-modern-dark .cell.revealed[data-mines="7"]{text-shadow:0 0 8px rgba(255,0,183,.4)}.theme-modern-dark .cell.revealed[data-mines="8"]{text-shadow:0 0 8px rgba(255,255,255,.4)}.theme-modern-dark .cell.flagged:before{content:"\1f6a9";filter:drop-shadow(0 0 6px rgba(255,7,58,.8));animation:flagBounce .25s ease-out}@keyframes flagBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.theme-classic-retro .cell.flagged:before{content:"\1f6a9"}.cell.questioned:before{content:"\2753";color:var(--text-muted)}.cell.mine-exploded{background:#ff073a!important;box-shadow:0 0 15px #ff073a;transform:scale(1.05);z-index:3}.cell.mine-exploded:before{content:"\1f4a5";animation:explodePulse .4s ease-out infinite alternate}@keyframes explodePulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.theme-classic-retro .cell.mine-exploded{background:red!important;box-shadow:none;transform:none;border:1px solid #808080!important}.theme-classic-retro .cell.mine-exploded:before{content:"\1f4a3";animation:none}.cell.mine-revealed{background:var(--cell-revealed)}.cell.mine-revealed:before{content:"\1f4a3";opacity:.85}.cell.flag-wrong:before{content:"\274c";position:absolute;font-size:.85rem;z-index:2;filter:drop-shadow(0 0 3px #000)}.cell.flag-wrong:after{content:"\1f4a3";opacity:.5}.info-section{display:flex;gap:16px;width:100%;max-width:700px;margin-top:10px}.info-card{flex:1;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(16px);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.theme-classic-retro .info-card{border-radius:0;border:2px solid;border-color:#fff #808080 #808080 #fff;background:silver;box-shadow:none;backdrop-filter:none}.info-card h2{font-size:1.1rem;font-weight:800;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;color:var(--text-main)}.theme-classic-retro .info-card h2{font-family:sans-serif;font-weight:700;font-size:.95rem;border-bottom:2px solid #808080;color:#000}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;font-size:.95rem}.stat-label{color:var(--text-muted)}.theme-classic-retro .stat-label{color:#000}.stat-value{font-weight:600}.reset-stats-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;align-self:flex-start;transition:all .2s}.reset-stats-btn:hover{border-color:var(--accent-neon);color:var(--text-main)}.theme-classic-retro .reset-stats-btn{border:2px solid;border-color:#fff #808080 #808080 #fff;background:silver;border-radius:0;color:#000;font-family:sans-serif}.theme-classic-retro .reset-stats-btn:active{border-color:#808080 #fff #fff #808080}.guide-list{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.85rem;line-height:1.4;color:var(--text-muted)}.theme-classic-retro .guide-list{color:#000;font-family:sans-serif}.guide-list li strong{color:var(--text-main)}.theme-classic-retro .guide-list li strong{color:#000}.app-footer{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:15px;padding-bottom:20px}.theme-classic-retro .app-footer{color:#fff;font-family:sans-serif}@media(max-width:600px){body{padding:10px}.app-container{gap:10px}.app-header{flex-direction:column;gap:12px}.header-controls{width:100%;justify-content:center;flex-wrap:wrap}.logo{font-size:1.4rem;text-align:center}.control-btn{padding:6px 10px;font-size:.8rem}.difficulty-selectors{gap:4px}.diff-btn{padding:6px 12px;font-size:.8rem}.custom-panel{padding:10px;gap:8px;flex-direction:column;align-items:stretch}.input-group{flex-direction:row;justify-content:space-between;align-items:center}.input-group input{width:60px;padding:4px}.apply-btn{height:32px;font-size:.85rem;padding:4px}.info-section{flex-direction:column;gap:10px}.info-card{padding:12px}}
