@tailwind base;@tailwind components;@tailwind utilities;:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}body:before{content:"";display:block;width:100%;height:var(--sat);background-color:#2563eb;position:fixed;top:0;left:0;right:0;z-index:10000;pointer-events:none}body{padding-top:var(--sat)!important;padding-bottom:var(--sab)!important}:root{--duo-green: #2563EB;--duo-green-dark: #1D4ED8;--duo-green-light: #DBEAFE;--duo-blue: #1CB0F6;--duo-blue-dark: #1899D6;--duo-red: #FF4B4B;--duo-red-dark: #EA2B2B;--duo-yellow: #FFC800;--duo-yellow-dark: #E5B800;--duo-purple: #CE82FF;--duo-purple-dark: #A855F7;--duo-orange: #FF9600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #2563eb4d}50%{box-shadow:0 0 20px #2563eb99,0 0 40px #2563eb33}}.animate-float{animation:float 3s ease-in-out infinite}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1)}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-gradient{animation:gradient-shift 6s ease infinite;background-size:200% 200%}.animate-wiggle{animation:wiggle .6s ease-in-out}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1)}.animate-shake{animation:shake .4s ease-in-out}.animate-pop{animation:pop .3s ease-out}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.stagger-children>*{animation:slideUp .4s ease-out forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}*{-webkit-tap-highlight-color:transparent}body{font-family:Nunito,sans-serif;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#afafaf}.glass{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn-3d{position:relative;border-bottom:4px solid;transition:all .1s ease;font-weight:800}.btn-3d:active{border-bottom-width:2px;transform:translateY(2px)}.btn-3d-green{background:#2563eb;border-bottom-color:#1d4ed8;color:#fff}.btn-3d-green:hover{background:#3b82f6}.btn-3d-blue{background:#1cb0f6;border-bottom-color:#1899d6;color:#fff}.btn-3d-blue:hover{background:#2cbaf8}.btn-3d-red{background:#ff4b4b;border-bottom-color:#ea2b2b;color:#fff}.btn-3d-red:hover{background:#ff5e5e}.btn-3d-yellow{background:#ffc800;border-bottom-color:#e5b800;color:#3c3c3c}.btn-3d-purple{background:#ce82ff;border-bottom-color:#a855f7;color:#fff}.btn-3d-white{background:#fff;border-bottom-color:#e5e5e5;color:#4b4b4b}.btn-3d-white:hover{background:#f7f7f7}.btn-3d-gray{background:#e5e5e5;border-bottom-color:#afafaf;color:#777}.card-shadow{box-shadow:0 2px 4px #0000000a,0 0 0 2px #e4e4e499}.card-shadow-hover{box-shadow:0 4px 12px #00000014,0 0 0 2px #c8c8c8cc}.gradient-text{background:linear-gradient(135deg,#2563eb,#1cb0f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.node-active{box-shadow:0 0 0 4px #2563eb33,0 4px 12px #2563eb40}.node-locked{filter:grayscale(.4);opacity:.6}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-confetti-fall{animation:confetti-fall 2.5s ease-out forwards}@keyframes shimmer-slide{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}.animate-shimmer-slide{animation:shimmer-slide 3s ease-in-out infinite}@keyframes step-complete{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animate-step-complete{animation:step-complete .5s cubic-bezier(.34,1.56,.64,1)}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}@keyframes xp-pop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(1.3);opacity:0}}.animate-xp-pop{animation:xp-pop 1s ease-out forwards}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}