:root{--color-bg-light: #FAFAF7;--color-text-main: #2A2A2A;--color-mapu-accent: #6B7A8D;--color-movement: #3D28A8;--color-repetition: #F97316;--color-emotion: #D6297A;--color-function: #2D6A4F;--color-music: #FFB703;--color-calculation: #00B4D8;--color-play-btn: #FF7043;--color-tapete: #4CAF50;--color-success: #4ade80;--color-error: #f87171;--color-border: #E2E8F0;--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.05);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-premium: 0 10px 30px -10px rgba(0,0,0,.3);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--header-height: clamp(64px, 10vh, 80px);--sidebar-width: clamp(280px, 25vw, 340px);--card-width-base: clamp(54px, 5.8vw, 65px);--card-aspect-ratio: 3.5 / 4;--portrait-mazo-height: clamp(120px, 18vh, 180px);--portrait-console-height: clamp(180px, 25vh, 250px);--console-width: 70%;--stash-width: 20%;--trash-width: 10%;--font-size-xs: clamp(.75rem, .8vw, .9rem);--font-size-base: clamp(.95rem, 1.1vw, 1.1rem);--font-size-lg: clamp(1.2rem, 1.5vw, 1.6rem);--font-size-xl: clamp(1.8rem, 3vw, 2.8rem);--font-size-display: clamp(2.5rem, 5vw, 4.5rem);font-family:Comic Neue,Nunito,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:500;color:var(--color-text-main);background-color:var(--color-bg-light);font-size:var(--font-size-base)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at center,#fff,#f1f5f9)}.flex-center{display:flex;align-items:center;justify-content:center}.text-bold{font-weight:700}.mapu-card{width:var(--card-width-base);aspect-ratio:var(--card-aspect-ratio);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px;color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s ease}.mapu-card:active{cursor:grabbing;transform:scale(1.05)}.mapu-sprite{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.reward-card{perspective:1000px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.reward-card-inner{position:relative;width:120px;height:140px;background:#fff;border-radius:24px;border:2px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;box-shadow:var(--shadow-sm)}.reward-card-inner:hover{transform:translateY(-8px) rotate(2deg);border-color:var(--color-mapu-accent);box-shadow:0 15px 30px #0000001a}.reward-card-inner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.3) 50%,transparent 55%);animation:shine 4s infinite;pointer-events:none}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%)}20%,to{transform:translate(100%) translateY(100%)}}@media(orientation:portrait){.main-layout-container{flex-direction:column!important}.mazo-sidebar-container{width:100%!important;height:var(--portrait-mazo-height)!important;flex-direction:row!important;border-right:none!important;border-bottom:2px solid #e2e8f0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;order:1}.game-section-container{order:2;flex:1}.console-wrapper-container{height:var(--portrait-console-height)!important;order:3}.mazo-category-group{display:flex!important;flex-direction:row!important;gap:20px!important;height:100%!important;align-items:center!important}.mazo-category-item{margin-bottom:0!important;min-width:150px!important}}.glass-panel{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.is-clearing [id^=slot-]>div,.is-clearing #recording-slot>div,.is-clearing #storage-slot>div{animation:flyToTrash .6s cubic-bezier(.55,.055,.675,.19) forwards!important;pointer-events:none}@keyframes flyToTrash{0%{transform:scale(1);opacity:1}to{transform:translate(35vw,15vh) scale(0) rotate(180deg)!important;opacity:0}}