@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap);.board-container{height:var(--board-size);margin:0 auto;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:var(--board-size)}.board{background:var(--board-bg);border-radius:var(--border-radius);box-shadow:var(--board-shadow);box-sizing:border-box;height:100%;padding:var(--grid-padding);position:relative;transition:background .3s ease,box-shadow .3s ease;width:100%}.grid-row{display:flex;gap:var(--grid-gap)}.grid-row+.grid-row{margin-top:var(--grid-gap)}.grid-cell{aspect-ratio:1;background:var(--cell-bg);border-radius:var(--tile-radius);box-shadow:var(--cell-shadow);flex:1 1}.tile-layer{bottom:var(--grid-padding);left:var(--grid-padding);position:absolute;right:var(--grid-padding);top:var(--grid-padding)}.game-overlay{align-items:center;animation:overlayIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--overlay-blur));-webkit-backdrop-filter:blur(var(--overlay-blur));background:var(--overlay-bg);border-radius:var(--border-radius);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.game-overlay h2{color:var(--text-primary);font-size:3.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin:0 0 8px}.game-overlay .final-score{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:0 0 28px}.game-overlay .overlay-buttons{display:flex;gap:10px}.game-overlay button{background:var(--btn-bg);border:none;border-radius:var(--tile-radius);box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:700;padding:14px 36px;transition:all var(--hover-duration) ease}.game-overlay button:hover{background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.game-overlay button:active{box-shadow:var(--btn-active-shadow);transform:translateY(0)}.game-overlay button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes overlayIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));opacity:1}}@media (max-width:520px){.game-overlay h2{font-size:2.6rem;margin-bottom:6px}.game-overlay .final-score{font-size:.95rem;margin-bottom:20px}.game-overlay button{font-size:.85rem;padding:12px 28px}}@media (max-width:380px){.game-overlay h2{font-size:2.2rem}.game-overlay button{font-size:.8rem;padding:10px 22px}}.tile{align-items:center;border-radius:var(--tile-radius);display:flex;font-family:var(--font-family);font-weight:800;justify-content:center;letter-spacing:-.02em;position:absolute;transition:top var(--slide-duration) ease-in-out,left var(--slide-duration) ease-in-out,background-color .3s ease,box-shadow .3s ease;z-index:10}.tile--new{animation:tileAppear var(--appear-duration) cubic-bezier(.34,1.56,.64,1)}.tile--merged{animation:tilePop var(--pop-duration) cubic-bezier(.34,1.56,.64,1);z-index:20}.tile--2{background:var(--tile-2-bg);box-shadow:var(--tile-2-shadow)}.tile--2,.tile--4{color:var(--tile-text-dark)}.tile--4{background:var(--tile-4-bg);box-shadow:var(--tile-4-shadow)}.tile--8{background:var(--tile-8-bg);box-shadow:var(--tile-8-shadow)}.tile--16,.tile--8{color:var(--tile-text-light);text-shadow:0 1px 2px #00000026}.tile--16{background:var(--tile-16-bg);box-shadow:var(--tile-16-shadow)}.tile--32{background:var(--tile-32-bg);box-shadow:var(--tile-32-shadow)}.tile--32,.tile--64{color:var(--tile-text-light);text-shadow:0 1px 3px #0003}.tile--64{background:var(--tile-64-bg);box-shadow:var(--tile-64-shadow)}.tile--128{background:var(--tile-128-bg);box-shadow:var(--tile-128-shadow)}.tile--128,.tile--256{color:var(--tile-text-light);font-size:.88em}.tile--256{background:var(--tile-256-bg);box-shadow:var(--tile-256-shadow)}.tile--512{background:var(--tile-512-bg);box-shadow:var(--tile-512-shadow);color:var(--tile-text-light);font-size:.88em}.tile--1024{background:var(--tile-1024-bg);box-shadow:var(--tile-1024-shadow)}.tile--1024,.tile--2048{color:var(--tile-text-light);font-size:.78em}.tile--2048{animation:tileGlow 2s ease-in-out infinite alternate;background:var(--tile-2048-bg);box-shadow:var(--tile-2048-shadow)}.tile--super{background:var(--tile-super-bg);box-shadow:var(--tile-super-shadow);color:var(--tile-text-light);font-size:.68em}.tile--1024,.tile--128,.tile--2048,.tile--256,.tile--512{background-image:linear-gradient(135deg,#ffffff26,#0000 50%);text-shadow:0 2px 4px #0003}[data-colorblind=on] .tile--16,[data-colorblind=on] .tile--32,[data-colorblind=on] .tile--64,[data-colorblind=on] .tile--8{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff2e 0,#ffffff2e 8px)}[data-colorblind=on] .tile--128,[data-colorblind=on] .tile--256,[data-colorblind=on] .tile--512{background-image:radial-gradient(circle,#fff3 2px,#0000 0);background-size:10px 10px}[data-colorblind=on] .tile--1024,[data-colorblind=on] .tile--2048,[data-colorblind=on] .tile--super{background-image:linear-gradient(#ffffff24 1px,#0000 0),linear-gradient(90deg,#ffffff24 1px,#0000 0);background-size:8px 8px}@keyframes tileAppear{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes tilePop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes tileGlow{0%{filter:brightness(1)}to{filter:brightness(1.08)}}.board--3 .tile{font-size:3rem}.board--4 .tile{font-size:2.4rem}.board--5 .tile{font-size:1.7rem}.board--6 .tile{font-size:1.35rem}.board--8 .tile{font-size:1rem}@media (max-width:520px){.board--3 .tile{font-size:2.4rem}.board--4 .tile{font-size:1.9rem}.board--5 .tile{font-size:1.35rem}.board--6 .tile{font-size:1.05rem}.board--8 .tile{font-size:.78rem}.tile--128,.tile--256,.tile--512{font-size:.82em}.tile--1024,.tile--2048{font-size:.72em}.tile--super{font-size:.6em}}@media (max-width:380px){.board--3 .tile{font-size:2rem}.board--4 .tile{font-size:1.55rem}.board--5 .tile{font-size:1.1rem}.board--6 .tile{font-size:.88rem}.board--8 .tile{font-size:.65rem}}:root{--board-size:min(480px,calc(100vw - 40px));--grid-gap:12px;--grid-padding:14px;--border-radius:12px;--tile-radius:8px;--slide-duration:120ms;--pop-duration:180ms;--appear-duration:180ms;--hover-duration:0.2s;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",Menlo,monospace;--bg-primary:#f7f5ec;--bg-secondary:#fff;--bg-pattern:radial-gradient(circle at 1px 1px,rgba(0,0,0,.015) 1px,#0000 0);--bg-pattern-size:32px 32px;--text-primary:#6b6358;--text-light:#f9f6f2;--text-secondary:#b0a498;--board-bg:linear-gradient(145deg,#bfb0a1,#b3a494);--board-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px 0 #ffffff26;--cell-bg:#eee4da73;--cell-shadow:inset 0 2px 4px #0000000f;--header-bg:#0000;--btn-bg:#8f7a66;--btn-text:#f9f6f2;--btn-hover:#9f8b77;--btn-shadow:0 2px 8px #8f7a664d;--btn-active-shadow:0 1px 3px #8f7a664d;--overlay-bg:#eee4dad1;--overlay-blur:4px;--accent:#edc22e;--accent-glow:#edc22e4d;--streak-color:#f65e3b;--achievement-bg:linear-gradient(135deg,#f0c929,#e8a817);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--tile-2-bg:#eee4da;--tile-2-shadow:0 2px 8px #eee4da80;--tile-4-bg:#ede0c8;--tile-4-shadow:0 2px 8px #ede0c880;--tile-8-bg:#f2b179;--tile-8-shadow:0 3px 12px #f2b17973;--tile-16-bg:#f59563;--tile-16-shadow:0 3px 12px #f5956373;--tile-32-bg:#f67c5f;--tile-32-shadow:0 4px 16px #f67c5f73;--tile-64-bg:#f65e3b;--tile-64-shadow:0 4px 16px #f65e3b80;--tile-128-bg:#edcf72;--tile-128-shadow:0 4px 20px #edcf7280;--tile-256-bg:#edcc61;--tile-256-shadow:0 4px 20px #edcc618c;--tile-512-bg:#edc850;--tile-512-shadow:0 5px 24px #edc8508c;--tile-1024-bg:#edc53f;--tile-1024-shadow:0 5px 28px #edc53f99;--tile-2048-bg:#edc22e;--tile-2048-shadow:0 6px 32px #edc22ea6,0 0 60px #edc22e33;--tile-super-bg:#3c3a32;--tile-super-shadow:0 6px 32px #3c3a3280;--tile-text-dark:#776e65;--tile-text-light:#f9f6f2;--score-bg:linear-gradient(145deg,#bfb0a1,#b3a494);--score-shadow:0 2px 8px #0000001a;--panel-bg:#fffffff2;--panel-blur:20px;--panel-shadow:-8px 0 40px #00000026;--divider:#0000000f}[data-theme=dark]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-pattern:radial-gradient(circle at 1px 1px,#ffffff05 1px,#0000 0);--bg-pattern-size:32px 32px;--text-primary:#e8e4df;--text-light:#f5f5f5;--text-secondary:#7a7890;--board-bg:linear-gradient(145deg,#252542,#1e1e38);--board-shadow:0 8px 40px #0006,0 2px 8px #0000004d,inset 0 1px 0 #ffffff0d;--cell-bg:#ffffff0f;--cell-shadow:inset 0 2px 4px #00000026;--btn-bg:#3a3a5c;--btn-text:#e8e4df;--btn-hover:#4a4a6e;--btn-shadow:0 2px 8px #0000004d;--btn-active-shadow:0 1px 3px #0000004d;--overlay-bg:#0f0f1ae0;--overlay-blur:8px;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--tile-2-bg:#38385e;--tile-2-shadow:0 2px 8px #38385e99,inset 0 1px 0 #ffffff14;--tile-4-bg:#424270;--tile-4-shadow:0 2px 8px #42427099,inset 0 1px 0 #ffffff14;--tile-8-bg:#d4854a;--tile-8-shadow:0 3px 16px #d4854a66;--tile-16-bg:#d96e42;--tile-16-shadow:0 3px 16px #d96e4266;--tile-32-bg:#e05540;--tile-32-shadow:0 4px 20px #e0554066;--tile-64-bg:#e63c2e;--tile-64-shadow:0 4px 20px #e63c2e73;--tile-128-bg:#d4b83e;--tile-128-shadow:0 4px 24px #d4b83e66;--tile-256-bg:#d4b030;--tile-256-shadow:0 4px 24px #d4b03073;--tile-512-bg:#d4a822;--tile-512-shadow:0 5px 28px #d4a82273;--tile-1024-bg:#d49f14;--tile-1024-shadow:0 5px 32px #d49f1480;--tile-2048-bg:#d49700;--tile-2048-shadow:0 6px 36px #d497008c,0 0 80px #d4970026;--tile-super-bg:#f0e8d8;--tile-super-shadow:0 6px 36px #f0e8d84d;--tile-text-dark:#d0ccc6;--tile-text-light:#f5f5f5;--score-bg:linear-gradient(145deg,#252542,#1e1e38);--score-shadow:0 2px 8px #0000004d;--panel-bg:#1a1a2eeb;--panel-blur:24px;--panel-shadow:-8px 0 40px #0006;--divider:#ffffff0f}@media (prefers-reduced-motion:reduce){:root{--slide-duration:0ms;--pop-duration:0ms;--appear-duration:50ms;--hover-duration:0ms}}[data-motion=reduced]{--slide-duration:0ms;--pop-duration:0ms;--appear-duration:50ms;--hover-duration:0ms}[data-motion=off]{--slide-duration:0ms;--pop-duration:0ms;--appear-duration:0ms;--hover-duration:0ms}.app-header{margin:0 auto 20px;width:var(--board-size)}.header-top{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.app-title{color:var(--text-primary);cursor:default;font-size:4rem;font-weight:900;letter-spacing:-.04em;line-height:.85;margin:0;position:relative;transition:color .3s ease}.app-title:after{background:var(--accent);border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:48px}.scores-row{display:flex;gap:8px}.score-box{background:var(--score-bg);border-radius:var(--tile-radius);box-shadow:var(--score-shadow);min-width:84px;overflow:hidden;padding:10px 22px;position:relative;text-align:center;transition:transform var(--hover-duration) ease,box-shadow var(--hover-duration) ease}.score-box:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.score-box__label{color:#f9f6f28c;font-size:.6rem;font-weight:700;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.score-box__value{font-feature-settings:"tnum";color:var(--text-light);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.score-increase{animation:scoreFloat .7s cubic-bezier(.16,1,.3,1);color:var(--text-light);font-size:.9rem;font-weight:800;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes scoreFloat{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-180%)}}.controls-row{align-items:center;justify-content:space-between;margin-bottom:14px}.controls-left,.controls-right,.controls-row{display:flex;gap:8px}.controls-right{align-items:center}.btn{background:var(--btn-bg);border:none;border-radius:var(--tile-radius);box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;font-family:var(--font-family);font-size:.82rem;font-weight:700;overflow:hidden;padding:10px 18px;position:relative;transition:all var(--hover-duration) ease,background-color .3s ease;white-space:nowrap}.btn:before{background:linear-gradient(#ffffff1a,#0000);border-radius:var(--tile-radius) var(--tile-radius) 0 0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.btn:hover{background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:var(--btn-active-shadow);transform:translateY(.5px)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.35;transform:none}.btn--icon{align-items:center;display:flex;font-size:1.15rem;height:42px;justify-content:center;padding:10px;width:42px}.btn--small{font-size:.75rem;padding:6px 12px}.info-row{justify-content:space-between;min-height:28px}.info-row,.info-row__left{align-items:center;display:flex}.info-row__left{gap:12px}.streak-badge{align-items:center;background:#f65e3b1a;border-radius:20px;color:var(--streak-color);display:inline-flex;font-size:.82rem;font-weight:700;gap:5px;padding:4px 10px}[data-theme=dark] .streak-badge{background:#f65e3b26}.streak-badge__icon{font-size:1rem;line-height:1}.streak-badge__today{font-size:.62rem;font-weight:600;opacity:.7}.streak-badge--milestone{animation:streakPulse 2s ease-in-out infinite alternate}@keyframes streakPulse{0%{box-shadow:0 0 0 #f65e3b00}to{box-shadow:0 0 12px #f65e3b40}}.next-tile{color:var(--text-secondary);display:flex;font-weight:600;gap:7px}.next-tile,.next-tile__preview{align-items:center;font-size:.72rem}.next-tile__preview{border-radius:6px;box-shadow:var(--shadow-sm);display:inline-flex;font-weight:800;height:30px;justify-content:center;width:30px}.settings-backdrop{animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;z-index:999}.settings-panel{animation:slideInRight .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));background:var(--panel-bg);bottom:0;box-shadow:var(--panel-shadow);overflow-y:auto;padding:28px;position:fixed;right:0;top:0;width:min(380px,92vw);z-index:1000}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel__header{align-items:center;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.settings-panel__header .btn--icon:hover{transform:rotate(90deg)}.settings-panel h2{color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0}.setting-group{margin-bottom:24px}.setting-group__label{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.setting-options{display:flex;flex-wrap:wrap;gap:8px}.setting-option{background:#0000;border:2px solid var(--divider);border-radius:var(--tile-radius);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.82rem;font-weight:600;padding:9px 18px;transition:all var(--hover-duration) ease}.setting-option:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.setting-option--active{background:var(--accent);box-shadow:0 2px 8px var(--accent-glow);color:#fff}.setting-option--active,.setting-option--active:hover{border-color:var(--accent)}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-card{background:var(--cell-bg);border-radius:var(--tile-radius);padding:12px;text-align:center}.stat-card__value{color:var(--text-primary);font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.stat-card__label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.achievements-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.achievement-badge{border-radius:20px;cursor:default;font-size:.72rem;font-weight:600;padding:6px 12px;transition:all var(--hover-duration) ease}.achievement-badge--locked{background:var(--cell-bg);color:var(--text-secondary);opacity:.45}.achievement-badge--unlocked{background:var(--achievement-bg);box-shadow:0 2px 8px var(--accent-glow);color:#fff}.achievement-toast{animation:toastIn .4s cubic-bezier(.16,1,.3,1);background:var(--achievement-bg);border-radius:50px;bottom:28px;box-shadow:0 8px 32px #edc22e4d;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;left:50%;padding:14px 28px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:2000}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(24px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.onboarding-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:200}.onboarding-tip{animation:tipIn .4s cubic-bezier(.16,1,.3,1);background:var(--text-primary);border-radius:16px;box-shadow:var(--shadow-lg);color:var(--bg-primary);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;max-width:80%;padding:20px 32px;pointer-events:auto;text-align:center}@keyframes tipIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-tip__dismiss{display:block;font-size:.72rem;font-weight:500;margin-top:10px;opacity:.5}.daily-badge{align-items:center;animation:dailyPulse 3s ease-in-out infinite;background:var(--accent);border-radius:20px;box-shadow:0 2px 8px var(--accent-glow);color:#fff;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;letter-spacing:.06em;padding:5px 12px;text-transform:uppercase}@keyframes dailyPulse{0%,to{box-shadow:0 2px 8px var(--accent-glow)}50%{box-shadow:0 2px 16px var(--accent-glow),0 0 24px #edc22e26}}.grid-size-selector{background:var(--cell-bg);border-radius:var(--tile-radius);display:flex;gap:4px;padding:3px}.grid-size-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.72rem;font-weight:700;padding:6px 10px;transition:all var(--hover-duration) ease}.grid-size-btn:hover{background:#ffffff1a;color:var(--text-primary)}.grid-size-btn--active{background:var(--accent);box-shadow:0 1px 4px var(--accent-glow);color:#fff}.grid-size-btn--active:hover{background:var(--accent);transform:none}@media (max-width:600px){.app-title{font-size:3.2rem}.score-box{min-width:76px;padding:8px 16px}.score-box__value{font-size:1.3rem}}@media (max-width:520px){.app-header{margin-bottom:14px}.header-top{margin-bottom:12px}.app-title{font-size:2.6rem}.app-title:after{height:3px;width:32px}.score-box{min-width:66px;padding:7px 12px}.score-box__label{font-size:.55rem}.score-box__value{font-size:1.15rem}.controls-row{flex-wrap:wrap;gap:8px}.controls-left{flex:1 1 auto;order:1}.controls-right{flex:1 1 100%;justify-content:space-between;order:2}.btn{font-size:.76rem;padding:8px 12px}.btn--icon{font-size:1rem;height:38px;width:38px}.grid-size-selector{flex:1 1;justify-content:center}.grid-size-btn{font-size:.68rem;padding:5px 8px}.info-row{min-height:24px}.streak-badge{font-size:.76rem;padding:3px 8px}.next-tile{font-size:.68rem}.next-tile__preview{font-size:.68rem;height:26px;width:26px}.settings-panel{padding:20px;width:min(340px,94vw)}.settings-panel h2{font-size:1.2rem}.setting-option{font-size:.78rem;padding:7px 14px}.stat-card{padding:10px}.stat-card__value{font-size:1.1rem}.onboarding-tip{font-size:.95rem;padding:16px 24px}.achievement-toast{bottom:20px;font-size:.82rem;padding:12px 22px}}@media (max-width:380px){:root{--grid-gap:8px;--grid-padding:10px}.app-title{font-size:2.2rem}.app-title:after{width:28px}.score-box{min-width:58px;padding:6px 10px}.score-box__label{font-size:.5rem}.score-box__value{font-size:.95rem}.scores-row{gap:6px}.btn{font-size:.72rem;padding:7px 10px}.btn--icon{font-size:.9rem;height:34px;width:34px}.grid-size-btn{font-size:.62rem;padding:4px 6px}.controls-row{gap:6px;margin-bottom:10px}.controls-left{gap:6px}.settings-panel{padding:16px}.stats-grid{gap:6px}}*,:after,:before{box-sizing:border-box}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);background-image:var(--bg-pattern);background-size:var(--bg-pattern-size);color:var(--text-primary);font-family:var(--font-family);margin:0;min-height:100%;overflow-x:hidden;padding:0;transition:background-color .3s ease}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}.game-container{margin:0 auto;max-width:540px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.keyboard-hints{color:var(--text-secondary);display:flex;font-size:.68rem;font-weight:500;gap:6px;justify-content:center;letter-spacing:.01em;margin-top:20px;opacity:.5}.keyboard-hints span{padding:3px 8px}.keyboard-hints kbd{background:var(--cell-bg);border-radius:4px;display:inline-block;font-family:var(--font-family);font-size:.65rem;font-weight:600;margin:0 2px;padding:2px 6px}@media (max-width:520px){.keyboard-hints{display:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:.4}::-webkit-scrollbar-thumb:hover{opacity:.6}
/*# sourceMappingURL=main.8f03a2be.css.map*/