*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0a0a0a;background:#fafafa}button{cursor:pointer}.container{max-width:960px;padding:20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}.board{display:inline-grid;background:#ddd;border:2px solid #333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #999;font-weight:700}.cell.hidden{background:#bbb}.cell.revealed{background:#eee}.cell.flag{background:#bbb;color:#e11}.hud{display:flex;gap:16px;align-items:center;margin-top:8px}a{color:#2563eb}:root{--bg:#d7c8ff;--panel:#eadcff;--chip:#7c3aed;--chip-2:#6d28d9;--ink:#2b124b;--tile:#c4b5fd;--tile-hi:#a78bfa;--tile-rev:#f5f3ff;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--accent-blue:#3b82f6;--accent-orange:#f97316;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.15);--shadow-lg:0 8px 16px rgba(0,0,0,.2);--shadow-xl:0 16px 32px rgba(0,0,0,.25);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body,html{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1100px;margin:0 auto;padding:18px 14px}.container h1{font-weight:800;letter-spacing:.3px;margin:6px 0 14px}.game-card{--cell:36px;width:min(560px,95vw);background:linear-gradient(180deg,#ede4ff,#e3d4ff);border-radius:22px;box-shadow:var(--shadow-xl),0 0 0 1px hsla(0,0%,100%,.1);padding:14px;transition:var(--transition-normal);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue),var(--accent-yellow));opacity:.7}.game-card[data-diff=easy]{--cell:42px}.game-card[data-diff=medium]{--cell:34px}.game-card[data-diff=hard]{--cell:22px}.card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.card-head,.chip{align-items:center}.chip{background:var(--chip);color:#fff;padding:6px 10px;border-radius:12px;display:inline-flex;gap:8px;font-weight:800;min-width:92px;justify-content:center;box-shadow:inset 0 4px 0 rgba(0,0,0,.12)}.chip span{opacity:.9;font-weight:700}.chip.ghost{background:var(--chip-2);text-decoration:none;cursor:pointer}.meta{display:flex;align-items:center;gap:12px;font-size:13px;opacity:.9;margin:2px 0 12px}.meta select{background:var(--panel);border:2px solid var(--chip-2);border-radius:8px;padding:6px 10px;color:var(--ink);font-weight:700;cursor:pointer;transition:var(--transition-fast)}.meta select:hover{border-color:var(--chip);box-shadow:var(--shadow-sm)}.meta select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.board{margin:8px auto 12px;grid-gap:8px;gap:8px;padding:12px;background:var(--panel);border-radius:14px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.7)}.cell{width:var(--cell);height:var(--cell);border-radius:12px;display:grid;place-items:center;font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-size:clamp(18px,1.1rem,24px);box-shadow:inset 0 -4px 0 rgba(0,0,0,.08);position:relative;overflow:hidden}.cell,.cell:before{transition:var(--transition-fast)}.cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%);opacity:0}.cell:hover:before{opacity:1}.cell.hidden{background:var(--tile-hi);transform:translateY(0)}.cell.hidden:hover{transform:translateY(-2px);box-shadow:inset 0 -4px 0 rgba(0,0,0,.08),var(--shadow-md)}.cell.flag{background:var(--tile);animation:flagPulse .3s ease}.cell.revealed{background:var(--tile-rev);cursor:default;transform:scale(.95);animation:revealPop .2s ease}.cell:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.cell:active:after{width:100%;height:100%}.cell.revealed:hover{transform:scale(.95)}.cell.revealed[data-number="1"]{color:var(--accent-blue)}.cell.revealed[data-number="2"]{color:var(--accent-green)}.cell.revealed[data-number="3"]{color:var(--accent-red)}.cell.revealed[data-number="4"]{color:var(--accent-orange)}.cell.revealed[data-number="5"]{color:var(--accent-yellow)}@keyframes flagPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes revealPop{0%{transform:scale(1.2);opacity:.5}to{transform:scale(.95);opacity:1}}.cell-icon{font-size:.8em;display:inline-block;line-height:1}.cell-icon.bomb,.cell-icon.flag{color:var(--accent-red);font-weight:900}.cell-icon.bomb{animation:bombPulse .5s ease-in-out}@keyframes bombPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bombExplosion{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.3);filter:brightness(1.5) hue-rotate(30deg)}40%{transform:scale(1.5);filter:brightness(2) hue-rotate(60deg)}60%{transform:scale(1.2);filter:brightness(1.8) hue-rotate(90deg)}80%{transform:scale(1.1);filter:brightness(1.3) hue-rotate(120deg)}to{transform:scale(1);filter:brightness(1) hue-rotate(0deg)}}@keyframes cellExplosion{0%{transform:scale(1);box-shadow:inset 0 0 10px rgba(255,0,0,.3),0 0 15px rgba(255,0,0,.5)}25%{transform:scale(1.2);box-shadow:inset 0 0 15px rgba(255,0,0,.6),0 0 25px rgba(255,0,0,.8)}50%{transform:scale(1.1);box-shadow:inset 0 0 20px rgba(255,0,0,.8),0 0 30px red}75%{transform:scale(1.05);box-shadow:inset 0 0 15px rgba(255,0,0,.6),0 0 20px rgba(255,0,0,.7)}to{transform:scale(1);box-shadow:inset 0 0 10px rgba(255,0,0,.3),0 0 15px rgba(255,0,0,.5)}}@keyframes explosionParticles{0%{width:0;height:0;opacity:1}30%{width:40px;height:40px;opacity:.8}60%{width:60px;height:60px;opacity:.4}to{width:80px;height:80px;opacity:0}}@keyframes flagPlacement{0%{transform:scale(1);box-shadow:inset 0 0 8px rgba(255,193,7,.2),0 0 12px rgba(255,193,7,.3)}25%{transform:scale(1.15);box-shadow:inset 0 0 12px rgba(255,193,7,.4),0 0 20px rgba(255,193,7,.6)}50%{transform:scale(1.1);box-shadow:inset 0 0 15px rgba(255,193,7,.5),0 0 25px rgba(255,193,7,.7)}75%{transform:scale(1.05);box-shadow:inset 0 0 10px rgba(255,193,7,.3),0 0 18px rgba(255,193,7,.5)}to{transform:scale(1);box-shadow:inset 0 0 8px rgba(255,193,7,.2),0 0 12px rgba(255,193,7,.3)}}@keyframes flagParticles{0%{width:0;height:0;opacity:1}40%{width:30px;height:30px;opacity:.8}70%{width:45px;height:45px;opacity:.4}to{width:60px;height:60px;opacity:0}}@keyframes flagPlacementIcon{0%{transform:scale(0) rotate(-180deg);opacity:0}30%{transform:scale(1.3) rotate(-90deg);opacity:.8}60%{transform:scale(1.1) rotate(-45deg);opacity:1}80%{transform:scale(.95) rotate(-10deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes flagRemoval{0%{transform:scale(1);box-shadow:inset 0 0 8px rgba(255,193,7,.2),0 0 12px rgba(255,193,7,.3)}50%{transform:scale(.8);box-shadow:inset 0 0 4px rgba(255,193,7,.1),0 0 6px rgba(255,193,7,.2)}to{transform:scale(0);box-shadow:none;opacity:0}}@keyframes flagRemovalParticles{0%{width:60px;height:60px;opacity:.6}50%{width:30px;height:30px;opacity:.3}to{width:0;height:0;opacity:0}}@keyframes cellReveal{0%{transform:scale(1);box-shadow:inset 0 0 6px rgba(59,130,246,.1),0 0 8px rgba(59,130,246,.2)}50%{transform:scale(1.1);box-shadow:inset 0 0 10px rgba(59,130,246,.2),0 0 15px rgba(59,130,246,.4)}to{transform:scale(1);box-shadow:inset 0 0 6px rgba(59,130,246,.1),0 0 8px rgba(59,130,246,.2)}}@keyframes revealParticles{0%{width:0;height:0;opacity:1}50%{width:25px;height:25px;opacity:.6}to{width:40px;height:40px;opacity:0}}@keyframes flagWave{0%{transform:skewY(-8deg)}50%{transform:skewY(-12deg)}to{transform:skewY(-8deg)}}@keyframes flameFlicker{0%,to{transform:translateX(-50%) rotate(-45deg) scale(1);opacity:1}25%{transform:translateX(-50%) rotate(-40deg) scale(1.1);opacity:.8}75%{transform:translateX(-50%) rotate(-50deg) scale(.9);opacity:.9}}.icon-flag{width:16px;height:16px;position:relative;display:inline-block;animation:flagWave 2s ease-in-out infinite}.cell.flag .icon-flag{animation:flagPlacementIcon .6s ease-out,flagWave 2s ease-in-out .6s infinite}.icon-flag:before{content:"";position:absolute;top:2px;left:1px;width:10px;height:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:2px 0 0 2px;transform:skewY(-8deg);box-shadow:inset 1px 0 0 hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.1);-webkit-clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)}.icon-flag:after{content:"";position:absolute;top:0;left:0;width:2px;height:12px;background:#1e40af;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.icon-bomb{width:16px;height:16px;position:relative;display:inline-block;animation:bombPulse .5s ease-in-out}.cell.revealed .icon-bomb{animation:bombExplosion .6s ease-out}.cell.revealed[data-mine=true]{animation:cellExplosion .8s ease-out;background:linear-gradient(45deg,#f44,#f66,#f44);box-shadow:inset 0 0 10px rgba(255,0,0,.3),0 0 15px rgba(255,0,0,.5);position:relative;overflow:visible}.cell.flag{animation:flagPlacement .6s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:inset 0 0 8px rgba(255,193,7,.2),0 0 12px rgba(255,193,7,.3);position:relative;overflow:visible}.cell.flag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,.6) 0,hsla(0,0%,100%,.4) 30%,transparent 70%);transform:translate(-50%,-50%);animation:flagParticles .5s ease-out;pointer-events:none;z-index:5}.cell.flag.removing{animation:flagRemoval .4s ease-in;background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:inset 0 0 8px rgba(255,193,7,.2),0 0 12px rgba(255,193,7,.3)}.cell.revealed:not([data-mine=true]){animation:cellReveal .3s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:inset 0 0 6px rgba(59,130,246,.1),0 0 8px rgba(59,130,246,.2);position:relative;overflow:visible}.cell.revealed:not([data-mine=true]):before{background:radial-gradient(circle,rgba(59,130,246,.3) 0,hsla(0,0%,100%,.2) 30%,transparent 70%);animation:revealParticles .3s ease-out;z-index:3}.cell.flag.removing:before,.cell.revealed:not([data-mine=true]):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.cell.flag.removing:before{background:radial-gradient(circle,rgba(255,193,7,.4) 0,hsla(0,0%,100%,.2) 30%,transparent 70%);animation:flagRemovalParticles .4s ease-in;z-index:5}.cell.revealed[data-mine=true]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,0,.8) 0,rgba(255,100,0,.6) 30%,transparent 70%);transform:translate(-50%,-50%);animation:explosionParticles .6s ease-out;pointer-events:none;z-index:10}.icon-bomb:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:radial-gradient(circle at 8px 4px,rgba(0,0,0,.3) 1px,transparent 0),radial-gradient(circle at 6px 8px,rgba(0,0,0,.2) .8px,transparent 0),#6a28b7;border-radius:50%;box-shadow:inset 2px 0 0 rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.1)}.icon-bomb:after{content:"";top:0;width:2px;height:6px;background:#3f51b5;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.icon-bomb .fuse,.icon-bomb:after{position:absolute;left:50%;transform:translateX(-50%);border-radius:1px}.icon-bomb .fuse{top:-2px;width:8px;height:2px;background:#000;transform:translateX(-50%) rotate(15deg)}.icon-bomb .flame{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#ffc107;border-radius:50% 50% 50% 0;transform:translateX(-50%) rotate(-45deg);animation:flameFlicker 1.5s ease-in-out infinite;box-shadow:0 0 4px rgba(255,193,7,.6)}.card-actions{display:flex;gap:12px;justify-content:space-between}.btn{flex:1 1;background:var(--chip);color:#fff;font-weight:800;border:none;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.12);transition:var(--transition-fast);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:var(--transition-normal)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.12),var(--shadow-md)}.btn:active{transform:translateY(2px);box-shadow:0 4px 0 rgba(0,0,0,.12)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 6px 0 rgba(0,0,0,.12)!important}.btn.ghost{background:var(--chip-2)}.last{margin:10px auto 2px;font-size:13px;text-align:center;max-width:560px}.last b{font-weight:800}.hud a{color:var(--chip-2)}.topbar{justify-content:space-between;padding:10px 8px;margin-bottom:8px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.logo-badge{width:36px;height:36px;border-radius:12px;background:var(--panel);display:grid;place-items:center;box-shadow:0 6px 16px rgba(108,22,255,.16),inset 0 2px 0 hsla(0,0%,100%,.7)}.logo-badge .diamond{width:18px;height:18px;border-radius:6px;transform:rotate(45deg);background:var(--chip);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}.brand .title{font-weight:900;font-size:28px;letter-spacing:.2px;background:linear-gradient(135deg,var(--chip),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pills{display:flex;gap:10px}.pill,.pills{align-items:center}.pill{background:var(--chip);color:#fff;font-weight:800;border:none;padding:8px 12px;border-radius:12px;display:inline-flex;gap:8px;box-shadow:0 6px 0 rgba(0,0,0,.12);transition:var(--transition-fast);position:relative;overflow:hidden}.pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:var(--transition-normal)}.pill:hover:before{left:100%}.pill:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.12),var(--shadow-md)}.pill:active{transform:translateY(2px);box-shadow:0 4px 0 rgba(0,0,0,.12)}.pill.ghost{background:var(--chip-2)}.pill.outline{background:transparent;color:var(--chip-2);border:2px solid var(--chip-2);box-shadow:none}.pill.outline:hover{background:var(--chip-2);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pill.small{padding:8px 10px;font-weight:800}.pill .muted{opacity:.85;font-weight:700}.pill .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.copy-ok{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;background:var(--chip);color:#fff;padding:8px 12px;border-radius:10px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50}.game-card{--cell:42px;--gap:8px;--cols:9;width:min(95vw,calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap) + 48px))}.game-card[data-diff=easy]{--cell:48px;--gap:8px}.game-card[data-diff=medium]{--cell:32px;--gap:6px}.game-card[data-diff=hard]{--cell:24px;--gap:4px}@media (max-width:900px){.game-card[data-diff=hard]{--cell:20px;--gap:4px}.game-card[data-diff=medium]{--cell:28px;--gap:6px}}@media (max-width:700px){.game-card[data-diff=hard]{--cell:18px;--gap:3px}.game-card[data-diff=medium]{--cell:24px;--gap:5px}}.board-viewport{width:100%;overflow:visible;border-radius:16px;padding:20px;margin:20px 0;background:var(--bg-primary);border:2px solid var(--border);box-shadow:inset 0 2px 8px rgba(0,0,0,.1);min-height:-moz-fit-content;min-height:fit-content}.board{width:max-content;grid-gap:var(--gap);gap:var(--gap);display:grid;grid-template-columns:var(--cols);margin:0 auto;min-width:300px;max-width:100%;overflow:visible}.board-viewport{overflow:visible!important;max-height:none!important}@media (max-width:600px){.board-viewport{overflow-x:auto;overflow-y:visible}}.site-footer{padding:14px 0 24px;text-align:center}.site-footer .brandline{font-weight:900;font-size:16px;letter-spacing:.2px;margin-bottom:8px}.social-pills{display:flex;gap:8px;justify-content:center}.pill-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--panel,hsla(0,0%,100%,.5));color:#2b2b2b;box-shadow:0 6px 16px rgba(108,22,255,.16),inset 0 2px 0 hsla(0,0%,100%,.7);transition:transform .12s ease,filter .2s ease}.pill-icon:hover{transform:translateY(-2px);filter:brightness(1.05)}body,html{height:100%}body.layout{min-height:100vh;display:flex;flex-direction:column}main.page{flex:1 0 auto;display:flex;flex-direction:column}.site-footer{margin-top:auto}.game-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:32px;gap:32px;max-width:100vw;padding:0 24px;align-items:start}.game-card,.game-layout{margin:0 auto;min-height:-moz-fit-content;min-height:fit-content}.game-card{width:100%;max-width:100%;overflow:visible;padding:40px;border-radius:20px;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.game-card,.game-sidebar{background:var(--bg-secondary)}.game-sidebar{border-radius:16px;padding:28px;height:-moz-fit-content;height:fit-content;box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden;position:relative;width:320px;min-width:320px;max-width:320px;box-sizing:border-box}.sidebar-section{margin-bottom:20px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent-purple)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--accent-purple);font-size:1rem}.sidebar-section .btn{width:100%;margin-bottom:8px;box-sizing:border-box}.sidebar-section .btn:last-child{margin-bottom:0}.sidebar-section a.btn,.sidebar-section button.btn{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:8px;margin-bottom:8px;border:1px solid var(--border)}.achievement-item:last-child{margin-bottom:0}.achievement-icon{font-size:1.2rem}.achievement-text{font-size:.9rem;color:var(--text-primary);font-weight:500}.mini-leaderboard{margin-bottom:16px;overflow:hidden}.leaderboard-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;margin-bottom:4px;background:var(--bg-primary);border:1px solid var(--border);width:100%;box-sizing:border-box;overflow:hidden}.leaderboard-item.current{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.leaderboard-item .rank{font-weight:600;min-width:20px;text-align:center}.leaderboard-item .player{flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item .score{font-weight:600;font-size:.9rem}.progress-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.progress-item:last-child{border-bottom:none}.progress-label{font-size:.9rem;color:var(--text-secondary)}.progress-value{font-weight:600;color:var(--accent-green);font-size:1rem}.game-tips{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border)}.tip-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:.85rem;line-height:1.4}.tip-item:last-child{margin-bottom:0}.tip-icon{color:var(--accent-purple);font-weight:700;min-width:16px}.game-history{max-height:200px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:.85rem}.history-item:last-child{border-bottom:none}.history-score{font-weight:600;color:var(--accent-purple)}.history-time{color:var(--text-secondary);font-size:.8rem}.game-sidebar{animation:sidebarSlideIn .6s ease-out}.game-sidebar.left{animation-delay:.1s}.game-sidebar.right{animation-delay:.2s}@keyframes sidebarSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{transition:all .3s ease}.stat-item:hover{background:var(--bg-primary);border-radius:6px;padding:8px 12px;transform:translateX(4px)}.achievement-item{transition:all .3s ease}.achievement-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}.leaderboard-item{transition:all .3s ease}.leaderboard-item:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}@media (max-width:1800px){.game-layout{grid-template-columns:1fr 300px;gap:28px;padding:0 20px}.game-sidebar{width:300px;min-width:300px;max-width:300px;padding:24px}}@media (max-width:1600px){.game-layout{grid-template-columns:1fr 280px;gap:24px;padding:0 18px}.game-sidebar{width:280px;min-width:280px;max-width:280px;padding:22px}}@media (max-width:1400px){.game-layout{grid-template-columns:1fr 260px;gap:20px;padding:0 16px}.game-sidebar{width:260px;min-width:260px;max-width:260px;padding:20px}}@media (max-width:1200px){.game-layout{grid-template-columns:1fr;gap:20px;padding:0 16px}.game-sidebar{order:2;width:100%;min-width:auto;max-width:none;padding:20px}.game-card{order:1;padding:24px}}@media (max-width:768px){.game-layout{padding:0 12px}.game-sidebar{padding:16px}.board-viewport{padding:16px;margin:16px 0}.game-card{padding:16px}}.game-card[data-state=win]{animation:winGlow 2s ease-in-out}.game-card[data-state=lose]{animation:loseShake .8s ease-in-out,explosionFlash 1s ease-in-out}@keyframes winGlow{0%{box-shadow:var(--shadow-xl),0 0 0 1px hsla(0,0%,100%,.1)}50%{box-shadow:var(--shadow-xl),0 0 20px var(--accent-green),0 0 40px var(--accent-green)}to{box-shadow:var(--shadow-xl),0 0 0 1px hsla(0,0%,100%,.1)}}@keyframes loseShake{0%,to{transform:translateX(0) translateY(0)}10%{transform:translateX(-8px) translateY(-2px)}20%{transform:translateX(8px) translateY(2px)}30%{transform:translateX(-6px) translateY(-1px)}40%{transform:translateX(6px) translateY(1px)}50%{transform:translateX(-4px) translateY(-1px)}60%{transform:translateX(4px) translateY(1px)}70%{transform:translateX(-2px) translateY(0)}80%{transform:translateX(2px) translateY(0)}90%{transform:translateX(-1px) translateY(0)}}@keyframes explosionFlash{0%{background:transparent;box-shadow:var(--shadow-xl)}10%{background:rgba(255,0,0,.1);box-shadow:var(--shadow-xl),0 0 20px rgba(255,0,0,.5)}20%{background:rgba(255,100,0,.2);box-shadow:var(--shadow-xl),0 0 30px rgba(255,100,0,.7)}30%{background:rgba(255,200,0,.15);box-shadow:var(--shadow-xl),0 0 25px rgba(255,200,0,.6)}to{background:transparent;box-shadow:var(--shadow-xl)}}.chip[data-high-score=true]{animation:scorePulse 1s ease-in-out;background:var(--accent-yellow)!important}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.status-win{color:var(--accent-green);font-weight:900;text-shadow:0 0 8px rgba(16,185,129,.3);animation:statusPulse 2s ease-in-out infinite}.status-lose{color:var(--accent-red);font-weight:900;text-shadow:0 0 8px rgba(239,68,68,.3)}.status-playing{color:var(--accent-blue);font-weight:900;text-shadow:0 0 8px rgba(59,130,246,.3)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.topbar{flex-direction:column;gap:12px;align-items:stretch}.pills{justify-content:center;flex-wrap:wrap}.brand .title{font-size:24px}.meta{flex-direction:column;gap:8px;text-align:center}}.leaderboard-container{max-width:800px;margin:0 auto;padding:20px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.leaderboard-title{font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--chip),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.leaderboard-tabs{display:flex;background:var(--panel);border-radius:12px;padding:4px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.7)}.leaderboard-tab{padding:12px 20px;border-radius:8px;border:none;background:transparent;color:var(--ink);font-weight:700;cursor:pointer;transition:var(--transition-fast);position:relative}.leaderboard-tab.active{background:var(--chip);color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.12)}.leaderboard-tab:hover:not(.active){background:rgba(124,58,237,.1);color:var(--chip)}.leaderboard-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid hsla(0,0%,100%,.1)}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:16px;text-align:left;font-weight:700;color:var(--ink);border-bottom:2px solid var(--panel)}.leaderboard-table td{padding:16px;border-bottom:1px solid #f1f5f9;transition:var(--transition-fast)}.leaderboard-table tr:hover td{background:rgba(124,58,237,.02)}.leaderboard-rank{display:flex;align-items:center;gap:8px;font-weight:800}.leaderboard-rank.rank-1{color:gold}.leaderboard-rank.rank-2{color:silver}.leaderboard-rank.rank-3{color:#cd7f32}.leaderboard-player{font-weight:700;color:var(--ink)}.leaderboard-wallet{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:#6b7280}.leaderboard-score{text-align:right;font-weight:800;font-size:18px;color:var(--chip)}@media (prefers-color-scheme:dark){:root{--bg:#1a1a2e;--panel:#16213e;--ink:#e0e0e0}}