/* JELLYVERSE v6 — tactile, glossy, translucent interface.
   Only presentation; layout and gameplay input hit areas remain intact. */
:root{
 --jelly-cream:#fffaef;--jelly-blue:#91e5ee;--jelly-mint:#87edd3;
 --jelly-pink:#ffbbd5;--jelly-grape:#beaeff;
}
body{background:radial-gradient(ellipse 90% 70% at 8% 12%,#7169b7 0%,transparent 68%),
 radial-gradient(ellipse 65% 60% at 90% 85%,#5f88aa 0%,transparent 65%),#191e43;}
body .ambient{filter:blur(52px) saturate(1.2);opacity:.45;}
#screen-home .hero-panel{
 background:linear-gradient(118deg,rgba(79,77,143,.88) 5%,rgba(115,93,165,.87) 42%,rgba(194,129,159,.70) 100%)!important;
 border:1px solid rgba(255,255,255,.32)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 25px 85px rgba(14,13,51,.29),0 5px 0 rgba(244,198,250,.08)!important;
 position:relative;
}
#screen-home .hero-panel::before{
 content:"";pointer-events:none;position:absolute;z-index:0;
 inset:0;border-radius:inherit;opacity:.6;
 background:radial-gradient(ellipse at 83% 31%,rgba(255,236,238,.35),transparent 39%),
 radial-gradient(ellipse at 12% 80%,rgba(134,255,222,.18),transparent 44%);
}
#screen-home .hero-panel>*{position:relative;z-index:1}
#screen-home .hero-ring{border-color:rgba(255,255,255,.27)!important;box-shadow:0 0 28px rgba(227,255,239,.15);}
#screen-home .hero-pedestal{
 background:radial-gradient(ellipse at 35% 10%,#edfff8 0%,#a1eedd 36%,#7a9dbd 79%,#5c619b 100%)!important;
 box-shadow:inset 0 8px 15px #ffffffb8,0 23px 42px #25204b99,0 0 45px #96ffdb62!important;
 border:2px solid rgba(255,255,255,.56)!important;
 animation:jelly-breathe 3.2s ease-in-out infinite;
}
#screen-home .hero-pills span,.hero-character-tag,.counter-pill,.currency,.game-hud-stats span{
 background:linear-gradient(150deg,rgba(255,255,255,.23),rgba(255,255,255,.055))!important;
 border:1px solid rgba(255,255,255,.30)!important;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 8px 20px rgba(13,16,46,.12)!important;
 backdrop-filter:blur(12px);
}
button.btn-primary,#heroPlay,.btn.btn-primary{
 background:linear-gradient(160deg,#f4fff5 0%,#b0f9e5 35%,#6eddd2 68%,#70a4c8 100%)!important;
 border:1px solid rgba(250,255,255,.75)!important;color:#183e68!important;
 box-shadow:inset 0 3px 2px rgba(255,255,255,.66),inset 0 -5px 8px rgba(37,112,131,.22),0 10px 23px rgba(33,91,131,.27)!important;
 text-shadow:0 1px rgba(255,255,255,.2);
 transform-origin:center bottom;transition:transform .16s cubic-bezier(.21,1.7,.46,1),filter .2s,box-shadow .2s!important;
}
button.btn-primary:hover,.btn.btn-primary:hover{filter:saturate(1.2) brightness(1.05);transform:translateY(-3px) scale(1.012)}
button.btn-primary:active,.btn.btn-primary:active{transform:translateY(2px) scale(.96)!important;box-shadow:inset 0 5px 11px rgba(44,101,114,.30)!important}
button.btn-outline,.btn.btn-outline,.text-link{
 border-color:rgba(255,255,255,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
}
.world-card,.roster-card,.stage-tile,.skin-item,.multi-mode-card{
 border:1px solid rgba(252,250,255,.25)!important;
 background:linear-gradient(145deg,rgba(124,106,177,.32),rgba(54,71,127,.36))!important;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.13),0 10px 24px rgba(11,21,55,.16)!important;
 transition:transform .22s cubic-bezier(.25,1.52,.48,1),box-shadow .2s,background .3s!important;
}
.world-card:hover,.roster-card:hover,.stage-tile:hover,.skin-item:hover{
 transform:translateY(-5px) scale(1.01)!important;
 box-shadow:inset 0 2px 0 #ffffff55,0 16px 36px #161c5188,0 0 26px #a2ffe72d!important;
}
.world-card:active,.stage-tile:active{transform:translateY(3px) scale(.97)!important}
.world-decoration{filter:drop-shadow(0 5px 14px #9affd85a);animation:jelly-float 3s ease-in-out infinite alternate}
#screen-game .game-heading{
 border-radius:15px 15px 9px 9px!important;
 background:linear-gradient(110deg,rgba(45,55,96,.87),rgba(91,84,140,.79),rgba(83,110,134,.82))!important;
 border:1px solid rgba(233,255,247,.2);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.15),0 5px 22px rgba(14,18,57,.2);
}
#screen-game .canvas-shell{
 background:linear-gradient(120deg,#8883c4,#e8bed6)!important;
 border:2px solid rgba(252,255,255,.47)!important;
 border-radius:19px!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 16px 42px rgba(12,16,53,.27)!important;
 overflow:hidden!important;
}
#screen-game .canvas-shell canvas{border-radius:inherit;touch-action:none}
#screen-game .game-screen-glow{opacity:.12;pointer-events:none}
#screen-game .action-btn,
#screen-game .solo-joystick,
#screen-multiplayer .multi-action,
#screen-multiplayer .multi-joystick{
 border:2px solid rgba(255,255,255,.65)!important;
 background:radial-gradient(ellipse at 30% 13%,#effff9d9 0%,#aaeedccb 23%,#7cb4d5be 69%,#5871adbd 100%)!important;
 box-shadow:inset 0 5px 7px rgba(255,255,255,.55),inset 0 -7px 9px rgba(43,75,117,.37),0 8px 20px rgba(22,31,70,.49),0 0 18px rgba(204,255,240,.27)!important;
 text-shadow:0 1px 3px rgba(16,52,79,.55)!important;
 transition:transform .14s cubic-bezier(.20,1.8,.38,1),filter .16s!important;
}
#screen-game .action-btn[data-input="squish"],#screen-multiplayer [data-multi-input="squish"]{
 background:radial-gradient(ellipse at 30% 12%,#fff9f4 0%,#ffd4df 30%,#eb9fba 72%,#bc80ae 100%)!important;
}
#screen-game .action-btn[data-input="jump"],#screen-multiplayer [data-multi-input="jump"]{
 background:radial-gradient(ellipse at 28% 11%,#fbf6ff 0%,#e1c7ff 27%,#af93f3 68%,#7e7ac5 100%)!important;
}
#screen-game .action-btn:active,#screen-game .action-btn.pressed,
#screen-multiplayer .multi-action:active{
 transform:translateY(4px) scaleX(1.07) scaleY(.85)!important;
 filter:brightness(1.15) saturate(1.3)!important;
 box-shadow:inset 0 7px 17px rgba(71,43,116,.43),0 2px 5px rgba(21,25,66,.4)!important;
}
#screen-game .solo-joystick .joy-knob,#screen-multiplayer .multi-joystick .joy-knob{
 background:radial-gradient(circle at 28% 22%,#fffdf5,#d7c8ff 43%,#a993dd 80%)!important;
 box-shadow:inset 0 4px 5px #ffffffb9,0 4px 12px #33316d88!important;
}
#screen-game .game-footer,#screen-multiplayer .multi-hud{
 background:linear-gradient(110deg,rgba(65,70,125,.70),rgba(92,91,147,.78))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.17);
 border:1px solid rgba(255,255,255,.16)!important;
}
#screen-game .game-progress{filter:drop-shadow(0 0 7px rgba(138,255,218,.36))}
#screen-game .game-progress #gameProgressFill{
 background:linear-gradient(90deg,#a7f5e5,#fff8d6,#f9c7e0)!important;
 box-shadow:0 0 15px #a8ffe1!important;
}
#gameToast{
 border:1px solid rgba(255,255,255,.58)!important;
 background:linear-gradient(135deg,rgba(68,77,127,.95),rgba(114,93,161,.96))!important;
 box-shadow:inset 0 2px rgba(255,255,255,.20),0 12px 28px rgba(14,13,57,.33)!important;
}
@keyframes jelly-breathe{0%,100%{transform:scaleX(1) scaleY(1)}40%{transform:scaleX(1.035) scaleY(.97)}70%{transform:scaleX(.985) scaleY(1.015)}}
@keyframes jelly-float{from{transform:translateY(-2px) rotate(-3deg)}to{transform:translateY(4px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.world-decoration,#screen-home .hero-pedestal{animation:none!important}}
@media(max-width:650px){#screen-game .canvas-shell{border-radius:9px!important;border-width:1px!important}}