*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#041a3c40,#010a1ebf),url(/jellyjoy-math/bg-ocean.png) center / cover no-repeat fixed;color:#e8f7ff}.game{width:min(960px,100% - 32px);background:radial-gradient(circle at 0% 0%,#1a6fb0,#06335c 70%);border-radius:24px;padding:24px 24px 32px;box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(169,224,255,.6)}.game-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-title{margin:0;font-size:26px;font-weight:700;letter-spacing:.06em;color:#ffe6f5;text-shadow:none}.game-stats{display:flex;flex-direction:row;align-items:center;gap:8px}.stat{display:flex;flex-direction:column;justify-content:center;padding:6px 10px;min-width:100px;background:#09386aeb;border-radius:10px;border:1px solid rgba(150,212,255,.8)}.stat-label{font-size:15px;line-height:1.2;color:#b5d5ff}.stat-value{font-size:25px;font-weight:600;color:#fff}.game-main{margin-top:8px;background:radial-gradient(circle at 50% 0,#5fbef059,#072744 75%);border-radius:20px;padding:16px 16px 24px;border:1px solid rgba(118,201,244,.6)}.equation-panel{text-align:center;margin-bottom:5px;margin-top:30px}.equation-text{font-size:60px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;color:#f6fbff;text-shadow:0 0 6px rgba(156,226,255,.6)}.feedback{min-height:1.5em;font-size:25px;font-weight:500;margin-bottom:6px}.feedback--success{color:#9ff7c2}.feedback--error{color:#ffb4c5}.jellyfish-container{display:flex;justify-content:space-around;align-items:flex-end;gap:16px;min-height:220px;position:relative;padding:4px}.jellyfish{position:relative;width:180px;height:180px;border:none;padding:0;margin:0;background-color:transparent;background-image:url(/jellyjoy-math/jellyfish.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:800;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7);filter:drop-shadow(0 0 6px rgba(255,170,220,.5));transition:transform .2s ease,filter .2s ease;animation:jellyfish-idle 3s ease-in-out infinite}.jellyfish-label{display:inline-block;transform:translateY(-40px)}.jellyfish:after{content:none}.jellyfish:hover{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 0 10px rgba(255,200,240,.7))}@keyframes jellyfish-idle{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.04)}to{transform:translateY(0) scale(1)}}.jellyfish--correct{animation:jellyfish-correct .7s ease-out forwards}@keyframes jellyfish-correct{0%{transform:translateY(0) scale(1);opacity:1;filter:drop-shadow(0 0 6px rgba(255,170,220,.6))}60%{transform:translateY(-50px) scale(1.15);opacity:1;filter:drop-shadow(0 0 14px rgba(191,255,205,.9)) brightness(1.06)}to{transform:translateY(-90px) scale(.9);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}.jellyfish--wrong{animation:jellyfish-wrong .4s ease-out}@keyframes jellyfish-wrong{0%{transform:translate(0);filter:drop-shadow(0 0 6px rgba(0,0,0,.6)) brightness(1)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px);filter:drop-shadow(0 0 6px rgba(255,120,120,.7)) brightness(.9)}80%{transform:translate(4px)}to{transform:translate(0);filter:drop-shadow(0 0 6px rgba(0,0,0,.6)) brightness(1)}}@media (max-width: 640px){.game{padding:16px 12px 22px}.game-header{flex-direction:column;align-items:flex-start}.game-stats{width:100%;flex-wrap:wrap;justify-content:flex-start}.equation-text{font-size:26px}.jellyfish-container{gap:10px}.jellyfish{width:120px;height:120px;font-size:32px}.jellyfish-label{transform:translateY(-30px)}}