#wg-brand{position:fixed;left:0;right:0;bottom:8px;text-align:center;font-size:12px;z-index:30;pointer-events:none}#wg-brand a{text-decoration:none;pointer-events:auto;transition:color .15s;opacity:.55}#wg-brand a:hover{opacity:1}.wg-dpad{display:none;gap:8px;margin-top:12px;justify-content:center;flex-wrap:wrap}@media (hover: none) and (pointer: coarse){.wg-dpad{display:flex}}.wg-dpad button{width:54px;height:54px;padding:0;font-size:18px;border-radius:10px;cursor:pointer;border:none;transition:transform .08s,background .12s}.wg-dpad button:active{transform:scale(.92)}:root{--bg:#faf8ef;--text:#776e65;--muted:#9a9187;--accent:#f65e3b;--accent2:#edc22e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}html,body{margin:0;padding:0;height:100%}body{color:var(--text);font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:18px;-webkit-user-select:none;user-select:none}.orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orbs i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:drift 20s ease-in-out infinite alternate}.orbs i:nth-child(1){width:440px;height:440px;background:#f2b179;top:-140px;left:-110px}.orbs i:nth-child(2){width:380px;height:380px;background:#edc22e;bottom:-160px;right:-100px;animation-delay:-7s}.orbs i:nth-child(3){width:300px;height:300px;background:#f67c5f;top:38%;left:72%;opacity:.22;animation-delay:-13s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(70px,50px) scale(1.18)}}.top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px;margin-bottom:14px;gap:10px}.title{font-size:44px;font-weight:900;letter-spacing:1px;line-height:1;background:linear-gradient(90deg,#f65e3b,#edc22e,#f2b179,#f65e3b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite;filter:drop-shadow(0 2px 10px rgba(246,94,59,.25))}@keyframes shimmer{to{background-position:300% 0}}.scores{display:flex;gap:8px}.score-box{position:relative;background:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(187,173,160,.45);border-radius:14px;padding:7px 14px;text-align:center;min-width:78px;transition:transform .15s,border-color .2s,box-shadow .2s}.score-box:hover{transform:translateY(-2px);border-color:#f65e3b80;box-shadow:0 8px 20px #f65e3b1f}.score-box .label{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.score-box .val{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.score-box.bump{animation:bump .32s ease}@keyframes bump{35%{transform:scale(1.12)}}.score-float{position:absolute;left:50%;top:-4px;transform:translate(-50%);font-size:15px;font-weight:800;color:#f65e3b;text-shadow:0 1px 6px rgba(246,94,59,.3);pointer-events:none;white-space:nowrap;animation:floatUp .85s ease forwards}@keyframes floatUp{0%{opacity:0;translate:0 8px}25%{opacity:1}to{opacity:0;translate:0 -36px}}.bar{display:flex;gap:8px;align-items:center;width:100%;max-width:420px;margin-bottom:12px}.hint{color:var(--muted);font-size:13px;flex:1}.hint b{color:var(--accent)}button{background:linear-gradient(135deg,#f2b179,#f65e3b);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;box-shadow:0 6px 16px #f65e3b52;transition:transform .12s,box-shadow .2s,filter .2s,background .2s}button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 22px #f65e3b61}button:active{transform:scale(.95)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.ghost{background:#bbada047;border:1px solid rgba(187,173,160,.55);box-shadow:none;color:var(--text)}button.ghost:hover{background:#bbada06b;box-shadow:0 6px 16px #bbada04d}.wrap{position:relative;width:100%;max-width:420px;aspect-ratio:1/1;animation:wrapIn .55s cubic-bezier(.22,1.2,.36,1) backwards}@keyframes wrapIn{0%{opacity:0;transform:scale(.9) translateY(16px)}}.board{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;background:#bbada0;box-shadow:0 20px 44px #967d6459,inset 0 1px #ffffff40}.cell{background:#eee4da59;border-radius:12px}.board.nudge-left{animation:nudgeL .16s ease}.board.nudge-right{animation:nudgeR .16s ease}.board.nudge-up{animation:nudgeU .16s ease}.board.nudge-down{animation:nudgeD .16s ease}@keyframes nudgeL{40%{transform:translate(-6px)}}@keyframes nudgeR{40%{transform:translate(6px)}}@keyframes nudgeU{40%{transform:translateY(-6px)}}@keyframes nudgeD{40%{transform:translateY(6px)}}.tiles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tile{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;border-radius:12px;letter-spacing:-.5px;transition:transform .13s cubic-bezier(.25,.46,.56,.94);will-change:transform}.tile.new{animation:appear .19s cubic-bezier(.34,1.56,.64,1) backwards}.tile.merged{animation:pop .24s cubic-bezier(.34,1.8,.64,1);z-index:2}@keyframes appear{0%{scale:0;opacity:0}}@keyframes pop{0%{scale:.55}55%{scale:1.18}to{scale:1}}.tile.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);background-size:250% 100%;animation:sweep 2.8s ease infinite}@keyframes sweep{0%{background-position:130% 0}to{background-position:-130% 0}}.tile.merged.max{animation:pop .24s cubic-bezier(.34,1.8,.64,1),maxGlow 1.8s ease-in-out .3s infinite}@keyframes maxGlow{50%{box-shadow:0 0 30px 8px #edc22e8c,0 0 54px 14px #f2b17959}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf8efd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s;text-align:center;padding:20px}.overlay.show{opacity:1;pointer-events:auto}.overlay h2{font-size:36px;margin:0 0 8px;font-weight:900;background:linear-gradient(90deg,#f65e3b,#edc22e,#f67c5f);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay p{color:var(--muted);margin:0 0 20px;font-size:15px}.overlay.show h2{animation:dropIn .5s cubic-bezier(.22,1.4,.36,1) backwards}.overlay.show p{animation:dropIn .5s cubic-bezier(.22,1.4,.36,1) .08s backwards}.overlay.show button{animation:dropIn .5s cubic-bezier(.22,1.4,.36,1) .16s backwards}@keyframes dropIn{0%{opacity:0;transform:translateY(20px) scale(.88)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.confetti i{position:absolute;top:-16px;display:block;border-radius:2px;transform:rotate(0);animation:fall linear forwards}@keyframes fall{to{transform:translate(var(--dx,0px),480px) rotate(var(--rot,540deg));opacity:.7}}footer{margin-top:16px;color:var(--muted);font-size:12px;text-align:center}footer a{transition:color .15s}footer a:hover{color:var(--accent)}@media (max-width:380px){.title{font-size:34px}.score-box{min-width:62px;padding:6px 10px}.score-box .val{font-size:18px}}@media (max-width:360px){.top{gap:6px}.title{font-size:27px}.score-box{min-width:56px;padding:5px 8px}.score-box .val{font-size:16px}.bar{margin-bottom:8px}.hint{font-size:11px}footer{font-size:11px;margin-top:10px}body{padding:12px 10px}}@media (max-height:640px) and (orientation:portrait){.top,.bar{margin-bottom:8px}footer{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bar{flex-wrap:wrap;gap:8px}.gapi-chip{display:inline-flex;align-items:center;gap:6px;background:#bbada0;color:#fff;border:none;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer;max-width:150px;overflow:hidden;font-family:inherit}.gapi-chip .wgapi-dot{width:7px;height:7px;border-radius:50%;background:#edc22e;box-shadow:0 0 5px #edc22e;flex-shrink:0}.gapi-lb{background:#bbada0;color:#fff;border:none;border-radius:10px;padding:6px 12px;font-size:15px;cursor:pointer;line-height:1.4}:root{--wgapi-panel: #faf8ef;--wgapi-screen: #eee4da;--wgapi-text: #776e65;--wgapi-muted: #9a9187;--wgapi-border: #d6cdc4;--wgapi-accent: #f65e3b;--wgapi-accent-text: #ffffff;--wgapi-errc: #c0392b;--wgapi-bg: rgba(60,50,40,.45)}