:root{--bg: #0b1220;--surface: #131d2e;--border: #1e3a5f;--text: #e2e8f0;--muted: #94a3b8;--accent: #22d3ee;--accent-dim: #0891b2;--warn: #fbbf24;--danger: #f87171;--ok: #34d399;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#root{min-height:100vh;min-height:100dvh}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.1rem;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#0b1220;font-weight:700}button:hover{filter:brightness(1.08)}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover{border-color:var(--accent)}@media(max-width:520px){button{padding:.65rem 1rem;min-height:44px}}.mahjong-match-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15000;pointer-events:none;overflow:visible}.mahjong-match-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000003d;animation:mahjong-dim-fade .85s ease-out forwards}@keyframes mahjong-dim-fade{0%{opacity:.85}to{opacity:1}}.mahjong-blast-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:mahjong-blast-flash .38s ease-out forwards;z-index:19}@keyframes mahjong-blast-flash{0%{opacity:0}12%{opacity:.42}to{opacity:0}}.mahjong-blast-ring{position:absolute;left:50%;top:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;border-radius:50%}.mahjong-blast-ring--1{z-index:22;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(255,255,255,.35) 55%,transparent 72%);box-shadow:0 0 40px #fffffff2,0 0 80px #fde0478c;animation:mahjong-blast-ring-a .55s cubic-bezier(.22,1,.36,1) forwards}.mahjong-blast-ring--2{z-index:21;background:radial-gradient(circle,rgba(253,224,71,.55) 0%,rgba(250,204,21,.22) 50%,transparent 70%);box-shadow:0 0 50px #facc15bf;animation:mahjong-blast-ring-b .58s cubic-bezier(.18,1,.42,1) .04s forwards}.mahjong-blast-ring--3{z-index:20;border:2px solid rgba(255,255,255,.55);background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 65%);animation:mahjong-blast-ring-c .62s cubic-bezier(.16,1,.48,1) .08s forwards}@keyframes mahjong-blast-ring-a{0%{transform:scale(.12);opacity:0}35%{opacity:.95}to{transform:scale(2.45);opacity:0}}@keyframes mahjong-blast-ring-b{0%{transform:scale(.22);opacity:0}40%{opacity:.78}to{transform:scale(3.2);opacity:0}}@keyframes mahjong-blast-ring-c{0%{transform:scale(.35);opacity:0}45%{opacity:.52}to{transform:scale(4.1);opacity:0}}.mahjong-blast-spark{position:absolute;left:50%;top:50%;z-index:24;color:#fffef0;font-size:22px;font-weight:900;width:1em;margin-left:-.5em;margin-top:-.5em;opacity:0;animation:mahjong-blast-spark .55s ease-out forwards}@keyframes mahjong-blast-spark{0%{opacity:0;transform:rotate(var(--spark-rot, 0deg)) translate(8px) scale(.5)}25%{opacity:1}to{opacity:0;transform:rotate(var(--spark-rot, 0deg)) translate(108px) scale(1.1)}}.mahjong-blast-score{position:absolute;left:50%;top:50%;z-index:30;transform:translate(-50%,-50%) scale(.35);font-size:44px;font-weight:900;color:#fff;text-shadow:2px 2px 0 #1e3a8a,-1px -1px 0 #1e40af,1px -1px 0 #1e40af,-1px 1px 0 #1e40af;animation:mahjong-blast-score .45s cubic-bezier(.34,1.56,.64,1) .05s forwards}@keyframes mahjong-blast-score{to{transform:translate(-50%,-50%) scale(1)}}.mahjong-fly-tile{position:absolute;transition:transform .42s cubic-bezier(.22,1,.36,1);z-index:20}.mahjong-fly-tile--b{z-index:21}.water-sort-liquid{transition:filter .2s ease,transform .24s cubic-bezier(.22,1,.36,1)}.water-sort-liquid-0{background:linear-gradient(180deg,#fecaca,#dc2626 48%,#991b1b);box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 6px #0003}.water-sort-liquid-1{background:linear-gradient(180deg,#86efac,#16a34a 48%,#14532d);box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -3px 6px #0000002e}.water-sort-liquid-2{background:linear-gradient(180deg,#93c5fd,#2563eb 48%,#1e3a8a);box-shadow:inset 0 2px 4px #ffffff52,inset 0 -3px 6px #0003}.water-sort-liquid-3{background:linear-gradient(180deg,#fde047,#ca8a04 48%,#854d0e);box-shadow:inset 0 2px 4px #ffffff47,inset 0 -3px 6px #0003}.water-sort-liquid-4{background:linear-gradient(180deg,#e9d5ff,#7c3aed 48%,#5b21b6);box-shadow:inset 0 2px 4px #ffffff47,inset 0 -3px 6px #0003}.water-sort-liquid-5{background:linear-gradient(180deg,#fdba74,#ea580c 48%,#9a3412);box-shadow:inset 0 2px 4px #ffffff42,inset 0 -3px 6px #0003}.water-sort-liquid-6{background:linear-gradient(180deg,#fbcfe8,#db2777 48%,#9d174d);box-shadow:inset 0 2px 4px #ffffff47,inset 0 -3px 6px #0003}.water-sort-liquid-7{background:linear-gradient(180deg,#5eead4,#0d9488 48%,#115e59);box-shadow:inset 0 2px 4px #ffffff47,inset 0 -3px 6px #0003}@keyframes water-sort-tube-pulse{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.06);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1)}}.water-sort-tube--pulse{animation:water-sort-tube-pulse .42s ease-out}.water-sort-tube-shell{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}