:root{--abyss-blue:#0b1d33;--twilight-purple:#4a3b5c;--starwhale-blue:#2e5a88;--glow-cyan:#5ce1e6;--moon-silver:#e8ecf4;--lava-orange:#ff7a45;--mermaid-pink:#f4b8c8;--scale-gold:#d4af37;--deep-sea:#061422}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--deep-sea);color:var(--moon-silver);font-family:Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}code,.mono{font-family:JetBrains Mono,ui-monospace,Consolas,monospace}button{font-family:inherit}::selection{background:#5ce1e659}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(-105vh) translateX(var(--drift,20px));opacity:0}}@keyframes fadeInSlow{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes roomGlow{0%,to{filter:drop-shadow(0 0 4px #5ce1e680)}50%{filter:drop-shadow(0 0 14px #5ce1e6e6)}}@keyframes whaleSwim{0%{transform:translate(-45vw)}to{transform:translate(115vw)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes fishSwim{0%{transform:translate(-18vw)}to{transform:translate(112vw)}}@keyframes fishSwimBack{0%{transform:translate(112vw)}to{transform:translate(-18vw)}}@keyframes crystalBreathe{0%,to{opacity:.45;filter:drop-shadow(0 0 6px #8cb4ff26)}50%{opacity:1;filter:drop-shadow(0 0 18px #8cb4ff66)}}@keyframes snowSink{0%{transform:translateY(0)translate(0)}to{transform:translateY(106vh)translate(14px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes orbBreathe{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.85;transform:translate(-50%,-50%)scale(1.08)}}@keyframes cardReveal{0%{opacity:0;transform:rotateY(90deg)scale(.9)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes cardShuffle{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes meteor{0%{opacity:1;transform:translate(0)rotate(-35deg)}to{opacity:0;transform:translate(-60vw,60vh)rotate(-35deg)}}@keyframes qianShake{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-7deg)translateY(-3px)}40%{transform:rotate(6deg)translateY(-1px)}60%{transform:rotate(-5deg)translateY(-3px)}80%{transform:rotate(4deg)translateY(0)}}@keyframes qianPop{0%{opacity:0;transform:translateY(18px)scale(.85)}60%{opacity:1;transform:translateY(-6px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}