:root{--background: #121212;--text: #f5f5f5;--accent: #7c4dff;--card-bg: #1e1e1e;--card-hover-bg: #2a2a2a;--title-bg: #1e1e1e;--tile-bg: #3a3733;--tile-2-bg: #d1d8f7;--tile-2-text: #1e1e1e;--tile-4-bg: #c1caff;--tile-4-text: #1e1e1e;--tile-8-bg: #a1b0f7;--tile-8-text: #1e1e1e;--tile-16-bg: #7c4dff;--tile-16-text: #f9f6f2;--tile-32-bg: #651fff;--tile-32-text: #f9f6f2;--tile-64-bg: #5900ff;--tile-64-text: #f9f6f2;--tile-128-bg: #4d00cc;--tile-128-text: #f9f6f2;--tile-256-bg: #3c0099;--tile-256-text: #f9f6f2;--tile-512-bg: #2b006b;--tile-512-text: #f9f6f2;--tile-1024-bg: #1f004d;--tile-1024-text: #f9f6f2;--tile-2048-bg: #11002b;--tile-2048-text: #f9f6f2;--tile-4096-bg: #000000;--tile-4096-text: #f9f6f2;--tile-super-bg: #000000;--tile-super-text: #f9f6f2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.theme-toggle-button{position:fixed;top:1rem;right:1rem;border:none;background-color:var(--card-bg);color:var(--text);border-radius:12px;padding:1rem;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s,box-shadow .3s;font-weight:700;font-size:1rem;z-index:999}.theme-toggle-button:hover{transform:translateY(-5px);background-color:var(--card-hover-bg);box-shadow:0 6px 12px #0000004d,0 0 0 2px var(--accent);cursor:pointer}.backButton{position:fixed;top:1rem;left:1rem;border:none;background-color:var(--card-bg);color:var(--text);border-radius:12px;padding:1rem;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s,box-shadow .3s;font-weight:700;z-index:999}.backButton:hover{transform:translateY(-5px);background-color:var(--card-hover-bg);box-shadow:0 6px 12px #0000004d,0 0 0 2px var(--accent);cursor:pointer}.backButton span{font-size:1rem;display:flex;justify-content:center;align-items:center}h1{font-size:2.5rem;margin-bottom:2.5rem}.card-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.card{background-color:var(--card-bg);color:var(--accent);border-radius:12px;padding:2rem;min-width:200px;text-decoration:none;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s,box-shadow .3s;font-weight:700}.card:hover{transform:translateY(-5px);background-color:var(--card-hover-bg);box-shadow:0 6px 12px #0000004d,0 0 0 2px var(--accent)}.card h2{margin:0;color:var(--accent)}@media only screen and (max-width: 768px){.theme-toggle-button{font-size:.8rem;padding:.8rem}.backButton span{font-size:.7rem;padding:.1rem}}@media (prefers-color-scheme: light){:root:not([data-theme]){--background: #ffffff;--text: #121212;--accent: #7c4dff;--card-bg: #f5f5f5;--card-hover-bg: #eeeeee;--title-bg: #f5f5f5;--tile-bg: #cdc1b4;--tile-2-bg: #d1d8f7;--tile-2-text: #1e1e1e;--tile-4-bg: #c1caff;--tile-4-text: #1e1e1e;--tile-8-bg: #a1b0f7;--tile-8-text: #1e1e1e;--tile-16-bg: #7c4dff;--tile-16-text: #f9f6f2;--tile-32-bg: #651fff;--tile-32-text: #f9f6f2;--tile-64-bg: #5900ff;--tile-64-text: #f9f6f2;--tile-128-bg: #4d00cc;--tile-128-text: #f9f6f2;--tile-256-bg: #3c0099;--tile-256-text: #f9f6f2;--tile-512-bg: #2b006b;--tile-512-text: #f9f6f2;--tile-1024-bg: #1f004d;--tile-1024-text: #f9f6f2;--tile-2048-bg: #11002b;--tile-2048-text: #f9f6f2;--tile-4096-bg: #000000;--tile-4096-text: #f9f6f2;--tile-super-bg: #000000;--tile-super-text: #f9f6f2}}:root[data-theme=light]{--background: #ffffff;--text: #121212;--accent: #7c4dff;--card-bg: #f5f5f5;--card-hover-bg: #eeeeee;--title-bg: #f5f5f5;--tile-bg: #cdc1b4;--tile-2-bg: #d1d8f7;--tile-2-text: #1e1e1e;--tile-4-bg: #c1caff;--tile-4-text: #1e1e1e;--tile-8-bg: #a1b0f7;--tile-8-text: #1e1e1e;--tile-16-bg: #7c4dff;--tile-16-text: #f9f6f2;--tile-32-bg: #651fff;--tile-32-text: #f9f6f2;--tile-64-bg: #5900ff;--tile-64-text: #f9f6f2;--tile-128-bg: #4d00cc;--tile-128-text: #f9f6f2;--tile-256-bg: #3c0099;--tile-256-text: #f9f6f2;--tile-512-bg: #2b006b;--tile-512-text: #f9f6f2;--tile-1024-bg: #1f004d;--tile-1024-text: #f9f6f2;--tile-2048-bg: #11002b;--tile-2048-text: #f9f6f2;--tile-4096-bg: #000000;--tile-4096-text: #f9f6f2;--tile-super-bg: #000000;--tile-super-text: #f9f6f2}:root[data-theme=dark]{--background: #121212;--text: #f5f5f5;--accent: #7c4dff;--card-bg: #1e1e1e;--card-hover-bg: #2a2a2a;--title-bg: #1e1e1e;--tile-bg: #3a3733;--tile-2-bg: #a3b8f5;--tile-2-text: #1e1e1e;--tile-4-bg: #8c9eff;--tile-4-text: #1e1e1e;--tile-8-bg: #6275f5;--tile-8-text: #f9f6f2;--tile-16-bg: #7c4dff;--tile-16-text: #f9f6f2;--tile-32-bg: #651fff;--tile-32-text: #f9f6f2;--tile-64-bg: #5900ff;--tile-64-text: #f9f6f2;--tile-128-bg: #4d00cc;--tile-128-text: #f9f6f2;--tile-256-bg: #3c0099;--tile-256-text: #f9f6f2;--tile-512-bg: #2b006b;--tile-512-text: #f9f6f2;--tile-1024-bg: #1f004d;--tile-1024-text: #f9f6f2;--tile-2048-bg: #11002b;--tile-2048-text: #f9f6f2;--tile-4096-bg: #000000;--tile-4096-text: #f9f6f2;--tile-super-bg: #000000;--tile-super-text: #f9f6f2}._page_r7h8v_1{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}._title_r7h8v_11{position:absolute;left:50%;transform:translate(-50%);font-size:4rem;background-color:var(--title-bg);color:var(--accent);border-radius:12px;padding:1rem 2rem;text-decoration:none;box-shadow:0 4px 8px #0003;font-weight:700;top:.5rem}._boardWrapper_r7h8v_26{position:relative;display:flex;justify-content:center;align-items:center}._score_r7h8v_34{position:absolute;left:-20vw;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:4rem;font-weight:700;color:var(--accent);white-space:nowrap}._scoreNumber_r7h8v_46{color:var(--text);text-decoration:underline}._boardContainer_r7h8v_52{display:flex;justify-content:center;align-items:center}._board_r7h8v_26{display:grid;grid-template-columns:repeat(4,8vw);grid-template-rows:repeat(4,8vw);gap:.6vw}._tile_r7h8v_67{display:flex;justify-content:center;align-items:center;background-color:var(--tile-bg);font-family:Roboto Mono,monospace;font-weight:700;border-radius:8px;width:8vw;height:8vw;font-size:1rem}._innerBox_r7h8v_80{display:flex;justify-content:center;align-items:center;border-radius:8px;width:85%;height:85%}._len-1_r7h8v_90{font-size:6rem}._len-2_r7h8v_91{font-size:5rem}._len-3_r7h8v_92{font-size:4rem}._len-4_r7h8v_93{font-size:3rem}._len-5_r7h8v_94{font-size:2.5rem}._len-6_r7h8v_95{font-size:2rem}._startButton_r7h8v_97{display:flex;justify-content:center;align-items:center;background-color:var(--card-bg);font-weight:700;border-radius:12px;width:10vw;height:10vw;padding:2rem;font-size:3rem;position:absolute;z-index:10;cursor:pointer;border:none;color:var(--accent);text-decoration:none;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s,box-shadow .3s}._startButton_r7h8v_97:hover{transform:translateY(-5px);background-color:var(--card-hover-bg);box-shadow:0 6px 12px #0000004d,0 0 0 2px var(--accent)}._gameOverOverlay_r7h8v_124{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}._gameOverText_r7h8v_138{font-size:4rem;color:#fff;margin-top:2rem}._restartButton_r7h8v_144{display:flex;justify-content:center;align-items:center;background-color:var(--card-bg);font-weight:700;border-radius:12px;width:10vw;height:10vw;padding:2rem;font-size:3rem;cursor:pointer;border:none;color:var(--accent);text-decoration:none;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s,box-shadow .3s}._restartButton_r7h8v_144:hover{transform:translateY(-5px);background-color:var(--card-hover-bg);box-shadow:0 6px 12px #0000004d,0 0 0 2px var(--accent)}@media only screen and (max-width: 768px){._title_r7h8v_11{top:4rem;font-size:2rem}._boardWrapper_r7h8v_26{gap:10px;flex-direction:column}._score_r7h8v_34{position:static;transform:none;font-size:2rem;margin-bottom:1rem;text-align:center}._board_r7h8v_26{grid-template-columns:repeat(4,20vw);grid-template-rows:repeat(4,20vw);gap:1.5vw}._tile_r7h8v_67{width:20vw;height:20vw;font-size:.75rem}._len-1_r7h8v_90{font-size:3rem}._len-2_r7h8v_91{font-size:2.5rem}._len-3_r7h8v_92{font-size:2rem}._len-4_r7h8v_93{font-size:1.5rem}._len-5_r7h8v_94{font-size:1.25rem}._len-6_r7h8v_95{font-size:1rem}._startButton_r7h8v_97{height:30vw;width:30vw;font-size:2rem}._gameOverText_r7h8v_138{font-size:2rem;margin-top:1rem}._restartButton_r7h8v_144{width:30vw;height:30vw;font-size:1.5rem}}