body[data-game=ripple]{--accent:#ffb38a;--ok:#9dffc2;background:radial-gradient(900px 500px at 80% -10%,#3a2418 0%,#0000 50%),#120e0c}.ripple-hud{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.ripple-hud div{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:8px 10px}.ripple-hud span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;display:block}.ripple-hud strong{font-size:24px}.ripple-hud em{color:var(--muted);font-size:16px;font-style:normal}.board{--gap:7px;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:var(--gap);aspect-ratio:6/8.15;margin-top:10px;display:grid}.tile{color:#f6efe6;background:#2a211c;border:0;border-radius:12px;min-width:0;min-height:0;font-size:22px;font-weight:800;transition:transform .28s,opacity .45s,filter .3s;box-shadow:inset 0 1px #ffffff14}.tile.t-arrow{background:linear-gradient(#3d6d66,#244a46)}.tile.t-fork{background:linear-gradient(#8a5a2b,#5a3516)}.tile.t-mirror{background:linear-gradient(#6d5b8a,#3d3354);font-size:26px}.tile.t-block{color:#6d655c;background:#1a1614}.tile.empty{box-shadow:none;background:0 0}.tile:not(:disabled):active{transform:scale(.94)}.tile.fell{opacity:.22;filter:saturate(.4);transform:translateY(10px)rotate(18deg)scale(.86)}.tile.fell[data-dir=N]{transform:translateY(-14px)rotate(-8deg)scale(.8)}.tile.fell[data-dir=S]{transform:translateY(14px)rotate(8deg)scale(.8)}.tile.fell[data-dir=E]{transform:translate(14px)rotate(12deg)scale(.8)}.tile.fell[data-dir=W]{transform:translate(-14px)rotate(-12deg)scale(.8)}.tile.ping{animation:.35s ping}.board.shake{animation:.18s shake}.hint{text-align:center;color:var(--muted);margin:10px 0 0}@keyframes ping{50%{filter:brightness(1.4);transform:scale(1.12)}}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}
