/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1}.h-screen{height:100vh}.w-full{width:100%}.min-w-\[80px\]{min-width:80px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border-4{border-style:var(--tw-border-style);border-width:4px}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.select-none{-webkit-user-select:none;user-select:none}:root{--bg-color:#1a1a1a;--card-bg:#2d2d2d;--pixel-size:4px}*{box-sizing:border-box;image-rendering:pixelated;font-family:Courier New,Courier,monospace}body{background-color:var(--bg-color);color:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#root{width:100%}.pixel-border{border:var(--pixel-size) solid #000;box-shadow:inset calc(-1 * var(--pixel-size)) calc(-1 * var(--pixel-size)) 0 0 #00000080, inset var(--pixel-size) var(--pixel-size) 0 0 #fff3}.pixel-button{color:#fff;border:var(--pixel-size) solid #000;cursor:pointer;box-shadow:inset calc(-1 * var(--pixel-size)) calc(-1 * var(--pixel-size)) 0 0 #000, inset var(--pixel-size) var(--pixel-size) 0 0 #777;background:#4a4a4a;padding:8px 16px}.pixel-button:active{box-shadow:inset var(--pixel-size) var(--pixel-size) 0 0 #000, inset calc(-1 * var(--pixel-size)) calc(-1 * var(--pixel-size)) 0 0 #777;padding-top:10px;padding-bottom:6px}.grid{padding:var(--pixel-size);gap:var(--pixel-size);border:var(--pixel-size) solid #000;background:#333;display:grid}.tile{aspect-ratio:1;border:var(--pixel-size) solid #0003;justify-content:center;align-items:center;width:100%;font-size:1.5rem;font-weight:700;transition:all .1s ease-in-out;display:flex}.tile-empty{background:#444}.tile-2{color:#776e65;background:#eee4da}.tile-4{color:#776e65;background:#ede0c8}.tile-8{color:#f9f6f2;background:#f2b179}.tile-16{color:#f9f6f2;background:#f59563}.tile-32{color:#f9f6f2;background:#f67c5f}.tile-64{color:#f9f6f2;background:#f65e3b}.tile-128{color:#f9f6f2;background:#edcf72}.tile-256{color:#f9f6f2;background:#edcc61}.tile-512{color:#f9f6f2;background:#edc850}.tile-1024{color:#f9f6f2;background:#edc53f}.tile-2048{color:#f9f6f2;background:#edc22e}.tile-super{color:#f9f6f2;background:#3c3a32}.settings-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:var(--card-bg);border:var(--pixel-size) solid #000;width:400px;max-width:90%;padding:24px}.input-group{margin-bottom:16px}.input-group label{margin-bottom:8px;font-size:.8rem;display:block}input[type=number]{color:#fff;border:var(--pixel-size) solid #000;background:#111;width:100%;padding:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}