.selector-bg{position:absolute;inset:0;z-index:0}.selector-bg canvas{cursor:default!important}.game-selector{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:2rem}.selector-header{text-align:center;margin-bottom:1rem}.selector-title-row{display:flex;align-items:center;justify-content:center;gap:.75rem}.selector-label{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-rose);letter-spacing:.2em;text-transform:uppercase;opacity:.8}.beta-tag{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);padding:.2rem .5rem;border-radius:4px;letter-spacing:.1em;text-transform:uppercase;animation:beta-pulse 2s ease-in-out infinite}@keyframes beta-pulse{0%,to{opacity:1;box-shadow:0 0 10px #f9731666}50%{opacity:.85;box-shadow:0 0 20px #f9731699}}.selector-header h2{font-family:var(--font-display);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--color-peach),var(--color-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.5rem 0}.selector-subtitle{font-family:var(--font-mono);font-size:.9rem;color:#b4b4b499}.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;width:100%;padding:0 1rem;max-height:70vh;overflow-y:auto}.game-card-3d{display:flex;flex-direction:column;width:100%;max-width:300px;justify-self:center;background:#0a0810cc;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left}.game-card-3d:hover{transform:translateY(-8px) scale(1.02);border-color:#e5989b66;box-shadow:0 20px 60px #0006,0 0 40px #e5989b26}.game-card-preview{width:100%;height:160px;background:radial-gradient(ellipse at center,rgba(229,152,155,.08) 0%,transparent 70%);border-bottom:1px solid rgba(255,255,255,.05)}.game-card-preview canvas{cursor:pointer!important}.game-card-info{padding:1.25rem 1.5rem;flex:1}.game-card-info h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-peach);margin:0 0 .5rem}.game-card-info p{font-family:var(--font-mono);font-size:.8rem;color:#b4b4b4b3;margin:0;line-height:1.5}.game-card-score{display:inline-block;margin-top:.75rem;font-family:var(--font-mono);font-size:.7rem;color:var(--accent-rose);background:#e5989b26;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(229,152,155,.3)}.game-card-play{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);font-size:.85rem;color:#c8c8c8cc;transition:all .3s ease}.game-card-3d:hover .game-card-play{background:#e5989b1a;color:var(--color-peach)}.play-arrow{font-size:1.2rem;transition:transform .3s ease}.game-card-3d:hover .play-arrow{transform:translate(5px)}.selector-hint{font-family:var(--font-mono);font-size:.75rem;color:#96969680;margin-top:1rem}.selector-hint kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.3);border-radius:4px;padding:.15rem .5rem;font-family:var(--font-mono);font-size:.7rem;margin:0 .25rem}.games-page{position:fixed;inset:0;background:#0a0810;z-index:1000}.game-canvas-container{position:absolute;inset:0}.game-canvas-container canvas{cursor:crosshair}.game-ui-container{position:absolute;inset:0;pointer-events:none}.game-ui-container>*{pointer-events:auto}.back-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:100;background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);color:var(--color-peach);padding:.6rem 1.2rem;border-radius:25px;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#b5838d33;border-color:#b5838d80;transform:translate(-3px)}.games-close-btn{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.5rem;background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fffc;padding:.6rem 1.2rem;border-radius:25px;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .3s ease}.games-close-btn:hover{background:#e5989b26;border-color:#e5989b66;color:var(--color-peach)}.games-close-btn .close-icon{font-size:1.3rem;font-weight:300;line-height:1}.games-close-btn .close-text{font-size:.8rem;letter-spacing:.05em}@media(max-width:768px){.selector-header h2{font-size:2.25rem}.game-list{grid-template-columns:1fr;max-height:60vh}.game-card-3d{width:100%;max-width:100%}.game-card-preview{height:140px}.games-close-btn{top:1rem;right:1rem;padding:.5rem 1rem}.games-close-btn .close-text{display:none}}.sudoku-ui,.sudoku-container{position:relative;width:100%;height:100vh;overflow:hidden}.sudoku-bg{position:absolute;inset:0;z-index:0}.sudoku-bg canvas{cursor:default!important}.hero-preview-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;z-index:0;pointer-events:none;opacity:.6}.sudoku-ui .game-hero-section{position:relative}.sudoku-ui .game-hero-section>*:not(.hero-preview-bg){position:relative;z-index:1}.rules-showcase .showcase-items{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.rules-showcase .showcase-item{background:#0a0810d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;width:220px;transition:all .3s ease}.rules-showcase .showcase-item:hover{transform:translateY(-5px);border-color:#e5989b66;box-shadow:0 10px 40px #e5989b26}.rules-showcase .showcase-canvas{width:100px;height:100px;margin:0 auto 1rem}.difficulty-showcase{text-align:center}.difficulty-cards{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.difficulty-card{background:#0a0810d9;backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;width:240px;cursor:pointer;transition:all .3s ease}.difficulty-card:hover{transform:translateY(-8px) scale(1.02)}.difficulty-card.easy-card:hover{border-color:#4f6;box-shadow:0 15px 50px #4f63}.difficulty-card.medium-card:hover{border-color:#fa4;box-shadow:0 15px 50px #fa43}.difficulty-card.hard-card:hover{border-color:#f55;box-shadow:0 15px 50px #f553}.diff-canvas{width:150px;height:150px;margin:0 auto 1rem}.diff-info{display:flex;flex-direction:column;gap:.4rem}.diff-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.easy-card .diff-title{color:#4f6}.medium-card .diff-title{color:#fa4}.hard-card .diff-title{color:#f55}.diff-blanks{font-family:var(--font-mono);font-size:.9rem;color:#c8c8c8e6}.diff-desc{font-family:var(--font-mono);font-size:.75rem;color:#c8c8c899}.start-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.start-btn-large.easy{background:linear-gradient(135deg,#4f63,#44ff661a);border-color:#4f6}.start-btn-large.easy:hover{background:linear-gradient(135deg,#44ff664d,#4f63);box-shadow:0 0 30px #44ff664d}.start-btn-large.medium{background:linear-gradient(135deg,#fa43,#ffaa441a);border-color:#fa4}.start-btn-large.medium:hover{background:linear-gradient(135deg,#ffaa444d,#fa43);box-shadow:0 0 30px #ffaa444d}.start-btn-large.hard{background:linear-gradient(135deg,#f553,#ff55551a);border-color:#f55}.start-btn-large.hard:hover{background:linear-gradient(135deg,#ff55554d,#f553);box-shadow:0 0 30px #ff55554d}.sudoku-info{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.sudoku-hero{text-align:center}.sudoku-hero h1{font-family:var(--font-display);font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--color-peach),var(--color-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 60px rgba(229,152,155,.3)}.sudoku-hero p{font-family:var(--font-mono);font-size:1rem;color:#c8c8c8b3;margin-top:.5rem}.sudoku-rules{background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem 1.5rem;max-width:400px}.sudoku-rules h3{font-family:var(--font-display);font-size:1rem;color:var(--color-peach);margin:0 0 .75rem}.sudoku-rules ul{list-style:none;padding:0;margin:0}.sudoku-rules li{font-family:var(--font-mono);font-size:.8rem;color:#c8c8c8cc;padding:.4rem 0 .4rem 1.2rem;position:relative}.sudoku-rules li:before{content:"•";position:absolute;left:0;color:var(--accent-rose)}.sudoku-controls-info{background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem 1.5rem;max-width:400px}.sudoku-controls-info h3{font-family:var(--font-display);font-size:1rem;color:var(--color-peach);margin:0 0 .75rem}.control-item{display:flex;align-items:center;gap:.75rem;padding:.3rem 0;font-family:var(--font-mono);font-size:.8rem;color:#c8c8c8cc}.control-item kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.3);border-radius:4px;padding:.2rem .5rem;font-family:var(--font-mono);font-size:.7rem;min-width:40px;text-align:center}.difficulty-select{text-align:center}.difficulty-select h3{font-family:var(--font-display);font-size:1rem;color:var(--color-peach);margin:0 0 1rem}.difficulty-buttons{display:flex;gap:1rem}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:#0a0810cc;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:var(--font-display);font-size:1.1rem;color:#ffffffe6;cursor:pointer;transition:all .3s ease}.diff-btn .diff-desc{font-family:var(--font-mono);font-size:.7rem;color:#96969699}.diff-btn.easy{border-color:#44ff664d}.diff-btn.easy:hover{background:#44ff6626;border-color:#44ff6680;transform:translateY(-3px)}.diff-btn.medium{border-color:#ffaa004d}.diff-btn.medium:hover{background:#ffaa0026;border-color:#ffaa0080;transform:translateY(-3px)}.diff-btn.hard{border-color:#ff44444d}.diff-btn.hard:hover{background:#ff444426;border-color:#ff444480;transform:translateY(-3px)}.sudoku-game{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;gap:1rem}.sudoku-hud{position:absolute;inset:0;pointer-events:none;z-index:10}.sudoku-hud>*{pointer-events:auto}.sudoku-hud .sudoku-header{position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.sudoku-hud .sudoku-actions{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.sudoku-hud .number-pad{position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.number-pad{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0a0810d9;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d}.draggable-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a2535e6,#1e1a28e6);border:1px solid rgba(181,131,141,.3);border-radius:10px;font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-peach);cursor:grab;transition:all .2s ease;user-select:none}.draggable-number:hover{background:linear-gradient(145deg,#3c3246e6,#2a2535e6);border-color:#e5989b80;transform:translateY(-2px);box-shadow:0 4px 16px #b5838d4d}.draggable-number:active,.draggable-number.dragging{cursor:grabbing;transform:scale(1.1);background:linear-gradient(145deg,#b5838d66,#3c3246e6);border-color:var(--accent-rose);box-shadow:0 8px 24px #b5838d66}.drag-preview{position:fixed;pointer-events:none;z-index:1000;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#b5838de6,#e5989be6);border:2px solid rgba(255,255,255,.3);border-radius:12px;font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#fff;transform:translate(-50%,-50%);box-shadow:0 10px 30px #b5838d80,0 0 20px #e5989b4d;animation:drag-pulse .8s ease-in-out infinite}@keyframes drag-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.sudoku-container>canvas{position:absolute;inset:0;cursor:pointer!important}.sudoku-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:30px}.header-stat{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;color:#c8c8c8e6}.header-stat .stat-icon{font-size:1rem}.difficulty-badge{background:#b5838d33;padding:.25rem .75rem;border-radius:20px;text-transform:capitalize;color:var(--accent-rose);border:1px solid rgba(181,131,141,.3)}.sudoku-board{display:flex;flex-direction:column;background:#0a0810d9;backdrop-filter:blur(16px);border:2px solid rgba(181,131,141,.5);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #b5838d26,0 20px 60px #0006}.sudoku-row{display:flex}.sudoku-cell{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#14121e99;cursor:pointer;transition:all .15s ease;position:relative}.sudoku-cell:hover{background:#b5838d26}.sudoku-cell.selected{background:#b5838d59;box-shadow:inset 0 0 0 2px #e5989bcc}.sudoku-cell.highlighted{background:#6d687533}.sudoku-cell.same-number{background:#b5838d40}.sudoku-cell.fixed .cell-value{color:#fffffff2;font-weight:600}.sudoku-cell.error .cell-value{color:#f44}.cell-value{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--color-peach)}.cell-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2px}.cell-notes span{font-family:var(--font-mono);font-size:.55rem;color:#969696cc;display:flex;align-items:center;justify-content:center}.cell-notes span.note-visible{color:#c8c8c8e6}.sudoku-numpad{display:flex;gap:.5rem}.numpad-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0a0810b3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:var(--font-display);font-size:1.2rem;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.numpad-btn:hover{background:#b5838d33;border-color:#b5838d66;transform:translateY(-2px)}.numpad-btn.active{background:#b5838d4d;border-color:#e5989b99;color:var(--color-peach)}.sudoku-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#0a0810b3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:25px;font-family:var(--font-mono);font-size:.75rem;color:#c8c8c8e6;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#b5838d26;border-color:#b5838d66}.action-btn.active{background:#b5838d40;border-color:#e5989b80;color:var(--color-peach)}.action-btn span{font-size:1rem}.sudoku-complete{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem;text-align:center}.sudoku-complete h1{font-family:var(--font-display);font-size:3rem;font-weight:700;background:linear-gradient(135deg,#4f6,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sudoku-complete p{font-family:var(--font-mono);font-size:1rem;color:#c8c8c8cc}.complete-stats{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.complete-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.complete-stats .stat-label{font-family:var(--font-mono);font-size:.7rem;color:#969696b3;text-transform:uppercase;letter-spacing:.1em}.complete-stats .stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--color-peach);text-transform:capitalize}.complete-actions{margin-top:1rem}.complete-actions .play-again-btn{padding:.8rem 2rem;background:linear-gradient(135deg,#b5838d4d,#6d68754d);border:1px solid rgba(181,131,141,.5);border-radius:30px;font-family:var(--font-display);font-size:1rem;color:var(--color-peach);cursor:pointer;transition:all .3s ease}.complete-actions .play-again-btn:hover{background:linear-gradient(135deg,#b5838d80,#6d687566);transform:translateY(-2px);box-shadow:0 10px 30px #b5838d33}@media(max-width:768px){.sudoku-hero h1{font-size:2.5rem}.difficulty-buttons{flex-direction:column}.diff-btn{padding:.8rem 1.5rem}.sudoku-cell{width:36px;height:36px}.cell-value{font-size:1.1rem}.numpad-btn{width:36px;height:36px;font-size:1rem}.sudoku-actions{flex-wrap:wrap;justify-content:center}.action-btn{padding:.5rem .8rem;font-size:.7rem}}.minesweeper-ui{position:relative;width:100%;height:100vh;overflow:hidden}.minesweeper-ui .hero-icon{font-size:4rem;margin-bottom:1rem;animation:mine-pulse 2s ease-in-out infinite}@keyframes mine-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.minesweeper-ui .rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:500px;margin:0 auto}.minesweeper-ui .rule-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#b5838d1a;border:1px solid rgba(181,131,141,.2);border-radius:16px;transition:all .3s ease}.minesweeper-ui .rule-card:hover{background:#b5838d26;border-color:#b5838d66;transform:translateY(-4px)}.minesweeper-ui .rule-icon{font-size:2rem}.minesweeper-ui .rule-title{font-size:1rem;font-weight:600;color:#e5989b}.minesweeper-ui .rule-desc{font-size:.85rem;color:#ffffffb3;text-align:center}.minesweeper-ui .difficulty-card{position:relative;overflow:hidden}.minesweeper-ui .diff-icon{font-size:2.5rem;margin-bottom:.5rem}.minesweeper-ui .mine-easy{border-color:#81c7844d}.minesweeper-ui .mine-easy:hover{background:#81c7841a;border-color:#81c78480}.minesweeper-ui .mine-medium{border-color:#ffb74d4d}.minesweeper-ui .mine-medium:hover{background:#ffb74d1a;border-color:#ffb74d80}.minesweeper-ui .mine-hard{border-color:#e573734d}.minesweeper-ui .mine-hard:hover{background:#e573731a;border-color:#e5737380}.minesweeper-container{position:relative;width:100%;height:100vh;overflow:hidden}.minesweeper-container canvas{position:absolute;inset:0}.mine-game-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:10;pointer-events:none}.mine-top-bar{display:flex;align-items:center;gap:1.5rem;background:#0a0810e6;backdrop-filter:blur(16px);border:1px solid rgba(181,131,141,.3);border-radius:20px;padding:.8rem 1.5rem;pointer-events:auto}.mine-stat-box{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#b5838d1a;border-radius:12px;min-width:80px;justify-content:center}.mine-icon{font-size:1.1rem}.mine-value{font-size:1.2rem;font-weight:700;font-family:SF Mono,Monaco,monospace;color:#fff}.mine-center-info{display:flex;flex-direction:column;align-items:center;gap:.3rem}.mine-badge{padding:.3rem 1rem;background:linear-gradient(135deg,#b5838d4d,#e5989b33);border:1px solid rgba(181,131,141,.4);border-radius:20px;font-size:.75rem;font-weight:700;color:#e5989b;text-transform:uppercase;letter-spacing:.1em}.mine-hints{display:flex;gap:1rem;font-size:.65rem;color:#ffffff80}.mine-restart-btn{padding:.5rem 1rem;background:#0a0810cc;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:12px;color:#e5989b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;pointer-events:auto}.mine-restart-btn:hover{background:#b5838d33;border-color:#b5838d80;transform:translateY(-2px)}.minesweeper-overlay .overlay-content{text-align:center}.minesweeper-overlay .overlay-icon{font-size:4rem;margin-bottom:1rem;animation:mine-bounce .5s ease-out}@keyframes mine-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.minesweeper-overlay h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#e5989b,#b5838d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.minesweeper-overlay .overlay-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.minesweeper-overlay .overlay-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.5rem;background:#b5838d1a;border:1px solid rgba(181,131,141,.2);border-radius:12px}.minesweeper-overlay .stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.minesweeper-overlay .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.minesweeper-overlay .new-record{font-size:1.2rem;color:gold;margin-bottom:1rem;animation:record-glow 1s ease-in-out infinite alternate}@keyframes record-glow{0%{text-shadow:0 0 10px rgba(255,215,0,.5)}to{text-shadow:0 0 20px rgba(255,215,0,.8)}}.minesweeper-overlay .overlay-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.minesweeper-overlay .play-again-btn{padding:.8rem 2rem;background:linear-gradient(135deg,#e5989b,#b5838d);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.minesweeper-overlay .play-again-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #b5838d66}.minesweeper-overlay .change-diff-btn{padding:.8rem 2rem;background:transparent;border:1px solid rgba(181,131,141,.4);border-radius:12px;color:#e5989b;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.minesweeper-overlay .change-diff-btn:hover{background:#b5838d1a;border-color:#b5838d99}@media(max-width:768px){.minesweeper-ui .rules-grid{grid-template-columns:1fr;gap:1rem}.mine-game-hud{top:.75rem;width:95%}.mine-top-bar{gap:.75rem;padding:.6rem 1rem;width:100%;justify-content:space-between}.mine-stat-box{min-width:60px;padding:.3rem .5rem}.mine-value{font-size:1rem}.mine-hints{display:none}.minesweeper-overlay h2{font-size:1.75rem}.minesweeper-overlay .overlay-stats{gap:1rem}}.snake-ui{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a15}.snake-info-bg{position:absolute;inset:0;z-index:0}.snake-info-bg canvas{cursor:default!important}.snake-info-content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.snake-info-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:#0a0a14eb;backdrop-filter:blur(20px);border:1px solid rgba(0,255,136,.2);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 60px #00ff881a,inset 0 1px #ffffff0d;max-width:480px;width:100%}.snake-info-header{text-align:center}.snake-title-icon{font-size:3rem;margin-bottom:.5rem;animation:snake-bounce 2s ease-in-out infinite}@keyframes snake-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.snake-info-header h1{font-family:var(--font-display);font-size:3rem;font-weight:800;background:linear-gradient(135deg,#0f8,#0c6,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.snake-info-header p{font-family:var(--font-mono);font-size:.9rem;color:#fff9;margin-top:.5rem}.snake-best-score{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:30px}.snake-best-score .best-icon{font-size:1.2rem}.snake-best-score .best-label{font-family:var(--font-mono);font-size:.75rem;color:#ffd700cc;text-transform:uppercase;letter-spacing:.05em}.snake-best-score .best-value{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.snake-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.snake-rule-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#00ff880f;border:1px solid rgba(0,255,136,.15);border-radius:12px;transition:all .3s ease}.snake-rule-card:hover{background:#00ff881a;border-color:#00ff884d;transform:translateY(-2px)}.snake-rule-card .rule-emoji{font-size:1.3rem;flex-shrink:0}.snake-rule-card .rule-text{font-family:var(--font-mono);font-size:.75rem;color:#ffffffbf;line-height:1.3}.snake-controls-preview{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#ffffff08;border-radius:12px}.controls-keys{display:flex;flex-direction:column;align-items:center;gap:.3rem}.controls-keys .key-row{display:flex;gap:.3rem}.key-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#0f8}.controls-or{font-family:var(--font-mono);font-size:.75rem;color:#ffffff4d}.snake-play-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:14px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#0a0a15;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ff884d;margin-top:.5rem}.snake-play-btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #00ff8880}.snake-play-btn .play-icon{font-size:1rem}.snake-3d-container{position:relative;width:100%;height:100vh;background:#0f0f23}.snake-3d-container canvas{position:absolute;inset:0}.snake-top-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#0a0a19f2;backdrop-filter:blur(20px);border:1px solid rgba(0,255,136,.25);border-radius:16px;padding:.75rem 1.25rem;box-shadow:0 8px 32px #00000080,0 0 30px #00ff881a,inset 0 1px #ffffff0d;z-index:10}.snake-stat-group{display:flex;align-items:center;gap:1rem}.snake-stat{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#00ff8814;border-radius:10px;border:1px solid rgba(0,255,136,.15);transition:all .3s ease}.snake-stat:hover{background:#00ff881f;border-color:#00ff884d}.snake-stat-icon{font-size:1.1rem}.snake-stat-info{display:flex;flex-direction:column;gap:.1rem}.snake-stat-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#0f89}.snake-stat-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.4);line-height:1}.snake-stat.speed-stat .snake-stat-value{color:#fa0;text-shadow:0 0 8px rgba(255,170,0,.4)}.snake-center-info{display:flex;align-items:center;justify-content:center}.snake-direction-indicator{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f83,#00cc661a);border:2px solid rgba(0,255,136,.4);border-radius:50%;box-shadow:0 0 15px #0f83}.direction-arrow{font-size:1.4rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.6);animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.snake-bottom-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;z-index:10}.snake-controls-hint{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0a0a19d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:25px;font-family:var(--font-mono);font-size:.75rem;color:#ffffff80}.hint-keys{padding:.2rem .5rem;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:4px;color:#0f8;font-weight:600}.hint-or{color:#ffffff4d}.hint-text{color:#fff6}.snake-restart-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:#0a0a19d9;backdrop-filter:blur(12px);border:1px solid rgba(255,100,100,.3);border-radius:25px;font-family:var(--font-mono);font-size:.8rem;color:#ff6464cc;cursor:pointer;transition:all .3s ease}.snake-restart-btn:hover{background:#ff646426;border-color:#ff646480;color:#f66;transform:translateY(-2px)}.snake-restart-btn span{font-size:1rem}.snake-game-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a19f2;backdrop-filter:blur(12px);z-index:100;animation:snake-overlay-fade .4s ease}@keyframes snake-overlay-fade{0%{opacity:0}to{opacity:1}}.snake-game-over .overlay-content{text-align:center;padding:2.5rem 3rem;background:linear-gradient(180deg,#141428fa,#0f0f1efa);border:1px solid rgba(255,51,102,.3);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 60px #ff336626,inset 0 1px #ffffff0d;animation:snake-content-pop .5s cubic-bezier(.34,1.56,.64,1);max-width:450px}@keyframes snake-content-pop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.snake-game-over .game-over-icon{font-size:4rem;margin-bottom:.75rem;animation:skull-shake .6s ease-out;filter:drop-shadow(0 0 20px rgba(255,51,102,.5))}@keyframes skull-shake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-15deg) scale(1.1)}40%{transform:rotate(15deg) scale(1.1)}60%{transform:rotate(-10deg) scale(1.05)}80%{transform:rotate(10deg) scale(1.05)}}.snake-game-over h2{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f36,#f69,#f36);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.snake-game-over .game-over-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.snake-game-over .stat-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.25rem;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:16px;min-width:100px;transition:all .3s ease}.snake-game-over .stat-card:hover{background:#00ff881f;border-color:#00ff8859;transform:translateY(-3px)}.snake-game-over .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.snake-game-over .stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#0f8;text-shadow:0 0 12px rgba(0,255,136,.5);line-height:1}.snake-game-over .stat-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.new-record-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);border-top:1px solid rgba(255,215,0,.3);border-bottom:1px solid rgba(255,215,0,.3);animation:record-shine 2s ease-in-out infinite}@keyframes record-shine{0%,to{background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent)}50%{background:linear-gradient(90deg,transparent,rgba(255,215,0,.25),transparent)}}.record-icon{font-size:1.5rem;animation:trophy-bounce 1s ease-in-out infinite}.record-icon:last-child{animation-delay:.5s}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.record-text{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.game-over-buttons{display:flex;justify-content:center;gap:1rem}.snake-game-over .play-again-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:14px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:#0a0a15;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ff884d}.snake-game-over .play-again-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00ff8880}.snake-game-over .play-again-btn span{font-size:1.1rem}.snake-game-over .menu-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:14px;font-family:var(--font-display);font-size:1rem;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.snake-game-over .menu-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-3px)}.snake-game-over .menu-btn span{font-size:1rem}@media(max-width:768px){.snake-info-content{padding:1rem}.snake-info-card{padding:1.5rem;gap:1.25rem}.snake-title-icon{font-size:2.5rem}.snake-info-header h1{font-size:2.25rem}.snake-info-header p{font-size:.8rem}.snake-rules-grid{grid-template-columns:1fr;gap:.5rem}.snake-rule-card{padding:.75rem}.snake-controls-preview{gap:1rem;padding:.75rem}.key-btn{width:28px;height:28px;font-size:.7rem}.snake-top-hud{top:.75rem;padding:.5rem .75rem;gap:.75rem;width:95%;max-width:none}.snake-stat-group{gap:.5rem}.snake-stat{padding:.3rem .5rem;gap:.3rem}.snake-stat-icon{font-size:.9rem}.snake-stat-value{font-size:.95rem}.snake-stat-label{font-size:.5rem}.snake-direction-indicator{width:32px;height:32px}.direction-arrow{font-size:1.1rem}.snake-bottom-hud{bottom:1rem;gap:.75rem}.snake-controls-hint{display:none}.snake-game-over .overlay-content{padding:1.5rem;margin:1rem;max-width:95%}.snake-game-over h2{font-size:1.8rem}.snake-game-over .game-over-stats{gap:.5rem}.snake-game-over .stat-card{padding:.75rem;min-width:80px}.snake-game-over .stat-icon{font-size:1.2rem}.snake-game-over .stat-value{font-size:1.3rem}.game-over-buttons{flex-direction:column;gap:.75rem}.snake-game-over .play-again-btn,.snake-game-over .menu-btn{width:100%;justify-content:center}}.game-2048-ui{position:relative;width:100%;height:100vh;overflow:hidden;background:#1a1612}.g2048-info-bg{position:absolute;inset:0;z-index:0}.g2048-info-bg canvas{cursor:default!important}.g2048-info-content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.g2048-info-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:#1a1612f2;backdrop-filter:blur(20px);border:1px solid rgba(242,177,121,.2);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 60px #f2b1791a,inset 0 1px #ffffff0d;max-width:460px;width:100%}.g2048-info-header{text-align:center}.g2048-title-tiles{display:flex;justify-content:center;gap:.4rem;margin-bottom:.75rem}.mini-tile{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:var(--font-display);font-size:1.4rem;font-weight:800}.mini-tile.t2{background:#eee4da;color:#776e65}.mini-tile.t0{background:#f2b179;color:#f9f6f2}.mini-tile.t4{background:#f67c5f;color:#f9f6f2}.mini-tile.t8{background:#edc22e;color:#f9f6f2;box-shadow:0 0 20px #edc22e66}.g2048-info-header p{font-family:var(--font-mono);font-size:.9rem;color:#fff9}.g2048-best-score{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:30px}.g2048-best-score .best-icon{font-size:1.2rem}.g2048-best-score .best-label{font-family:var(--font-mono);font-size:.75rem;color:#ffd700cc;text-transform:uppercase;letter-spacing:.05em}.g2048-best-score .best-value{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.g2048-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.g2048-rule-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#f2b17914;border:1px solid rgba(242,177,121,.15);border-radius:12px;transition:all .3s ease}.g2048-rule-card:hover{background:#f2b1791f;border-color:#f2b1794d;transform:translateY(-2px)}.g2048-rule-card .rule-emoji{font-size:1.3rem;flex-shrink:0}.g2048-rule-card .rule-text{font-family:var(--font-mono);font-size:.75rem;color:#ffffffbf;line-height:1.3}.g2048-controls-preview{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#ffffff08;border-radius:12px}.g2048-controls-preview .controls-keys{display:flex;flex-direction:column;align-items:center;gap:.3rem}.g2048-controls-preview .key-row{display:flex;gap:.3rem}.g2048-controls-preview .key-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f2b17926;border:1px solid rgba(242,177,121,.3);border-radius:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#f2b179}.g2048-controls-preview .controls-or{font-family:var(--font-mono);font-size:.75rem;color:#ffffff4d}.g2048-play-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#f2b179,#f59563);border:none;border-radius:14px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#1a1612;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f2b1794d;margin-top:.5rem}.g2048-play-btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #f2b17980}.g2048-play-btn .play-icon{font-size:1rem}.game-2048-container{position:relative;width:100%;height:100vh;background:#1a1612}.game-2048-container canvas{position:absolute;inset:0}.g2048-top-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#1a1612f2;backdrop-filter:blur(20px);border:1px solid rgba(242,177,121,.25);border-radius:16px;padding:.75rem 1.25rem;box-shadow:0 8px 32px #00000080,0 0 30px #f2b1791a;z-index:10}.g2048-stat-group{display:flex;align-items:center;gap:1rem}.g2048-stat{position:relative;display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#f2b17914;border-radius:10px;border:1px solid rgba(242,177,121,.15)}.g2048-stat.high-tile{background:#edc22e1a;border-color:#edc22e40}.g2048-stat-icon{font-size:1.1rem}.g2048-stat-info{display:flex;flex-direction:column;gap:.1rem}.g2048-stat-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#f2b17999}.g2048-stat-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#f2b179;text-shadow:0 0 8px rgba(242,177,121,.4);line-height:1}.g2048-stat.high-tile .g2048-stat-value{color:#edc22e;text-shadow:0 0 8px rgba(237,194,46,.5)}.score-popup{position:absolute;top:-20px;right:0;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#4caf50;animation:score-float .8s ease-out forwards;pointer-events:none}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.g2048-bottom-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;z-index:10}.g2048-controls-hint{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#1a1612d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:25px;font-family:var(--font-mono);font-size:.75rem;color:#ffffff80}.g2048-controls-hint .hint-keys{padding:.2rem .5rem;background:#f2b17926;border:1px solid rgba(242,177,121,.3);border-radius:4px;color:#f2b179;font-weight:600}.g2048-controls-hint .hint-or{color:#ffffff4d}.g2048-restart-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:#1a1612d9;backdrop-filter:blur(12px);border:1px solid rgba(255,100,100,.3);border-radius:25px;font-family:var(--font-mono);font-size:.8rem;color:#ff6464cc;cursor:pointer;transition:all .3s ease}.g2048-restart-btn:hover{background:#ff646426;border-color:#ff646480;color:#f66;transform:translateY(-2px)}.g2048-restart-btn span{font-size:1rem}.g2048-game-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a1612f2;backdrop-filter:blur(12px);z-index:100;animation:g2048-overlay-fade .4s ease}@keyframes g2048-overlay-fade{0%{opacity:0}to{opacity:1}}.g2048-overlay-content{text-align:center;padding:2.5rem 3rem;background:linear-gradient(180deg,#28231efa,#1a1612fa);border:1px solid rgba(242,177,121,.3);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 60px #f2b17926;animation:g2048-content-pop .5s cubic-bezier(.34,1.56,.64,1);max-width:420px}@keyframes g2048-content-pop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.g2048-overlay-content .game-over-icon{font-size:4rem;margin-bottom:.75rem}.g2048-overlay-content h2{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f2b179,#edc22e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem}.g2048-overlay-content .game-over-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.g2048-overlay-content .stat-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.5rem;background:#f2b17914;border:1px solid rgba(242,177,121,.2);border-radius:16px;min-width:110px}.g2048-overlay-content .stat-icon{font-size:1.5rem}.g2048-overlay-content .stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#f2b179;text-shadow:0 0 12px rgba(242,177,121,.5)}.g2048-overlay-content .stat-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.g2048-overlay-content .new-record-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);border-top:1px solid rgba(255,215,0,.3);border-bottom:1px solid rgba(255,215,0,.3)}.g2048-overlay-content .record-icon{font-size:1.5rem;animation:trophy-bounce 1s ease-in-out infinite}.g2048-overlay-content .record-text{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.g2048-overlay-content .game-over-buttons{display:flex;justify-content:center;gap:1rem}.g2048-overlay-content .play-again-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,#f2b179,#f59563);border:none;border-radius:14px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:#1a1612;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f2b1794d}.g2048-overlay-content .play-again-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f2b17980}.g2048-overlay-content .menu-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:14px;font-family:var(--font-display);font-size:1rem;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.g2048-overlay-content .menu-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-3px)}@media(max-width:768px){.g2048-info-content{padding:1rem}.g2048-info-card{padding:1.5rem;gap:1.25rem}.mini-tile{width:40px;height:40px;font-size:1.1rem}.g2048-rules-grid{grid-template-columns:1fr;gap:.5rem}.g2048-controls-preview{gap:1rem;padding:.75rem}.g2048-controls-preview .key-btn{width:28px;height:28px;font-size:.7rem}.g2048-top-hud{top:.75rem;padding:.5rem .75rem;gap:.75rem;width:95%}.g2048-stat{padding:.3rem .5rem;gap:.3rem}.g2048-stat-icon{font-size:.9rem}.g2048-stat-value{font-size:.95rem}.g2048-stat-label{font-size:.5rem}.g2048-bottom-hud{bottom:1rem;gap:.75rem}.g2048-controls-hint{display:none}.g2048-overlay-content{padding:1.5rem;margin:1rem;max-width:95%}.g2048-overlay-content h2{font-size:1.8rem}.g2048-overlay-content .game-over-stats{gap:.75rem}.g2048-overlay-content .stat-card{padding:.75rem 1rem;min-width:90px}.g2048-overlay-content .game-over-buttons{flex-direction:column;gap:.75rem}.g2048-overlay-content .play-again-btn,.g2048-overlay-content .menu-btn{width:100%;justify-content:center}}.memory-ui{position:relative;width:100%;height:100%}.memory-info-bg{position:absolute;inset:0;z-index:0}.memory-info-bg canvas{cursor:default!important}.memory-info-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.memory-info-card{background:linear-gradient(135deg,#0f0a1af2,#1e1b4be6);border:1px solid rgba(167,139,250,.3);border-radius:24px;padding:2.5rem;max-width:480px;width:100%;backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080,0 0 100px #a78bfa1a,inset 0 1px #ffffff1a}.memory-info-header{text-align:center;margin-bottom:1.5rem}.memory-title-icon{font-size:3.5rem;display:block;margin-bottom:.5rem;animation:card-flip 3s ease-in-out infinite}@keyframes card-flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.memory-info-header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.memory-info-header p{color:#ffffffb3;font-size:1rem}.memory-best-score{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#a78bfa26;border:1px solid rgba(167,139,250,.3);border-radius:12px;padding:.75rem 1.5rem;margin-bottom:1.5rem}.memory-best-score .best-icon{font-size:1.25rem}.memory-best-score .best-label{color:#ffffffb3;font-size:.85rem}.memory-best-score .best-value{color:#a78bfa;font-size:1.25rem;font-weight:700;font-family:JetBrains Mono,monospace}.memory-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.memory-rule-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.memory-rule-card:hover{background:#a78bfa1a;border-color:#a78bfa4d;transform:translateY(-2px)}.memory-rule-card .rule-icon{font-size:1.5rem;margin-bottom:.25rem}.memory-rule-card .rule-title{display:block;font-weight:600;color:#fff;font-size:.9rem;margin-bottom:.15rem}.memory-rule-card .rule-desc{display:block;color:#fff9;font-size:.75rem}.memory-play-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#a78bfa,#f472b6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.memory-play-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a78bfa66}.memory-play-btn .play-icon{font-size:1.25rem}.memory-container{position:relative;width:100%;height:100%}.memory-container canvas{cursor:pointer!important}.memory-top-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10}.memory-stat-group{display:flex;gap:.5rem;background:#0f0a1ae6;border:1px solid rgba(167,139,250,.3);border-radius:16px;padding:.5rem;backdrop-filter:blur(10px)}.memory-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:10px}.memory-stat.matches{background:#a78bfa33}.memory-stat-icon{font-size:1.1rem}.memory-stat-info{display:flex;flex-direction:column}.memory-stat-label{font-size:.6rem;color:#ffffff80;font-weight:600;letter-spacing:.05em}.memory-stat-value{font-size:1.1rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.memory-bottom-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem}.memory-hint{color:#ffffff80;font-size:.85rem}.memory-restart-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#a78bfa33;border:1px solid rgba(167,139,250,.4);border-radius:10px;color:#a78bfa;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.memory-restart-btn:hover{background:#a78bfa4d;transform:translateY(-2px)}.memory-game-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0a1ae6;backdrop-filter:blur(10px);z-index:100;animation:memory-fade-in .3s ease}@keyframes memory-fade-in{0%{opacity:0}to{opacity:1}}.memory-overlay-content{background:linear-gradient(135deg,#1e1b4bf2,#0f0a1af2);border:1px solid rgba(167,139,250,.3);border-radius:24px;padding:2.5rem;text-align:center;max-width:400px;width:90%;animation:memory-pop-in .4s ease}@keyframes memory-pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.memory-overlay-content .game-over-icon{font-size:4rem;margin-bottom:.5rem}.memory-overlay-content h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f472b6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.memory-overlay-content .game-over-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.memory-overlay-content .stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.5rem}.memory-overlay-content .stat-card .stat-icon{font-size:1.5rem}.memory-overlay-content .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.memory-overlay-content .stat-card .stat-label{font-size:.75rem;color:#ffffff80}.memory-overlay-content .new-record-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:.75rem 1.5rem;margin-bottom:1.5rem;animation:record-pulse 2s ease infinite}.memory-overlay-content .new-record-banner .record-icon{font-size:1.25rem}.memory-overlay-content .new-record-banner .record-text{color:#fbbf24;font-weight:700}.memory-overlay-content .game-over-buttons{display:flex;gap:.75rem}.memory-overlay-content .play-again-btn{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#a78bfa,#f472b6);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.memory-overlay-content .play-again-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #a78bfa66}.memory-overlay-content .menu-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.memory-overlay-content .menu-btn:hover{background:#ffffff26}@media(max-width:768px){.memory-info-card{padding:1.5rem;margin:1rem}.memory-title-icon{font-size:2.5rem}.memory-info-header h1{font-size:1.8rem}.memory-rules-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.memory-rule-card{padding:.75rem}.memory-rule-card .rule-icon{font-size:1.25rem}.memory-stat-group{padding:.4rem;gap:.25rem}.memory-stat{padding:.4rem .6rem;gap:.3rem}.memory-stat-value{font-size:.95rem}.memory-stat-label{font-size:.5rem}.memory-bottom-hud{bottom:1rem;flex-direction:column;gap:.5rem}.memory-hint{display:none}.memory-overlay-content{padding:1.5rem;margin:1rem}.memory-overlay-content h2{font-size:1.6rem}.memory-overlay-content .game-over-buttons{flex-direction:column}}.redball-ui{position:relative;width:100%;height:100%}.redball-info-bg{position:absolute;inset:0;z-index:0}.redball-info-bg canvas{cursor:default!important}.redball-info-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.redball-info-card{background:linear-gradient(135deg,#0f172af2,#1e1b4be6);border:1px solid rgba(239,68,68,.3);border-radius:24px;padding:2.5rem;max-width:480px;width:100%;backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080,0 0 100px #ef44441a,inset 0 1px #ffffff1a}.redball-info-header{text-align:center;margin-bottom:1.5rem}.redball-title-icon{font-size:3.5rem;display:block;margin-bottom:.5rem;animation:ball-bounce 1s ease-in-out infinite}@keyframes ball-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.redball-info-header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#f97316,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.redball-info-header p{color:#ffffffb3;font-size:1rem}.redball-best-score{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:.75rem 1.5rem;margin-bottom:1.5rem}.redball-best-score .best-icon{font-size:1.25rem}.redball-best-score .best-label{color:#ffffffb3;font-size:.85rem}.redball-best-score .best-value{color:#ef4444;font-size:1.25rem;font-weight:700;font-family:JetBrains Mono,monospace}.redball-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.redball-rule-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.redball-rule-card:hover{background:#ef44441a;border-color:#ef44444d;transform:translateY(-2px)}.redball-rule-card .rule-icon{font-size:1.5rem;margin-bottom:.25rem}.redball-rule-card .rule-title{display:block;font-weight:600;color:#fff;font-size:.9rem;margin-bottom:.15rem}.redball-rule-card .rule-desc{display:block;color:#fff9;font-size:.75rem}.redball-platforms-info{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.redball-platforms-info .platform-type{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.redball-platforms-info .platform-type.green{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.redball-platforms-info .platform-type.blue{background:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.4)}.redball-platforms-info .platform-type.yellow{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.redball-play-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.redball-play-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ef444466}.redball-play-btn .play-icon{font-size:1.25rem}.redball-container{position:relative;width:100%;height:100%}.redball-container canvas{cursor:default!important}.redball-top-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10}.redball-stat-group{display:flex;gap:.5rem;background:#0f172ae6;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:.5rem;backdrop-filter:blur(10px)}.redball-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:10px}.redball-stat.level{background:#ef444433}.redball-stat-icon{font-size:1.1rem}.redball-stat-info{display:flex;flex-direction:column}.redball-stat-label{font-size:.6rem;color:#ffffff80;font-weight:600;letter-spacing:.05em}.redball-stat-value{font-size:1.1rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.redball-bottom-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem}.redball-controls-hint{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.85rem}.redball-controls-hint .key-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.redball-controls-hint .hint-text{color:#ffffff80;font-size:.75rem;margin-right:.5rem}.redball-restart-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#ef4444;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.redball-restart-btn:hover{background:#ef44444d;transform:translateY(-2px)}.redball-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172ae6;backdrop-filter:blur(10px);z-index:100;animation:redball-fade-in .3s ease}.redball-overlay.win{background:#0f172ad9}@keyframes redball-fade-in{0%{opacity:0}to{opacity:1}}.redball-overlay-content{background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);border:1px solid rgba(239,68,68,.3);border-radius:24px;padding:2.5rem;text-align:center;max-width:400px;width:90%;animation:redball-pop-in .4s ease}.redball-overlay.win .redball-overlay-content{border-color:#4ade8066}@keyframes redball-pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.redball-overlay-content .overlay-icon{font-size:4rem;margin-bottom:.5rem}.redball-overlay-content h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.redball-overlay.win .redball-overlay-content h2{background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text}.redball-overlay-content .overlay-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.redball-overlay-content .stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.5rem}.redball-overlay-content .stat-card .stat-icon{font-size:1.5rem}.redball-overlay-content .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.redball-overlay-content .stat-card .stat-label{font-size:.75rem;color:#ffffff80}.redball-overlay-content .level-bonus{color:#4ade80;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;animation:bonus-pulse 1s ease infinite}@keyframes bonus-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.redball-overlay-content .new-record-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:.75rem 1.5rem;margin-bottom:1.5rem;animation:record-pulse 2s ease infinite}.redball-overlay-content .new-record-banner .record-icon{font-size:1.25rem}.redball-overlay-content .new-record-banner .record-text{color:#fbbf24;font-weight:700}.redball-overlay-content .overlay-buttons{display:flex;gap:.75rem}.redball-overlay-content .play-again-btn{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.redball-overlay.win .redball-overlay-content .play-again-btn{background:linear-gradient(135deg,#4ade80,#22d3ee)}.redball-overlay-content .play-again-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ef444466}.redball-overlay-content .menu-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.redball-overlay-content .menu-btn:hover{background:#ffffff26}@media(max-width:768px){.redball-info-card{padding:1.5rem;margin:1rem}.redball-title-icon{font-size:2.5rem}.redball-info-header h1{font-size:1.8rem}.redball-rules-grid{gap:.5rem}.redball-rule-card{padding:.75rem}.redball-rule-card .rule-icon{font-size:1.25rem}.redball-stat-group{padding:.4rem;gap:.25rem}.redball-stat{padding:.4rem .6rem;gap:.3rem}.redball-stat-value{font-size:.95rem}.redball-stat-label{font-size:.5rem}.redball-bottom-hud{bottom:1rem;flex-direction:column;gap:.5rem}.redball-controls-hint{display:none}.redball-overlay-content{padding:1.5rem;margin:1rem}.redball-overlay-content h2{font-size:1.6rem}.redball-overlay-content .overlay-buttons{flex-direction:column}}:root{--color-peach-light: #ffcdb2;--color-peach: #ffb4a2;--color-rose: #e5989b;--color-mauve: #b5838d;--color-plum: #6d6875;--color-sage-light: #ccd5ae;--color-sage: #e9edc9;--color-bg-deep: #050505;--color-bg-primary: #0a0a0a;--color-bg-secondary: #121212;--color-text-primary: #ffcdb2;--color-text-secondary: #b5838d;--color-text-muted: #6d6875;--color-accent-primary: #e5989b;--color-accent-secondary: #ccd5ae;--font-display: "Space Grotesk", sans-serif;--font-mono: "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--space-3xl: 12rem}*{margin:0;padding:0;box-sizing:border-box;cursor:none;user-select:none;-webkit-user-select:none}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--color-bg-deep);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;position:relative}.custom-cursor{width:20px;height:20px;border:2px solid var(--color-rose);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .15s ease,background .15s ease,border-color .15s ease;transform:translate(-50%,-50%)}.custom-cursor.hovering{transform:translate(-50%,-50%) scale(1.5);background:#e5989b33;border-color:var(--color-peach-light)}.cursor-dot{width:6px;height:6px;background:var(--color-rose);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:transform .05s ease}.custom-cursor.on-canvas{width:28px;height:28px;border-color:var(--color-peach);background:#ffb4a226;transform:translate(-50%,-50%) scale(1.2)}.cursor-dot.on-canvas{background:var(--color-peach);width:10px;height:10px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-rose),var(--color-peach-light),var(--color-sage-light));z-index:1000;transform-origin:left;box-shadow:0 0 10px var(--color-rose),0 0 20px #e5989b80}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-deep);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s ease,visibility .8s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.asteroid-loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.asteroid-orbit{position:absolute;width:100%;height:100%;animation:orbit-spin 3s linear infinite}.asteroid-center{width:12px;height:12px;background:var(--color-peach-light);border-radius:50%;box-shadow:0 0 20px #ffcdb299;animation:pulse-glow 1.5s ease-in-out infinite}.asteroid{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--color-rose) 0%,var(--color-mauve) 100%);box-shadow:0 0 10px #e5989b80}.asteroid-1{width:8px;height:8px;top:0;left:50%;transform:translate(-50%);animation:asteroid-pulse 1.2s ease-in-out infinite}.asteroid-2{width:6px;height:6px;top:25%;right:5%;animation:asteroid-pulse 1.4s ease-in-out infinite .2s}.asteroid-3{width:10px;height:10px;bottom:10%;right:15%;animation:asteroid-pulse 1s ease-in-out infinite .4s}.asteroid-4{width:5px;height:5px;bottom:20%;left:10%;animation:asteroid-pulse 1.6s ease-in-out infinite .6s}.asteroid-5{width:7px;height:7px;top:30%;left:5%;animation:asteroid-pulse 1.3s ease-in-out infinite .3s}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes asteroid-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.loading-text{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--space-lg);letter-spacing:.2em;animation:fade-pulse 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 40px #ffcdb24d}50%{transform:scale(1.1);box-shadow:0 0 60px #ffcdb280}}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:#e5989b33;border:1px solid var(--color-rose);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(10px)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-rose);transform:translateY(-4px);box-shadow:0 10px 30px #e5989b66}.back-to-top svg{stroke:var(--color-peach-light);transition:stroke .3s ease}.back-to-top:hover svg{stroke:var(--color-bg-deep)}.sound-control{position:fixed;bottom:2rem;left:2rem;z-index:1100;display:flex;align-items:center;gap:.5rem}.sound-toggle{width:44px;height:44px;background:#0a0a0a80;border:1px solid var(--color-sage-light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(4px);color:var(--color-sage-light);flex-shrink:0}.sound-toggle.muted{border-color:#b5838d66;color:var(--color-rose);animation:pulse-subtle 2s ease-in-out infinite}.sound-hint-container{display:flex;flex-direction:column;gap:.15rem;animation:fade-in-hint .5s ease-out}.sound-hint{color:var(--color-peach-light);font-size:.75rem;font-weight:500;letter-spacing:.05em;white-space:nowrap;opacity:.8}.sound-hint-key{color:var(--color-rose);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.key-highlight{display:inline-block;background:var(--color-rose);border:1px solid var(--color-rose);border-radius:5px;padding:.2rem .5rem;margin-left:.3rem;color:#000;font-size:.8rem;font-weight:700;box-shadow:0 0 10px #e5989b80}@keyframes pulse-subtle{0%,to{box-shadow:0 0 #e5989b66}50%{box-shadow:0 0 0 8px #e5989b00}}@keyframes fade-in-hint{0%{opacity:0;transform:translate(-10px)}to{opacity:.8;transform:translate(0)}}.sound-toggle:hover{background:#e5989b33;border-color:var(--color-rose);color:var(--color-peach-light);transform:scale(1.1);animation:none}.volume-panel{background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:22px;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;opacity:0;transform:translate(-10px);pointer-events:none;transition:all .3s ease}.volume-panel.visible{opacity:1;transform:translate(0);pointer-events:auto}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#b5838d4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-rose);border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #e5989b99}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-rose);border-radius:50%;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #e5989b99}.volume-percent{font-size:.7rem;color:var(--color-peach-medium);font-family:var(--font-mono);min-width:28px;text-align:right}@media(max-width:768px){.sound-control{bottom:1.5rem;left:1.5rem}.sound-toggle{width:48px;height:48px}.sound-toggle svg{width:22px;height:22px}.sound-hint-container,.volume-panel{display:none}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.scroll-container{position:relative;z-index:10}.navbar{position:fixed;top:1.5rem;left:2rem;display:flex;align-items:center;z-index:100}.navbar-logo{font-family:var(--font-mono);font-size:1rem;font-weight:400;color:var(--color-peach-light);text-decoration:none;cursor:pointer;transition:color .2s ease}.navbar-logo:hover{color:var(--color-rose)}.navbar-links{display:flex;gap:3rem}.navbar-link{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--color-plum);text-decoration:none;cursor:pointer;position:relative;transition:color .2s ease}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-rose);transition:width .2s ease}.navbar-link:hover{color:var(--color-peach-light)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--color-rose)}.navbar-link.active:after{width:100%}.try-zen-btn{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:#e8e0f0;background:linear-gradient(135deg,#8b5cf626,#a855f71a);border:1px solid rgba(139,92,246,.4);border-radius:100px;padding:.6rem 1.2rem;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;position:relative;overflow:hidden}.try-zen-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf64d,#a855f733);opacity:0;transition:opacity .3s ease}.try-zen-btn:hover{color:#fff;border-color:#a855f7b3;box-shadow:0 0 20px #8b5cf64d,0 0 40px #a855f726;transform:translateY(-1px)}.try-zen-btn:hover:before{opacity:1}.zen-icon{font-size:1rem;animation:zen-sparkle 2s ease-in-out infinite}@keyframes zen-sparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:768px){.try-zen-btn{font-size:.7rem;padding:.5rem 1rem}}.section{min-height:100vh;display:flex;align-items:center;padding:var(--space-3xl) 10%;position:relative}.section:first-child{padding-top:calc(var(--space-3xl) + 80px)}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) 10%}.hero-tag{font-family:var(--font-mono);font-size:.875rem;color:var(--color-sage-light);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);text-shadow:0 2px 15px rgba(0,0,0,.8);opacity:0;animation:heroFadeIn .8s ease forwards;animation-delay:.5s}.hero-tag:before{content:"";width:40px;height:1px;background:var(--color-sage-light);box-shadow:0 0 10px var(--color-sage-light)}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,12vw,10rem);font-weight:800;line-height:.9;letter-spacing:-.04em;margin-bottom:var(--space-xl);background:linear-gradient(135deg,var(--color-peach-light) 0%,var(--color-peach) 30%,var(--color-rose) 60%,var(--color-mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));opacity:0;animation:heroSlideUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.7s}.hero-subtitle{font-family:var(--font-mono);font-size:1.125rem;color:var(--color-peach-light);line-height:1.8;max-width:600px;margin-bottom:var(--space-md);text-shadow:0 2px 20px rgba(0,0,0,.8);min-height:2em;opacity:0;animation:heroFadeIn .8s ease forwards;animation-delay:1.2s}.hero-subtitle-static{font-family:var(--font-mono);font-size:1rem;color:var(--color-peach);line-height:1.8;max-width:600px;margin-bottom:var(--space-xl);text-shadow:0 2px 20px rgba(0,0,0,.8);opacity:0;animation:heroFadeIn .8s ease forwards;animation-delay:1.4s}.hero-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.9rem;color:var(--color-bg-deep);background:var(--color-rose);padding:14px 28px;border:none;border-radius:100px;text-decoration:none;cursor:pointer;transition:all .3s ease;width:fit-content;font-weight:500}.hero-actions{opacity:0;animation:heroSlideUp .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.6s}.hero-cta:hover{background:var(--color-peach-light);transform:translateY(-2px);box-shadow:0 15px 30px #e5989b66}.hero-actions{display:flex;gap:var(--space-md);align-items:center}.resume-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;color:var(--color-peach-light);background:transparent;padding:12px 24px;border:1px solid rgba(255,205,178,.3);border-radius:100px;text-decoration:none;cursor:pointer;transition:all .3s ease}.resume-btn:hover{border-color:var(--color-rose);background:#e5989b1a;transform:translateY(-2px)}.section-content{max-width:900px;width:100%}.section-content-left{width:55%;max-width:650px}.section-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.section-label:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--color-rose),var(--color-sage-light));box-shadow:0 0 8px var(--color-rose)}.section-label{background:linear-gradient(90deg,var(--color-rose) 0%,var(--color-peach-light) 30%,var(--color-sage-light) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--color-peach-light);margin-bottom:var(--space-lg);letter-spacing:-.02em;text-shadow:0 4px 30px rgba(0,0,0,.8)}.section-text{font-family:var(--font-mono);font-size:1rem;color:var(--color-peach);line-height:1.8;margin-bottom:var(--space-lg);max-width:700px;text-shadow:0 2px 20px rgba(0,0,0,.8)}.tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;color:var(--color-sage-light);border:1px solid rgba(204,213,174,.3);padding:.4rem .8rem;border-radius:100px;margin-right:.5rem;margin-bottom:.5rem;background:#ccd5ae0d;transition:all .2s ease}.tag:hover{background:#ccd5ae26;border-color:var(--color-sage-light)}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:.75rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-top:var(--space-xl)}.skill-category h4{font-family:var(--font-mono);font-size:.7rem;color:var(--color-plum);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md)}.skills-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg);background:#0a0a0a40;border-radius:16px;border:1px solid rgba(181,131,141,.1);backdrop-filter:blur(4px);transition:all .3s ease}.skills-list:hover{background:#0a0a0a59;border-color:#b5838d33}.skills-list .skill-category{display:flex;gap:var(--space-md);align-items:baseline}.skills-list .skill-label{font-family:var(--font-mono);font-size:.7rem;color:var(--color-sage-light);text-transform:uppercase;letter-spacing:.1em;min-width:80px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.skills-list .skill-items{font-family:var(--font-mono);font-size:.85rem;color:var(--color-peach);text-shadow:0 2px 10px rgba(0,0,0,.5)}.hoverable-skill{padding:.5rem 0;border-radius:8px;transition:all .3s ease;cursor:pointer;margin:-.5rem;padding:.75rem}.hoverable-skill:hover{background:#e5989b14}.hoverable-skill:hover .skill-label{color:var(--color-rose)}.hoverable-skill:hover .skill-items{color:var(--color-peach-light)}.timeline{margin-top:var(--space-xl)}.timeline-item{position:relative;padding-top:var(--space-lg);padding-left:var(--space-xl);padding-bottom:var(--space-xl);border-left:1px solid rgba(181,131,141,.3)}.timeline-item.reveal.visible,.timeline-item.reveal.visible.expanded,.timeline-item.reveal.visible.hoverable{opacity:1!important;transform:none!important;transition:background .3s ease,padding .3s ease,border-radius .3s ease,border .3s ease!important}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-5px;top:0;width:9px;height:9px;border-radius:50%;background:var(--color-rose);box-shadow:0 0 20px #e5989b80;transition:all .3s ease;z-index:2}.timeline-item:after{content:"";position:absolute;left:-1px;top:0;width:2px;height:0;background:linear-gradient(180deg,var(--color-rose),transparent);box-shadow:0 0 10px var(--color-rose);transition:height .4s ease;z-index:1}.timeline-item.hoverable{cursor:pointer;transition:all .3s ease}.timeline-item.hoverable:hover{border-left-color:#e5989b99}.timeline-item.hoverable:hover:before{transform:scale(1.8);box-shadow:0 0 30px #e5989be6,0 0 50px #e5989b80;background:var(--color-peach-light)}.timeline-item.hoverable:hover:after{height:100%}.timeline-item.hoverable:hover h4{color:var(--color-rose)}.timeline-item .year{font-family:var(--font-mono);font-size:.7rem;color:var(--color-sage-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.timeline-item h4{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-peach-light);margin-bottom:.5rem;text-shadow:0 2px 15px rgba(0,0,0,.8);transition:font-size .3s ease}.timeline-item p{font-family:var(--font-mono);font-size:.875rem;color:var(--color-peach);line-height:1.7;margin-bottom:.75rem;text-shadow:0 2px 15px rgba(0,0,0,.8)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}.project-card{background:#0a0a0a33;backdrop-filter:blur(4px);border:1px solid rgba(181,131,141,.1);border-radius:16px;padding:var(--space-lg);transition:all .3s ease;cursor:pointer}.project-card:hover{background:#12121259;border-color:#e5989b66;transform:translate(8px);box-shadow:0 15px 40px #e5989b26}.project-card:hover h4{color:var(--color-rose)}.project-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:.75rem}.project-icon{font-size:1.5rem;line-height:1}.project-card h4{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-peach-light);margin-bottom:0;text-shadow:0 2px 10px rgba(0,0,0,.6)}.project-card p{font-family:var(--font-mono);font-size:.8rem;color:var(--color-peach);line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.6)}.awards-box{margin-top:var(--space-xl);padding:var(--space-lg);background:#ccd5ae08;border-radius:16px;border:1px solid rgba(204,213,174,.08);transition:all .3s ease}.awards-box:hover{background:#ccd5ae0f;border-color:#ccd5ae26}.awards-box h4{font-family:var(--font-display);font-size:1.1rem;color:var(--color-sage-light);margin-bottom:var(--space-lg);text-shadow:0 2px 10px rgba(0,0,0,.5)}.awards-box .achievement{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(204,213,174,.1)}.awards-box .achievement:last-child{border-bottom:none;padding-bottom:0}.awards-box .achievement:first-of-type{padding-top:0}.awards-box .achievement-icon{font-size:1.5rem;line-height:1}.awards-box .achievement-content{flex:1}.awards-box .achievement-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-peach-light);margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.awards-box .achievement-desc{font-family:var(--font-mono);font-size:.75rem;color:var(--color-peach);line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.5)}.contact-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.contact-link{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--color-peach);text-decoration:none;padding:.75rem 1.25rem;background:#0a0a0a4d;backdrop-filter:blur(4px);border:1px solid rgba(181,131,141,.15);border-radius:100px;transition:all .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.5)}.contact-link:hover{color:var(--color-peach-light);border-color:#e5989b66;background:#e5989b1a}.contact-link.whatsapp:hover{color:#25d366;border-color:#25d36666;background:#25d3661a}.contact-link.whatsapp:hover svg{fill:#25d366}.tech-label-3d{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;background:#0a0a0a66;backdrop-filter:blur(4px);border:1px solid rgba(181,131,141,.15);border-radius:8px;white-space:nowrap;animation:fadeInLabel .3s ease;transition:all .3s ease}.tech-label-3d:hover{background:#12121280;border-color:#e5989b4d}@keyframes fadeInLabel{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tech-label-3d .tech-name{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--color-peach-light);text-shadow:0 2px 8px rgba(0,0,0,.6)}.tech-label-3d .tech-bar{width:100%;height:4px;background:#6d687533;border-radius:2px;overflow:hidden}.tech-label-3d .tech-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-rose),var(--color-peach-light));border-radius:2px;transition:width .5s ease;box-shadow:0 0 8px #e5989b80}.tech-label-3d .tech-years{font-family:var(--font-mono);font-size:.55rem;color:var(--color-sage-light);text-shadow:0 2px 8px rgba(0,0,0,.5);opacity:.8}.copyright{margin-top:var(--space-xl);font-family:var(--font-mono);font-size:.75rem;color:var(--color-plum);opacity:.6}.contact-section{padding-bottom:var(--space-2xl)}.typing-text{display:inline;border-right:2px solid var(--color-rose);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{border-color:var(--color-rose)}51%,to{border-color:transparent}}.glow-hover{transition:text-shadow .3s ease,color .3s ease}.glow-hover:hover{text-shadow:0 0 20px var(--color-rose),0 0 40px rgba(229,152,155,.5);color:var(--color-peach-light)}.magnetic-btn{position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.magnetic-btn:hover{transform:scale(1.05)}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-rose),var(--color-peach-light));transition:width .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 10px var(--color-rose)}.animated-underline:hover:after{width:100%}.shimmer{background:linear-gradient(90deg,var(--color-peach-light) 0%,var(--color-rose) 50%,var(--color-peach-light) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid var(--color-rose);opacity:0;animation:pulse-ring-anim 2s ease-out infinite}@keyframes pulse-ring-anim{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-border{position:relative;background:transparent;border-radius:16px}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--color-rose),var(--color-sage-light),var(--color-mauve));z-index:-1;opacity:.1;transition:opacity .3s ease}.gradient-border:hover:before{opacity:.2}.stagger-children>*{opacity:0;animation:stagger-in .6s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-tilt{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.card-tilt:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateZ(10px)}.noise-overlay:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.015;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.mouse-trail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.trail-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,var(--color-rose) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(1px)}.section-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100}.indicator-dot{position:relative;width:12px;height:12px;background:transparent;border:1px solid rgba(181,131,141,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.indicator-dot:before{content:"";position:absolute;inset:3px;background:var(--color-rose);border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.indicator-dot.active{border-color:var(--color-rose);box-shadow:0 0 15px #e5989b80}.indicator-dot.active:before{opacity:1;transform:scale(1)}.indicator-dot:hover{border-color:var(--color-peach-light);transform:scale(1.3)}.indicator-label{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.7rem;color:var(--color-plum);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease}.indicator-dot:hover .indicator-label{opacity:1;right:28px;color:var(--color-peach-light)}.indicator-line{display:none}.animated-counter{font-family:var(--font-display);font-weight:700;color:var(--color-rose);font-feature-settings:"tnum"}.stats-grid{display:flex;gap:var(--space-xl);margin-top:var(--space-lg);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2.5rem;line-height:1}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-plum);text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.section-indicator,.mouse-trail,.custom-cursor,.cursor-dot{display:none}*{cursor:auto}}@media(max-width:768px){.navbar{top:1rem;left:1rem}.section,.hero-section{padding:var(--space-2xl) 6%}.projects-grid,.skills-grid{grid-template-columns:1fr}.section-content-left{width:100%;max-width:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.zen-mode-btn{position:fixed;top:1.5rem;right:4rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-plum);background:transparent;border:1px solid rgba(109,104,117,.3);border-radius:100px;padding:.5rem 1rem;cursor:pointer;z-index:100;transition:all .3s ease;letter-spacing:.05em}.zen-mode-btn:hover{color:var(--color-peach-light);border-color:var(--color-rose);background:#e5989b1a}.zen-mode-btn.zen-active{color:var(--color-peach-light);border-color:var(--color-rose);background:#e5989b26;box-shadow:0 0 20px #e5989b40,inset 0 0 10px #e5989b1a}.zen-mode-btn.zen-active:hover{background:#e5989b40;box-shadow:0 0 25px #e5989b59,inset 0 0 15px #e5989b26}.zen-branding{position:fixed;top:2rem;left:2rem;display:flex;flex-direction:column;gap:.25rem;z-index:100;animation:fade-in-hint 1s ease-out}.zen-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#96969699;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.zen-name{font-family:var(--font-mono);font-size:.85rem;color:#78787880;letter-spacing:.05em;text-shadow:0 2px 15px rgba(0,0,0,.5)}.zen-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.8rem;color:var(--color-plum);opacity:.6;z-index:100;animation:fade-in-hint 1s ease-out}.zen-hint .key-highlight{background:#e5989b33;border:1px solid var(--color-rose);border-radius:4px;padding:.15rem .4rem;color:var(--color-rose);font-size:.75rem}@media(max-width:768px){.zen-mode-btn{top:1rem;right:1.5rem;font-size:.7rem;padding:.4rem .8rem}}.timeline-header{cursor:pointer;position:relative;padding-right:2rem}.timeline-item .role{font-family:var(--font-mono);font-size:.75rem;color:var(--color-sage-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:block}.timeline-description{font-family:var(--font-mono);font-size:.875rem;color:var(--color-peach);line-height:1.7;margin-bottom:.75rem;text-shadow:0 2px 15px rgba(0,0,0,.8)}.expand-btn{position:absolute;right:0;top:0;background:none;border:1px solid rgba(181,131,141,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-mauve);transition:all .3s ease}.expand-btn:hover{border-color:var(--color-rose);color:var(--color-rose);background:#e5989b1a}.expand-btn svg{transition:transform .3s ease}.expand-btn.expanded svg{transform:rotate(180deg)}.timeline-expanded{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1);margin-bottom:0}.timeline-expanded.is-open{max-height:500px;opacity:1;margin-bottom:1rem}.highlights-section{margin-top:1rem;padding:1rem;background:#e5989b0d;border-radius:12px;border:1px solid rgba(229,152,155,.1)}.highlights-section h5{font-family:var(--font-mono);font-size:.7rem;color:var(--color-sage-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{font-family:var(--font-mono);font-size:.8rem;color:var(--color-peach);padding:.5rem 0;display:flex;align-items:flex-start;gap:.5rem;opacity:0;transform:translate(-10px);animation:slideInHighlight .4s ease forwards}@keyframes slideInHighlight{to{opacity:1;transform:translate(0)}}.highlight-icon{color:var(--color-rose);font-size:.7rem;margin-top:.15rem}.timeline-item.expanded{background:#0a0a0a33;border-radius:16px;border:1px solid rgba(229,152,155,.2);padding:var(--space-lg);padding-top:var(--space-lg);padding-left:var(--space-xl)}.timeline-item.expanded h4{font-size:1.5rem}.game-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.game-ui>*{pointer-events:auto}.game-start-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}.game-start-scroll::-webkit-scrollbar{width:4px}.game-start-scroll::-webkit-scrollbar-track{background:#ffffff0d}.game-start-scroll::-webkit-scrollbar-thumb{background:#ffb4a24d;border-radius:2px}.scroll-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;scroll-snap-align:start;position:relative}.scroll-section .section-label{font-family:var(--font-mono);font-size:.65rem;color:#ffb4a2cc;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.scroll-section h2{font-family:var(--font-display);font-size:2.5rem;color:var(--color-peach);margin-bottom:2rem;letter-spacing:-.02em;text-shadow:0 4px 15px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.9)}.game-hero-section{background:radial-gradient(ellipse at center,rgba(255,181,162,.514) 0%,transparent 70%);position:relative;padding-top:5rem}.hero-ship-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:350px;z-index:0;pointer-events:none;opacity:.9;transition:opacity .3s ease,transform .6s ease}.hero-ship-bg.launching{opacity:0;transform:translate(-50%,-50%) scale(.5)}.hero-ship-bg canvas{cursor:default!important}.game-start-scroll.launching{animation:launch-fade .6s ease forwards}@keyframes launch-fade{0%{opacity:1}to{opacity:0}}.game-hero-section>*:not(.hero-ship-bg):not(.game-hero-score){position:relative;z-index:1}.game-hero-score{z-index:2}.game-hero-section h1{font-family:var(--font-display);font-size:4rem;color:var(--color-peach);margin-bottom:.5rem;letter-spacing:-.03em;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.9)}.game-hero-section p{font-family:var(--font-mono);font-size:1rem;color:#fffffff2;margin-bottom:8rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.game-hero-score{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem 1.25rem;background:#0a0810cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,180,162,.25);border-radius:12px}.game-hero-score-label{font-family:var(--font-mono);font-size:.6rem;color:#c8c8c8cc;text-transform:uppercase;letter-spacing:.1em}.game-hero-score-value{font-family:var(--font-display);font-size:1.5rem;color:var(--accent-rose);text-shadow:0 0 20px rgba(229,152,155,.5)}.start-btn-hero{background:#0f0c14d9;border:1px solid rgba(229,152,155,.4);color:var(--color-peach);padding:1rem 3rem;border-radius:50px;font-family:var(--font-display);font-size:1.25rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #0006;margin-bottom:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.start-btn-hero:hover{transform:scale(1.05) translateY(-3px);background:#e5989b33;border-color:#e5989b99;box-shadow:0 15px 50px #e5989b4d}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float 2s ease-in-out infinite}.scroll-hint span{font-family:var(--font-mono);font-size:.75rem;color:#c8c8c8b3;text-shadow:0 2px 8px rgba(0,0,0,.8)}.scroll-arrow{font-size:1.5rem;color:#ffb4a2b3;text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.spaceship-showcase{background:radial-gradient(ellipse at center,rgba(255,45,149,.06) 0%,transparent 70%)}.spaceship-showcase-container{display:flex;align-items:center;gap:3rem;max-width:900px;margin:0 auto}.spaceship-canvas-large{width:350px;height:300px;border-radius:20px;overflow:hidden;background:#0a0810d9;border:1px solid rgba(255,45,149,.3);box-shadow:0 10px 40px #0006,0 0 60px #ff2d9526;flex-shrink:0;backdrop-filter:blur(8px)}.spaceship-canvas-large canvas{cursor:default!important}.spaceship-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#140f1eb3;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:all .3s ease;backdrop-filter:blur(8px)}.stat-item:hover{background:#1e192dcc;border-color:#ff2d9566;transform:translate(5px)}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff2d9540;border-radius:10px;border:1px solid rgba(255,45,149,.3)}.stat-content{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-family:var(--font-mono);font-size:.7rem;color:#969696b3;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:.95rem;color:var(--color-peach)}@media(max-width:768px){.spaceship-showcase-container{flex-direction:column;gap:2rem}.spaceship-canvas-large{width:280px;height:240px}.spaceship-stats{width:100%;max-width:320px}}.asteroids-showcase{background:radial-gradient(ellipse at center,rgba(255,100,100,.03) 0%,transparent 70%)}.showcase-items{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;max-width:900px}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#140f1eb3;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .3s ease;min-width:200px;backdrop-filter:blur(8px)}.showcase-item:hover{background:#1e192dcc;transform:translateY(-5px);border-color:#fff3}.showcase-item.legendary-item{border:1px solid rgba(255,215,0,.3);background:#1e190fcc;box-shadow:0 0 30px #ffd70026,inset 0 0 30px #ffd7000d}.showcase-item.legendary-item:hover{border-color:#ffd70080;box-shadow:0 0 40px #ffd70040,inset 0 0 40px #ffd7001a}.showcase-canvas.legendary-canvas{border:2px solid rgba(255,215,0,.4);box-shadow:0 0 20px #ffd7004d}.item-name.legendary-name{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.5)}.showcase-canvas{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#0a0810cc;border:1px solid rgba(255,255,255,.1)}.showcase-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.item-name{font-family:var(--font-display);font-size:1.25rem;color:#dcdcdcf2}.item-stat{font-family:var(--font-mono);font-size:.75rem;color:#969696cc}.item-reward{font-family:var(--font-mono);font-size:.8rem;color:#8f8}.item-damage{font-family:var(--font-mono);font-size:.7rem;color:#f66}.powerups-showcase{background:radial-gradient(ellipse at center,rgba(100,200,255,.03) 0%,transparent 70%)}.powerup-list{display:flex;flex-direction:column;gap:1rem;max-width:500px;width:100%}.powerup-showcase-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.5rem;background:#140f1eb3;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--accent);border-radius:12px;transition:all .3s ease;backdrop-filter:blur(8px)}.powerup-showcase-item:hover{background:#1e192dcc;transform:translate(5px);border-left-width:5px;border-color:#ffffff26}.powerup-canvas{width:70px;height:70px;border-radius:12px;overflow:hidden;background:#0a0810cc;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.powerup-info{display:flex;flex-direction:column;gap:.2rem}.powerup-title{font-family:var(--font-display);font-size:1.1rem;color:#dcdcdcf2}.powerup-desc{font-family:var(--font-mono);font-size:.8rem;color:#969696cc}.powerup-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);opacity:.8}.controls-showcase{background:radial-gradient(ellipse at center,rgba(150,150,150,.03) 0%,transparent 70%)}.controls-grid{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center}.control-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.key-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.key-row{display:flex;gap:.25rem}.key{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.3);border-radius:8px;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.9rem;color:#dcdcdce6;min-width:50px;text-align:center;transition:all .2s ease}.key:hover{background:#ffffff26;transform:translateY(-2px)}.key.wide{min-width:120px}.control-label{font-family:var(--font-mono);font-size:.8rem;color:#969696b3}.start-section{background:radial-gradient(ellipse at center,rgba(255,180,162,.08) 0%,transparent 70%)}.best-score{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem}.best-label{font-family:var(--font-mono);font-size:.75rem;color:#96969699;text-transform:uppercase;letter-spacing:.1em}.best-value{font-family:var(--font-display);font-size:3rem;color:var(--accent-rose)}.start-btn-large{background:linear-gradient(135deg,var(--accent-rose),var(--accent-mauve));border:none;color:#fff;padding:1.25rem 4rem;border-radius:50px;font-family:var(--font-display);font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #e5989b4d}.start-btn-large:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 15px 50px #e5989b80}.start-tip{font-family:var(--font-mono);font-size:.75rem;color:#96969680;margin-top:1.5rem}.game-hud{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:row;gap:1rem;align-items:center}.game-hud .score{background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:22px;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-peach)}.level-container{background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:22px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.level-label{font-family:var(--font-mono);font-size:.8rem;color:var(--color-sage-light);font-weight:500}.level-number{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-peach);min-width:16px;text-align:center}.level-progress-bg{width:60px;height:4px;background:#b5838d4d;border-radius:2px;overflow:hidden}.level-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-sage-light),var(--color-peach));border-radius:2px;transition:width .3s ease}.health-bar-container{background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:22px;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem}.health-bar-label{font-family:var(--font-mono);font-size:.8rem;color:var(--color-rose);min-width:20px;font-weight:500}.health-bar-bg{width:100px;height:4px;background:#b5838d4d;border-radius:2px;overflow:hidden}.health-bar-fill{height:100%;border-radius:2px;transition:width .2s ease,background-color .3s ease}.health-bar-text{font-family:var(--font-mono);font-size:.8rem;color:var(--color-peach);min-width:32px;text-align:right}.active-buffs{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:100}.buff-indicator{background:#0a0a0ad9;backdrop-filter:blur(12px);border:2px solid;border-radius:12px;padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:80px;animation:buff-pulse 1.5s ease-in-out infinite}.buff-name{font-family:var(--font-mono);font-size:.65rem;color:var(--color-peach-light);text-transform:uppercase;letter-spacing:.05em}.buff-timer{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:#fff}@keyframes buff-pulse{0%,to{box-shadow:0 0 8px #fff3}50%{box-shadow:0 0 16px #fff6}}.game-alerts{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:101}.game-alert{background:#0a0a0ae6;backdrop-filter:blur(12px);border:2px solid;border-radius:8px;padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:1rem;font-weight:600;text-align:center;animation:alert-pop .3s ease-out,alert-fade 2s ease-in-out;white-space:nowrap}@keyframes alert-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes alert-fade{0%,70%{opacity:1}to{opacity:0}}.game-over-overlay{position:fixed;inset:0;background:#05050ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-over-content{background:#0f0c14f2;border:1px solid rgba(229,152,155,.3);border-radius:24px;padding:2.5rem 3rem;max-width:400px;width:90%;text-align:center;animation:slide-up .5s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-over-title{font-family:var(--font-display);font-size:2rem;color:var(--color-peach);margin-bottom:1.5rem;text-shadow:0 0 20px rgba(229,152,155,.5)}.game-over-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.stat-row.main-stat{background:#e5989b1a;border-color:#e5989b4d;padding:1rem 1.25rem;margin-bottom:.5rem}.stat-row .stat-label{font-family:var(--font-mono);font-size:.8rem;color:#c8c8c8b3}.stat-row .stat-value{font-family:var(--font-display);font-size:1rem;color:var(--color-peach)}.stat-row .score-value{font-size:1.5rem;color:var(--accent-rose);text-shadow:0 0 15px rgba(229,152,155,.5)}.game-over-actions{display:flex;flex-direction:column;gap:.75rem}.play-again-btn{background:linear-gradient(135deg,var(--accent-rose),var(--accent-mauve));border:none;color:#fff;padding:.9rem 2rem;border-radius:50px;font-family:var(--font-display);font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #e5989b4d}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #e5989b80}.back-to-menu-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#c8c8c8cc;padding:.7rem 1.5rem;border-radius:50px;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .3s ease}.back-to-menu-btn:hover{border-color:#fff6;color:#fff;background:#ffffff0d}.games-btn{position:fixed;top:1.5rem;right:2rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2d95,#7c3aed,#00d4ff);background-size:200% 200%;border:none;border-radius:100px;padding:.65rem 1.4rem;cursor:pointer;z-index:100;transition:all .3s ease;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 20px #ff2d9566,0 0 40px #7c3aed33,0 4px 15px #0000004d;animation:games-btn-glow 3s ease-in-out infinite,games-btn-gradient 4s ease infinite}.games-btn:before{content:"";position:absolute;inset:-2px;border-radius:100px;background:linear-gradient(135deg,#ff2d95,#7c3aed,#00d4ff,#ff2d95);background-size:300% 300%;z-index:-1;animation:games-btn-border 4s ease infinite;opacity:.7}.games-btn:after{content:"";position:absolute;inset:0;border-radius:100px;background:linear-gradient(135deg,#ff2d95,#7c3aed,#00d4ff);background-size:200% 200%;animation:games-btn-gradient 4s ease infinite;z-index:-1}@keyframes games-btn-glow{0%,to{box-shadow:0 0 20px #ff2d9566,0 0 40px #7c3aed33,0 4px 15px #0000004d}50%{box-shadow:0 0 30px #ff2d9599,0 0 60px #7c3aed66,0 0 80px #00d4ff4d,0 4px 20px #0006}}@keyframes games-btn-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes games-btn-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.games-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 40px #ff2d95b3,0 0 80px #7c3aed80,0 0 100px #00d4ff66,0 8px 25px #0006}.games-btn:active{transform:translateY(0) scale(.98)}@media(max-width:768px){.games-btn{display:none}}.ttt-start-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0ae6;z-index:100}.ttt-content{text-align:center;max-width:400px;padding:2.5rem;background:#0a0a0ab3;backdrop-filter:blur(12px);border:1px solid rgba(181,131,141,.3);border-radius:24px}.ttt-content h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-peach),var(--color-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.ttt-subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:2rem;font-family:var(--font-mono)}.ttt-preview{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:#0a0a0a66;border-radius:16px;border:1px solid rgba(181,131,141,.15)}.ttt-piece-x{font-size:3rem;font-weight:300;color:var(--color-rose);text-shadow:0 0 30px rgba(229,152,155,.6);animation:ttt-float 3s ease-in-out infinite}.ttt-piece-o{font-size:3rem;font-weight:300;color:var(--color-sage-light);text-shadow:0 0 30px rgba(204,213,174,.6);animation:ttt-float 3s ease-in-out infinite .5s}@keyframes ttt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ttt-preview span{color:var(--color-text-muted);font-size:1rem;font-family:var(--font-mono)}.ttt-rules{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;padding:1rem;background:#0a0a0a4d;border-radius:12px;border:1px solid rgba(181,131,141,.1)}.rule-item{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-mono)}.rule-icon{font-size:1rem}.ttt-start-btn{background:#b5838d33;color:var(--color-peach);border:1px solid rgba(181,131,141,.4);padding:.9rem 2.5rem;font-size:1rem;font-weight:500;border-radius:22px;cursor:pointer;transition:all .3s ease;font-family:var(--font-mono);backdrop-filter:blur(4px)}.ttt-start-btn:hover{background:#b5838d59;border-color:#b5838d99;transform:translateY(-2px);box-shadow:0 4px 20px #b5838d33}.ttt-ui{position:absolute;inset:0;pointer-events:none}.ttt-hud{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem}.ttt-scores{display:flex;gap:1rem;background:#0a0a0ab3;backdrop-filter:blur(12px);padding:.8rem 1.5rem;border-radius:22px;border:1px solid rgba(181,131,141,.3)}.score-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:0 .8rem}.score-item:not(:last-child){border-right:1px solid rgba(181,131,141,.2)}.score-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}.score-item.player .score-value{color:var(--color-rose)}.score-item.ai .score-value{color:var(--color-sage-light)}.score-item.draws .score-value{color:var(--color-peach)}.score-value{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.ttt-turn{background:#0a0a0ab3;backdrop-filter:blur(12px);padding:.5rem 1.2rem;border-radius:22px;font-size:.8rem;color:var(--color-text-secondary);border:1px solid rgba(181,131,141,.3);font-family:var(--font-mono);animation:ttt-pulse 2s ease-in-out infinite}@keyframes ttt-pulse{0%,to{border-color:#b5838d4d;box-shadow:0 0 #b5838d00}50%{border-color:#b5838d80;box-shadow:0 0 15px #b5838d26}}.ttt-game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto;background:#0a0a0ae6;backdrop-filter:blur(16px);border:1px solid rgba(181,131,141,.4);border-radius:24px;padding:2.5rem 3.5rem;animation:ttt-popup .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ttt-popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ttt-result h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-peach),var(--color-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.ttt-restart-btn{background:#b5838d33;color:var(--color-peach);border:1px solid rgba(181,131,141,.4);padding:.8rem 2rem;font-size:.95rem;font-weight:500;border-radius:22px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(12px);font-family:var(--font-mono)}.ttt-restart-btn:hover{background:#b5838d59;border-color:#b5838d99;transform:translateY(-2px);box-shadow:0 4px 20px #b5838d40}.game-canvas-container canvas{cursor:pointer}.ttt-start-btn,.ttt-restart-btn,.ttt-content,.ttt-start-screen{cursor:pointer}.ttt-info-ui{position:absolute;inset:0;width:100%;height:100%}.ttt-info-bg{position:absolute;inset:0;z-index:0}.ttt-info-bg canvas{cursor:default!important}.ttt-info-ui .game-start-scroll{position:relative;z-index:1;background:transparent}.ttt-hero{background:radial-gradient(ellipse at center,rgba(229,152,155,.05) 0%,transparent 70%)}.ttt-pieces-info{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.ttt-piece-info-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;min-width:260px;transition:all .3s ease}.ttt-piece-info-card:hover{background:#14121acc;transform:translateY(-3px);border-color:#ffffff26}.ttt-piece-icon{font-size:3rem;font-weight:300;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08}.ttt-x-icon{color:#e5989b;text-shadow:0 0 20px rgba(229,152,155,.5)}.ttt-o-icon{color:#ccd5ae;text-shadow:0 0 20px rgba(204,213,174,.5)}.ttt-piece-details{display:flex;flex-direction:column;gap:.25rem}.ttt-piece-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.ttt-piece-stat{font-family:var(--font-mono);font-size:.8rem;color:#c8c8c8b3}.ttt-piece-desc{font-family:var(--font-mono);font-size:.7rem;color:#96969680;max-width:160px;line-height:1.4}.ttt-win-info{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.ttt-win-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:#0a0810b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:160px;transition:all .3s ease}.ttt-win-item:hover{background:#14121acc;transform:translateY(-3px);border-color:#ffcdb24d}.ttt-win-visual{font-size:2rem;color:#ffcdb2;text-shadow:0 0 15px rgba(255,205,178,.5);font-family:var(--font-mono);height:40px;display:flex;align-items:center;justify-content:center}.ttt-win-item span{font-family:var(--font-mono);font-size:.8rem;color:#b4b4b4b3;text-align:center}.ttt-pieces-showcase{background:radial-gradient(ellipse at 30% 50%,rgba(204,213,174,.06) 0%,transparent 60%)}.ttt-pieces-showcase .section-desc,.ttt-win-showcase .section-desc{font-family:var(--font-mono);font-size:.9rem;color:#96969699;margin-bottom:2rem;margin-top:-1rem}.ttt-piece-card{min-width:200px}.ttt-x-name{color:#e5989b!important}.ttt-o-name{color:#ccd5ae!important}.item-desc{font-family:var(--font-mono);font-size:.7rem;color:#96969680;max-width:150px;text-align:center;line-height:1.4}.ttt-win-showcase{background:radial-gradient(ellipse at 70% 50%,rgba(255,205,178,.06) 0%,transparent 60%)}.ttt-win-patterns{gap:1.5rem}.ttt-win-card{min-width:160px}.ttt-controls{background:radial-gradient(ellipse at center,rgba(141,132,144,.06) 0%,transparent 60%)}.ttt-controls-grid{gap:3rem;margin-bottom:2rem}.ttt-controls .control-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ttt-tips{max-width:400px;background:#140f1eb3;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem 2rem;margin-top:1rem;backdrop-filter:blur(8px)}.ttt-tips h3{font-family:var(--font-display);font-size:1rem;color:var(--color-peach);margin-bottom:1rem;text-align:center}.ttt-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.ttt-tips li{font-family:var(--font-mono);font-size:.8rem;color:#b4b4b4b3;padding-left:1.2rem;position:relative;line-height:1.4}.ttt-tips li:before{content:"→";position:absolute;left:0;color:var(--accent-rose);opacity:.6}.ttt-start-section{background:radial-gradient(ellipse at center,rgba(255,180,162,.08) 0%,transparent 70%)}.ttt-scoreboard{display:flex;gap:2rem;margin-bottom:2rem}.ttt-score-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:80px}.ttt-score-label{font-family:var(--font-mono);font-size:.7rem;color:#96969699;text-transform:uppercase;letter-spacing:.05em}.ttt-score-value{font-family:var(--font-display);font-size:1.75rem;color:var(--color-peach)}@media(max-width:768px){.ttt-pieces-showcase .showcase-items{flex-direction:column}.ttt-win-patterns{flex-direction:column;align-items:center}.ttt-controls-grid{gap:1.5rem}.ttt-scoreboard{flex-wrap:wrap;justify-content:center;gap:1rem}.ttt-tips{padding:1rem 1.5rem}}