:root{--bg:#05070f;--painel:#0b1224;--linha:#00e5ff2e;--texto:#d7e6ff;--fraco:#7b8bb0;--ciano:#00e5ff;--magenta:#ff2bd6;--alerta:#ff4d6d;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;--hex:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)}[data-v="1"]{--tile:#00e5ff}[data-v="5"]{--tile:#3d7bff}[data-v="10"]{--tile:#8b5cf6}[data-v="50"]{--tile:#ff2bd6}[data-v="100"]{--tile:#ff4d6d}[data-v="500"]{--tile:#ff9f1c}[data-v="1000"]{--tile:#7cff6b}[data-v="5000"]{--tile:#00ffa3}[data-v="10000"]{--tile:#ffd23f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--texto);background:radial-gradient(circle at 15% 0%, #ff2bd629, transparent 45%), radial-gradient(circle at 90% 30%, #00e5ff24, transparent 45%), linear-gradient(var(--linha) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, var(--linha) 1px, transparent 1px) 0 0 / 32px 32px, var(--bg);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-family:Segoe UI,system-ui,sans-serif}.app{-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;width:min(100%,480px);margin:0 auto;padding:12px 12px 24px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar h1{font-family:var(--mono);letter-spacing:2px;color:#fff;text-shadow:0 0 6px var(--ciano), 0 0 18px #00e5ff99;margin:0;font-size:clamp(1.3rem,5.5vw,1.7rem)}.topbar .bang{color:var(--magenta);text-shadow:0 0 8px var(--magenta)}.topbar .tag{border:1px solid var(--magenta);color:var(--magenta);vertical-align:middle;text-shadow:0 0 6px var(--magenta);border-radius:4px;padding:1px 8px;font-size:.6em;box-shadow:0 0 10px #ff2bd666,inset 0 0 8px #ff2bd640}button{font:inherit;color:inherit;cursor:pointer}.icon-btn{border:1px solid var(--ciano);background:#00e5ff14;border-radius:10px;width:42px;height:42px;font-size:1.1rem;box-shadow:0 0 10px #00e5ff4d}.hud{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{--glow:var(--ciano);text-align:center;background:linear-gradient(180deg, #ffffff0a, transparent), var(--painel);border:1px solid color-mix(in srgb, var(--glow) 55%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--glow) 25%, transparent);border-radius:10px;padding:6px 8px;position:relative}.stat:nth-child(2){--glow:var(--magenta)}.stat:nth-child(3){--glow:#7cff6b}.stat .label{letter-spacing:1.5px;text-transform:uppercase;color:var(--fraco);font-size:.66rem;display:block}.stat strong{font-family:var(--mono);color:var(--glow);text-shadow:0 0 8px var(--glow);font-size:clamp(1.05rem,4.5vw,1.35rem)}.ladder{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.step{font-family:var(--mono);color:var(--fraco);border:1px solid #7b8bb059;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700}.step.reached{border-color:var(--tile);color:var(--tile);box-shadow:0 0 8px color-mix(in srgb, var(--tile) 45%, transparent)}.step .mult{opacity:.7;font-weight:400}.board-wrap{background:#0b1224d9;border:1px solid #00e5ff59;border-radius:14px;padding:10px;position:relative;box-shadow:0 0 24px #00e5ff2e,inset 0 0 30px #00e5ff0f}.board{touch-action:none;width:100%;position:relative;container-type:inline-size}.board.aiming .cell{cursor:crosshair}.cell{clip-path:var(--hex);background:color-mix(in srgb, var(--tile) 70%, transparent);cursor:pointer;position:absolute}.cell .face{clip-path:var(--hex);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tile) 32%, var(--painel)), var(--painel) 78%);color:var(--tile);font-family:var(--mono);text-shadow:0 0 6px var(--tile);place-items:center;font-size:5.6cqw;font-weight:800;transition:transform .12s,background .12s;display:grid;position:absolute;inset:5%}.cell[data-len="3"] .face{font-size:4.6cqw}.cell[data-len="5"] .face,.cell[data-len="6"] .face{font-size:3.4cqw}.cell.chain{background:#fff}.cell.chain .face{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tile) 60%, var(--painel)), var(--painel) 85%);color:#fff;transform:scale(.9)}.cell.chain-last,.cell.swap-first{background:var(--magenta)}.cell.swap-first .face{transform:scale(.88)}.cell.drop .face{animation:.35s ease-out drop}.cell.merged .face{animation:.4s ease-out bump}@keyframes drop{0%{opacity:0;transform:translateY(-70%)}to{opacity:1;transform:translateY(0)}}@keyframes bump{0%{filter:brightness(2.2);transform:scale(.6)}60%{transform:scale(1.12)}to{filter:none;transform:scale(1)}}.pop{clip-path:var(--hex);background:var(--tile);pointer-events:none;animation:.32s ease-out forwards pop;position:absolute;inset:5%}@keyframes pop{0%{opacity:.9;transform:scale(1)}45%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}.toast{border:1px solid var(--ciano);color:var(--ciano);font-family:var(--mono);text-shadow:0 0 8px var(--ciano);opacity:0;pointer-events:none;white-space:nowrap;background:#05070feb;border-radius:8px;padding:6px 14px;font-size:1.15rem;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #00e5ff66}.toast.show{animation:1.1s ease-out toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)}}.hint{text-align:center;min-height:1.3em;font-family:var(--mono);color:var(--fraco);white-space:pre-wrap;margin:0;font-size:.82rem}.hint.alert{color:var(--alerta);text-shadow:0 0 8px var(--alerta);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.boosters{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.booster{--glow:var(--ciano);background:var(--painel);border:1px solid color-mix(in srgb, var(--glow) 60%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--glow) 25%, transparent);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.booster[data-booster=swap]{--glow:var(--magenta)}.booster[data-booster=overclock]{--glow:#7cff6b}.booster[data-booster=shuffle]{--glow:#8b5cf6}.booster .icon{font-size:1.35rem}.booster .name{letter-spacing:.5px;text-transform:uppercase;font-size:.68rem;font-weight:700}.booster .count{border:1px solid var(--glow);background:var(--bg);min-width:22px;color:var(--glow);font-family:var(--mono);box-shadow:0 0 8px color-mix(in srgb, var(--glow) 50%, transparent);border-radius:6px;padding:1px 6px;font-size:.8rem;font-weight:800;position:absolute;top:-8px;right:-4px}.booster.active{background:color-mix(in srgb, var(--glow) 18%, var(--painel));box-shadow:0 0 18px var(--glow), inset 0 0 12px color-mix(in srgb, var(--glow) 40%, transparent);transform:translateY(-2px)}.booster:disabled{opacity:.35;filter:grayscale(.8);cursor:not-allowed;box-shadow:none}.next-gift{text-align:center;color:var(--fraco);margin:-4px 0 0;font-size:.72rem}.rules{background:#0b1224cc;border:1px solid #7b8bb04d;border-radius:10px;padding:8px 12px;font-size:.85rem}.rules summary{cursor:pointer;color:var(--ciano);font-weight:700}.rules ul{margin:8px 0 0;padding-left:18px}.rules li+li{margin-top:4px}.rules strong{color:#fff}.modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02040abf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{text-align:center;background:var(--painel);border:1px solid var(--magenta);border-radius:14px;width:min(100%,320px);padding:20px;box-shadow:0 0 30px #ff2bd659}.modal-card h2{font-family:var(--mono);color:#fff;text-shadow:0 0 10px var(--magenta);margin-top:0}.modal-card strong{font-family:var(--mono);color:var(--ciano)}.new-record{color:#ffd23f;text-shadow:0 0 8px #ffd23f;font-weight:800}.primary{border:1px solid var(--ciano);color:var(--ciano);letter-spacing:1px;text-transform:uppercase;background:#00e5ff1f;border-radius:8px;margin-top:8px;padding:10px 22px;font-weight:800;box-shadow:0 0 14px #00e5ff66}@media (width>=720px){.app{padding-top:24px}}