:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f1ed;background:#11141d;font-synthesis:none;color-scheme:dark;--accent:#bafa72;--gap:11px;--pad:13px}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 15%,#22303255,transparent 45%),radial-gradient(ellipse at 90% 65%,#27213655,transparent 48%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.35}.shell{max-width:1040px;margin:auto;padding:32px 38px 22px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;letter-spacing:3px;font-weight:800;text-decoration:none;color:#f2f1ed;display:flex;align-items:center;gap:10px}.brand-icon{font-size:29px;color:var(--accent)}.header-actions{display:flex;gap:10px}.icon-button{width:36px;height:36px;border:1px solid #ffffff18;border-radius:50%;color:#a6acb7}.icon-button:hover{background:#ffffff10;color:var(--accent)}.intro{text-align:center;margin:39px 0 30px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#939da9;font-weight:700}.eyebrow span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 10px #bafa7277}h1{font-size:82px;line-height:1;letter-spacing:-6px;font-weight:800;margin:16px 0 11px}h1 span{color:var(--accent)}.intro p{font-size:14px;color:#9097a5;margin:0}.game{width:min(100%,440px);margin:auto}.scorebar{display:flex;gap:28px;align-items:center;margin-bottom:17px}.score{position:relative}.score>span{display:block;color:#88919f;font-size:8px;font-weight:700;letter-spacing:1.6px;margin-bottom:5px}.score strong{font-size:25px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.best strong{color:#c0c5cf}.new-button{margin-left:auto;background:#252a35;border:1px solid #ffffff09;padding:10px 12px;border-radius:8px;font-size:18px;color:#c4c9d2}.new-button span{font-size:11px;margin-left:5px}.new-button:hover{background:#343b46}.board-wrap{position:relative}.board{width:100%;aspect-ratio:1;position:relative;background:#1c222c;border:1px solid #ffffff0b;border-radius:15px;box-shadow:0 16px 65px #0003;touch-action:none;user-select:none}.cell,.tile{position:absolute;width:calc((100% - 2 * var(--pad) - 3 * var(--gap))/4);height:calc((100% - 2 * var(--pad) - 3 * var(--gap))/4);left:calc(var(--pad) + var(--x) * ((100% - 2 * var(--pad) - 3 * var(--gap))/4 + var(--gap)));top:calc(var(--pad) + var(--y) * ((100% - 2 * var(--pad) - 3 * var(--gap))/4 + var(--gap)));border-radius:9px}.cell{background:#252c37;box-shadow:inset 0 1px 3px #0001}.tile{display:flex;align-items:center;justify-content:center;font-size:36px;letter-spacing:-1.5px;font-weight:750;background:var(--bg);color:var(--fg);box-shadow:inset 0 1px 0 #ffffff30,0 3px 5px #0002;z-index:2;transition:left 150ms cubic-bezier(.2,.75,.3,1),top 150ms cubic-bezier(.2,.75,.3,1),box-shadow .15s,transform .15s}.tile.large{font-size:29px}.tile.huge{font-size:23px}.tile.spawn{animation:spawn .24s cubic-bezier(.2,1.4,.5,1)}.tile.merge{animation:merge .28s ease-out}.tile.selectable{cursor:pointer;box-shadow:inset 0 0 0 2px #bafa7288,0 0 20px #bafa7210}.tile.selected{transform:scale(.91);box-shadow:0 0 0 3px var(--accent),0 0 25px #bafa7244}.tile.unavailable{opacity:.35}.power-panel{padding:18px 17px 14px;margin-top:18px;border:1px solid #bafa721a;background:linear-gradient(120deg,#bafa7208,#bafa7202);border-radius:12px}.power-heading{display:flex;justify-content:space-between;align-items:center}.power-heading>div{display:flex;gap:9px;align-items:center}.spark{color:var(--accent);font-size:20px}.power-heading strong{font-size:12px}.power-heading #charge-label{font-size:10px;color:#818b98;margin-left:3px;font-variant-numeric:tabular-nums}#fuse{font-size:11px;color:var(--accent);padding:6px 0 6px 10px}#fuse span{margin-left:7px}.meter{display:flex;gap:5px;margin:13px 0 10px}.meter i{height:5px;background:#333c3c;border-radius:3px;flex:1;transition:background .3s,box-shadow .3s}.meter i.on{background:var(--accent);box-shadow:0 0 9px #bafa7233}.power-panel p{font-size:10px;line-height:1.6;color:#899592;margin:0}.ready{animation:ready 2s infinite}.below{display:flex;align-items:center;justify-content:space-between;margin:18px 1px;font-size:10px;color:#727e8d}.below>span{display:flex;align-items:center;gap:4px}kbd{font:10px system-ui;border:1px solid #ffffff14;border-radius:3px;padding:1px 4px}#undo{font-size:11px;color:#a7b0bc}footer{text-align:center;color:#697482;font-size:11px;margin-top:37px}footer span{display:block;font-size:7px;letter-spacing:2px;color:#485360;margin-top:10px}#install{display:block;margin:14px auto;color:var(--accent);font-size:11px}.overlay{position:absolute;inset:0;z-index:8;border-radius:15px;background:#11141de8;backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.overlay-symbol{font-size:55px;color:var(--accent)}h2{letter-spacing:-1px;font-size:30px;margin:15px 0}.overlay p{color:#a1adbb;font-size:13px;line-height:1.6}.primary{background:var(--accent);color:#1d2914;border-radius:8px;padding:12px 20px;font-size:12px;font-weight:750}.overlay button{margin-top:12px}.hidden{display:none!important}dialog{width:min(90vw,440px);border:1px solid #ffffff1a;border-radius:18px;background:#1b222d;color:#e7ebe8;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#090c14c9;backdrop-filter:blur(6px)}dialog p{font-size:13px;line-height:1.8;color:#a6b0bf}dialog h3{font-size:14px;color:var(--accent);margin-top:23px}.close{position:absolute;right:15px;top:10px;font-size:25px;color:#a2acb9}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions>button{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:15px;z-index:5}.particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:particle .6s ease-out forwards}#score-pop{position:absolute;left:30px;top:15px;color:var(--accent);font-size:14px;pointer-events:none}#score-pop.pop{animation:score .7s ease-out forwards}@keyframes spawn{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes merge{0%{transform:scale(1)}45%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes particle{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes score{from{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes ready{50%{box-shadow:0 0 24px #bafa721a;border-color:#bafa7255}}@media(max-width:520px){.shell{padding:20px 19px 25px}.intro{margin:27px 0 25px}h1{font-size:68px}.brand{font-size:10px}.scorebar{gap:22px}.tile{font-size:clamp(24px,8vw,36px)}.tile.large{font-size:clamp(20px,6vw,29px)}.tile.huge{font-size:clamp(16px,5vw,23px)}footer{margin-top:26px}:root{--gap:9px;--pad:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}