/* Handmade cartoon surface pass: intentionally uneven ink, paper and weighted motion. */
:root{--ink:#172043;--shadow:0 7px 0 #1720432b,0 13px 24px #17204320}
body:after{content:"";position:fixed;z-index:500;inset:0;pointer-events:none;opacity:.075;background:repeating-linear-gradient(97deg,transparent 0 13px,#17204310 14px 15px,transparent 16px 31px);mix-blend-mode:multiply}
#app{background-color:#eef0e9;background-image:radial-gradient(circle at 18% 8%,#d8eee4 0 2px,transparent 3px),radial-gradient(circle at 81% 17%,#ded7e9 0 1px,transparent 2px);background-size:29px 27px,37px 35px}
.panel,.gloob-card,.product,.modal-card,.result,.campaign-result-card{border:2px solid #17204326;border-radius:22px 27px 21px 25px;background-color:#fffdf6;background-image:repeating-linear-gradient(101deg,transparent 0 19px,#17204308 20px 21px);box-shadow:var(--shadow)}
button{transition:transform .16s cubic-bezier(.2,1.45,.4,1),filter .16s,box-shadow .16s;transform-origin:50% 90%}
@media(hover:hover){button:hover{transform:translateY(-2px) rotate(-.35deg);filter:saturate(.94) brightness(1.025)}button:nth-of-type(even):hover{transform:translateY(-2px) rotate(.35deg)}}
button:active{transform:translateY(4px) scale(.96,1.02)!important}
.play-btn,.primary{background:#91e61c;border-color:#d9ff8b #28431e #28431e #d9ff8b;border-width:3px 4px 6px 3px;border-radius:17px 21px 16px 20px;box-shadow:0 6px 0 #467d13,0 10px 0 #1720432f;text-shadow:0 1px #fff8}
.secondary{border:2px solid #17204325;border-bottom-width:5px;border-radius:13px 16px 12px 15px;background:#eeeee7;box-shadow:0 3px 0 #b8bdc2}
.topbar{background:#182044;border-bottom:3px solid #0c1230;box-shadow:0 5px 0 #11182e55}.brand-mark,.legal-logo{background:#94e923;border-color:#fffce9;border-radius:44% 56% 49% 51%;box-shadow:inset -4px -7px 0 #67ad18,0 4px 0 #0d1433;transform:rotate(-3deg)}
.dock{background:#fffdf7;border-top:2px solid #17204324}.dock button{background:#fffdf7}.dock button.active:before{height:6px;background:#7654c5;transform:rotate(-1deg)}
.gloob-preview{border:2px solid #17204316;background-color:#eef1e8;background-image:radial-gradient(circle,#fffdf6 0 34%,transparent 35%),repeating-linear-gradient(105deg,transparent 0 22px,#1720430a 23px 24px)}
.gloob-svg{animation:gloobAlive 3.35s cubic-bezier(.42,0,.25,1) infinite;transform-origin:50% 91%;will-change:transform}
.gloob-card:nth-child(3n+2) .gloob-svg{animation-delay:-.7s;animation-duration:3.6s}.gloob-card:nth-child(3n) .gloob-svg{animation-delay:-1.35s;animation-duration:3.15s}
.gloob-sprite>img{filter:drop-shadow(0 8px 0 #17204324) drop-shadow(0 13px 8px #1720432b)}
.hero-gloob{animation-name:gloobHeroAlive;animation-duration:3.8s}
.home-hub{background-image:linear-gradient(90deg,#151d46df 0,#151d4675 29%,transparent 51%,#151d4699 100%),url('/assets/home-hub.png');background-position:center;background-size:cover;border:3px solid #17204399;border-radius:31px 36px 29px 34px;box-shadow:0 9px 0 #17204380,0 20px 35px #17204335}
.home-hub:before{background:radial-gradient(ellipse at 51% 83%,#d8fb7938,transparent 27%);animation:handLight 4.8s ease-in-out infinite}.home-hub:after{opacity:.45;filter:none}
.hub-copy{text-shadow:0 4px 0 #10183eb5}.hub-copy h1{letter-spacing:-2px}.hub-menu button{border:3px solid #fff9dc99;border-bottom-width:6px;border-radius:17px 22px 16px 20px;background:#7653c4dd!important;box-shadow:0 5px 0 #2d285f,inset 0 -3px #17204324}.hub-menu button:nth-child(2n){background:#268e9cdd!important}.hub-menu button:nth-child(3n){background:#c65a5fdd!important}.hub-menu button:nth-child(odd){transform:rotate(-.35deg)}.hub-menu button:nth-child(even){transform:rotate(.35deg)}
.legal-gate{background-image:linear-gradient(90deg,#121942ed,#121942a8 45%,#2c2469d9),url('/assets/home-hub.png');background-position:center;background-size:cover}.legal-gate:before{opacity:.45}.legal-panel{background-color:#fffdf6}.language-card{border-color:#17204328;border-radius:17px 20px 15px 19px;background:#f0f0e9}.language-card.selected{background:#ebe4fb;border-color:#6748b2;box-shadow:0 0 0 3px #fff,0 5px 0 #4b338d}.legal-checks label{border:1px solid #17204315;background:#f0f0e9}
.quick:nth-child(1){background:#d87938}.quick:nth-child(2){background:#7753bf}.quick:nth-child(3){background:#258e98}.quick:nth-child(4){background:#b85078}.quick,.shop-hero,.settings-hero,.campaign-hero,.system-hero{border:3px solid #1720432e;background-blend-mode:multiply;box-shadow:0 7px 0 #17204345,0 15px 28px #17204320}
.fighter-hud,.battle-timer,.battle-cooldowns span,.battle-help{text-shadow:0 2px 0 #10152f}.hpbar{border-color:#fffce8;box-shadow:0 3px 0 #172043}.hpbar i{background:#8cde28}.battle-timer{background:#fffce8;color:#172043;border-color:#172043;box-shadow:0 4px 0 #172043;text-shadow:none;transform:rotate(-1deg)}
.result,.campaign-result-card{border:4px solid #172043;box-shadow:0 10px 0 #aeb4bd,0 24px 50px #05071688}.result h2,.campaign-result-card h2{transform:rotate(-1deg);text-shadow:2px 3px 0 #17204320}
@keyframes gloobAlive{0%,100%{transform:translateY(2%) rotate(-.45deg) scale(1.025,.975)}12%{transform:translateY(-1%) rotate(.35deg) scale(.985,1.018)}24%{transform:translateY(-3.5%) rotate(.65deg) scale(.965,1.045)}38%{transform:translateY(1%) rotate(-.2deg) scale(1.035,.965)}49%{transform:translateY(0) rotate(0) scale(.995,1.005)}72%{transform:translateY(-1.2%) rotate(-.5deg) scale(.985,1.018)}}
@keyframes gloobHeroAlive{0%,100%{transform:translateY(2%) rotate(-.7deg) scale(1.035,.965)}14%{transform:translateY(-2%) rotate(.4deg) scale(.98,1.025)}29%{transform:translateY(-5%) rotate(.8deg) scale(.955,1.055)}43%{transform:translateY(1.5%) rotate(-.35deg) scale(1.045,.955)}54%{transform:translateY(0) scale(.995,1.005)}76%{transform:translateY(-2%) rotate(-.55deg) scale(.98,1.025)}}
@keyframes handLight{0%,100%{opacity:.76;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}
.reduced-motion .gloob-svg{transform:none!important}
@media(max-height:600px) and (orientation:landscape){body:after{opacity:.045}.legal-gate{background-position:center 62%}}