.adventure-app{--primary-yellow: #FFD93D;--primary-pink: #FF6B9D;--primary-teal: #4ECDC4;--primary-blue: #5B9BD5;--dark-charcoal: #2C3E50;--bg-cream: #FFF8E7;font-family:Quicksand,PingFang SC,system-ui,sans-serif;background-color:var(--bg-cream);color:var(--dark-charcoal);min-height:100vh;display:flex;flex-direction:column;max-width:600px;margin:0 auto;box-shadow:0 0 30px #0000001a;position:relative;overflow-x:hidden}.game-header{background:#fff;border-bottom:4px solid var(--dark-charcoal);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.profile{display:flex;align-items:center;gap:12px}.avatar{font-size:32px;background:var(--primary-yellow);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--dark-charcoal);box-shadow:0 4px 0 var(--dark-charcoal)}.name-tag{font-weight:800;font-size:16px;display:flex;align-items:center;gap:6px}.level-badge{background:var(--primary-pink);color:#fff;padding:2px 8px;border-radius:999px;font-size:12px;border:2px solid var(--dark-charcoal)}.xp-bar-container{width:120px;height:14px;background:#e0e0e0;border-radius:999px;border:2px solid var(--dark-charcoal);position:relative;overflow:hidden;margin-top:4px}.xp-bar{height:100%;background:var(--primary-teal);transition:width .4s ease}.xp-text{position:absolute;font-size:9px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dark-charcoal)}.resources{display:flex;gap:10px}.resource-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:800;border:3px solid var(--dark-charcoal);box-shadow:0 4px 0 var(--dark-charcoal)}.resource-pill.gold{background:var(--primary-yellow)}.resource-pill.ink{background:#a29bfe;color:#fff}.game-main{flex:1;padding:15px 15px 90px;overflow-y:auto}.adventure-stage{background:#fff;border:4px solid var(--dark-charcoal);border-radius:24px;overflow:hidden;box-shadow:0 8px 0 var(--dark-charcoal);margin-bottom:20px}.stage-banner{background:var(--primary-blue);color:#fff;padding:10px 15px;font-weight:800;border-bottom:4px solid var(--dark-charcoal);display:flex;justify-content:space-between;align-items:center}.stage-progress-bar{width:100px;height:12px;background:#fff6;border-radius:999px;border:2px solid var(--dark-charcoal);overflow:hidden}.stage-progress-bar .progress{height:100%;background:var(--primary-yellow);transition:width .3s ease}.scrolling-sky{height:180px;background:linear-gradient(180deg,#dff9fb,#c7ecee);position:relative;overflow:hidden}.cloud{position:absolute;font-size:24px;opacity:.6}.cloud-1{top:20px;animation:floatCloud 15s linear infinite}.cloud-2{top:60px;animation:floatCloud 25s linear infinite reverse}@keyframes floatCloud{0%{left:-50px}to{left:100%}}.flag{position:absolute;right:20px;bottom:25px;font-size:28px}.hero-character{position:absolute;left:60px;bottom:25px;z-index:2;transition:bottom .5s cubic-bezier(.175,.885,.32,1.275)}.hero-character.jump{bottom:90px}.artist-avatar{font-size:40px;position:relative;animation:characterBob 1s ease-in-out infinite alternate}.brush-hand{position:absolute;right:-10px;bottom:5px;font-size:20px;transform-origin:bottom left;animation:waveBrush 1.5s ease-in-out infinite alternate}@keyframes characterBob{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes waveBrush{0%{transform:rotate(0)}to{transform:rotate(20deg)}}.hero-shadow{width:30px;height:6px;background:#00000026;border-radius:50%;margin:4px auto 0}.obstacle-node{position:absolute;right:120px;bottom:25px;display:flex;flex-direction:column;align-items:center;animation:obstacleEntrance .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes obstacleEntrance{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.obstacle-bubble{background:#fff;border:3px solid var(--dark-charcoal);border-radius:12px;padding:6px 10px;font-size:11px;font-weight:800;position:relative;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px #0000001a}.obstacle-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:white transparent;display:block;width:0}.obstacle-bubble:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-width:9px 9px 0;border-style:solid;border-color:var(--dark-charcoal) transparent;display:block;width:0;z-index:-1}.target-key-hint{color:#fff;padding:2px 8px;border-radius:6px;font-size:14px;border:2px solid var(--dark-charcoal);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.obstacle-monster{font-size:36px;animation:monsterShake .5s ease-in-out infinite alternate}@keyframes monsterShake{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.05)}}.adventure-logs{background:#f8f9fa;padding:10px 15px;font-size:13px;max-height:100px;overflow-y:auto;border-top:4px solid var(--dark-charcoal)}.log-item{color:#7f8c8d;margin-bottom:4px}.log-item.active{color:var(--dark-charcoal);font-weight:700}.piano-container{background:#fff;border:4px solid var(--dark-charcoal);border-radius:24px;padding:15px;box-shadow:0 8px 0 var(--dark-charcoal)}.piano-title{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:12px;font-size:14px;color:#7f8c8d}.piano-keyboard{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.piano-key{flex:1;min-width:50px;height:120px;background:#fff;border:3px solid var(--dark-charcoal);border-radius:12px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:12px;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 6px 0 var(--dark-charcoal)}.piano-key:active{transform:translateY(4px);box-shadow:0 2px 0 var(--dark-charcoal)}.key-cap{position:absolute;top:0;left:0;right:0;height:25px;border-radius:8px 8px 0 0;border-bottom:3px solid var(--dark-charcoal)}.key-name{font-weight:800;font-size:16px}.key-syllable{font-size:11px;color:#7f8c8d}.pulse-target{animation:pulseBorder 1s infinite alternate}@keyframes pulseBorder{0%{transform:scale(1);box-shadow:0 6px 0 var(--dark-charcoal)}to{transform:scale(1.05);box-shadow:0 6px 12px var(--primary-pink)}}.target-star{position:absolute;top:-10px;font-size:16px;animation:spinStar 2s linear infinite}@keyframes spinStar{to{transform:rotate(360deg)}}.canvas-tab{display:flex;flex-direction:column;gap:15px}.canvas-header h3,.shop-header h3,.quests-header h3{font-size:22px;font-weight:800;margin-bottom:4px}.canvas-header p,.shop-header p,.quests-header p{font-size:14px;color:#7f8c8d}.canvas-workspace{display:flex;flex-direction:column;gap:12px}.canvas-tools{background:#fff;border:4px solid var(--dark-charcoal);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 0 var(--dark-charcoal)}.tool-section h4{font-size:13px;font-weight:800;margin-bottom:8px;color:#7f8c8d}.sticker-selector{display:flex;gap:8px;flex-wrap:wrap}.sticker-btn{width:44px;height:44px;background:#f1f2f6;border:3px solid var(--dark-charcoal);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:20px;transition:transform .1s}.sticker-btn.active{background:var(--primary-yellow);transform:scale(1.1)}.sticker-btn.locked{opacity:.5;cursor:not-allowed}.lock-icon{position:absolute;font-size:10px;bottom:-2px;right:-2px}.color-selector{display:flex;gap:8px}.color-btn{width:32px;height:32px;border-radius:50%;border:3px solid var(--dark-charcoal);cursor:pointer;transition:transform .1s}.color-btn.active{transform:scale(1.2);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dark-charcoal)}.clear-btn{background:#ff7675;color:#fff;border:3px solid var(--dark-charcoal);border-radius:12px;padding:8px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 0 var(--dark-charcoal)}.clear-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--dark-charcoal)}.interactive-canvas{height:300px;background:#fff;border:4px solid var(--dark-charcoal);border-radius:24px;position:relative;overflow:hidden;cursor:crosshair;box-shadow:0 8px 0 var(--dark-charcoal)}.canvas-background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#DFE4EA 1.5px,transparent 1.5px);background-size:20px 20px;opacity:.5}.placed-sticker{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d;text-align:center;padding:20px;pointer-events:none}.bounce-slow{animation:characterBob 2s infinite alternate}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}.shop-card{background:#fff;border:4px solid var(--dark-charcoal);border-radius:20px;overflow:hidden;box-shadow:0 6px 0 var(--dark-charcoal);display:flex;flex-direction:column}.card-preview{height:100px;background:#f1f2f6;display:flex;align-items:center;justify-content:center;border-bottom:4px solid var(--dark-charcoal)}.preview-emoji{font-size:48px}.preview-color{width:50px;height:50px;border-radius:50%;border:3px solid var(--dark-charcoal)}.card-info{padding:12px;display:flex;flex-direction:column;gap:6px}.card-info h4{font-weight:800;font-size:15px}.card-info p{font-size:12px;color:#7f8c8d}.buy-button{background:var(--primary-yellow);border:3px solid var(--dark-charcoal);border-radius:10px;padding:6px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 3px 0 var(--dark-charcoal)}.buy-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--dark-charcoal)}.status-tag{text-align:center;padding:4px;font-size:12px;font-weight:800;border-radius:8px}.status-tag.owned{background:#dfe4ea;color:#7f8c8d}.quests-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.quest-card{background:#fff;border:4px solid var(--dark-charcoal);border-radius:20px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 0 var(--dark-charcoal)}.quest-icon{font-size:24px}.quest-details{flex:1}.quest-details h4{font-weight:800;font-size:14px;margin-bottom:6px}.quest-progress{display:flex;align-items:center;gap:8px}.quest-progress-bar{flex:1;height:10px;background:#f1f2f6;border-radius:999px;border:2px solid var(--dark-charcoal);overflow:hidden}.quest-progress-bar .fill{height:100%;background:var(--primary-teal)}.progress-text{font-size:11px;font-weight:800}.claim-btn{background:var(--primary-pink);color:#fff;border:3px solid var(--dark-charcoal);border-radius:10px;padding:6px 10px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--dark-charcoal)}.claim-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--dark-charcoal)}.claimed-text{color:#7f8c8d;font-size:12px;font-weight:800}.game-nav{position:absolute;bottom:0;left:0;right:0;height:75px;background:#fff;border-top:4px solid var(--dark-charcoal);display:flex;justify-content:space-around;align-items:center;z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#7f8c8d;font-weight:800;font-size:12px;transition:color .2s,transform .2s}.nav-item.active{color:var(--primary-pink);transform:scale(1.1)}