*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;background:#fdf3d8;color:#4a3b2a}.screen{min-height:100vh;max-width:480px;margin:0 auto;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.tama-screen{justify-content:flex-start;gap:12px}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between}h1{font-size:1.4rem;margin:0}.hint{color:#8a7a60;font-size:.9rem;margin:0}.error{color:#c0392b;font-size:.9rem}.link-btn{background:none;border:none;color:#8a7a60;text-decoration:underline;cursor:pointer;font-size:.85rem}.egg-sprite.wobble{animation:wobble 1.4s ease-in-out infinite}.egg-sprite.shake{animation:shake .35s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes shake{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}.countdown{font-size:3rem;font-weight:700;margin:0;font-variant-numeric:tabular-nums}.stats-bar{width:100%;display:flex;justify-content:space-around;gap:12px;font-size:.9rem;color:#8a7a60}.stats-bar strong{color:#4a3b2a}.tuto-banner{width:100%;margin:0;padding:10px 14px;background:#fff8e7;border:2px solid #f2a65a;border-radius:12px;font-size:.9rem;text-align:left}.tuto-banner.evolved{text-align:center;font-weight:700;border-color:#27ae60;animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}.tuto-step{font-weight:700;color:#f2a65a}.tuto-highlight{border-color:#f2a65a!important;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f2a65ab3}50%{box-shadow:0 0 0 8px #f2a65a00}}.stage-wrap{position:relative;width:100%}.stage{width:100%;aspect-ratio:1;overflow:hidden;position:relative;border:3px solid #e8d5a8;border-radius:24px;background:#fff8e7}.scene{position:absolute;top:0;left:0;width:512px;height:512px;transform-origin:0 0}.scene-bg{position:absolute;top:0;left:0;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.tama-holder{position:absolute;transition:top .15s ease-out;touch-action:none}.tama-holder.hanging{cursor:pointer}.pullup-crossbar{position:absolute;height:4px;background:#303b6b;border-radius:2px}.burger{position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.feedback-zone{position:absolute;inset:8px 0 auto;height:48px;pointer-events:none;z-index:2;display:flex;justify-content:center}.feedback-chip{position:absolute;top:0;font-weight:700;font-size:1.2rem;animation:float-up 1s ease-out forwards;text-shadow:0 1px 0 #fff}.feedback-chip.gain{color:#27ae60}.feedback-chip.loss{color:#e67e22}@keyframes float-up{0%{opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(-28px)}}.activity-bar{display:flex;gap:12px;justify-content:center;width:100%}.game-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;font-size:.95rem;border:3px solid #e8d5a8;border-radius:16px;background:#fff8e7;cursor:pointer;transition:transform .06s;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:#4a3b2a}.game-btn:disabled{opacity:.45;cursor:default}.game-btn:not(:disabled):active{transform:scale(.94)}.game-emoji{font-size:1.3rem}.game-btn small{color:#8a7a60}.memori-overlay{position:absolute;inset:0;background:#fdf3d8f0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:3}.memori-title{font-weight:700;margin:0}.memori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memori-card{width:88px;height:64px;border:3px solid #e8d5a8;border-radius:12px;background:#f2a65a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.memori-card.up{background:#fff8e7}.memori-card.matched{border-color:#27ae60;transform:scale(.96)}.memori-back{font-size:1.6rem;font-weight:700;color:#fff8e7}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.login-form input,.composer-controls input,.composer-controls select,.sandbox-banner select{padding:10px;border:2px solid #e8d5a8;border-radius:10px;font-size:1rem;background:#fff}.login-form button{padding:12px;border:none;border-radius:10px;background:#f2a65a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.setup-steps{text-align:left;line-height:1.7}.sandbox-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:8px 16px;background:#4a3b2a;color:#fdf3d8;font-size:.85rem}.sandbox-banner label{display:flex;align-items:center;gap:6px}.sandbox-banner select{padding:4px 8px;font-size:.85rem}.sandbox-banner .link-btn{color:#fdf3d8}.debug-page{max-width:1100px;margin:0 auto;padding:24px}.debug-section{margin:24px 0;padding:16px;background:#fff8e7;border:2px solid #e8d5a8;border-radius:12px}.debug-section h2{margin-top:0;font-size:1.05rem}.frame-grid{display:flex;flex-wrap:wrap;gap:8px}.frame-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border:2px solid #e8d5a8;border-radius:8px;cursor:pointer;background:repeating-conic-gradient(#f3ead3 0% 25%,#fff 0% 50%) 0 0 / 16px 16px}.frame-cell.selected{border-color:#f2a65a;outline:2px solid #f2a65a}.frame-index{font-size:.75rem;color:#8a7a60;background:#fff8e7;padding:0 4px;border-radius:4px}.bg-grid{display:flex;gap:12px;flex-wrap:wrap}.raw-assets{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.raw-assets figure{margin:0;text-align:center}.raw-assets img{image-rendering:pixelated;height:96px;width:auto;background:repeating-conic-gradient(#f3ead3 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;border-radius:8px}.raw-assets figcaption,.bg-grid figcaption{font-size:.8rem;color:#8a7a60}.bg-grid figure{margin:0;text-align:center}.bg-grid img{width:200px;height:200px;image-rendering:pixelated;border-radius:8px;border:2px solid #e8d5a8}.composer,.anim-bench{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.composer-preview{background:repeating-conic-gradient(#f3ead3 0% 25%,#fff 0% 50%) 0 0 / 32px 32px;border:2px solid #e8d5a8;border-radius:12px;padding:16px}.composer-controls{display:flex;flex-direction:column;gap:10px;min-width:280px;max-width:420px}.composer-controls label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#8a7a60}.anchor-pair{display:flex;gap:8px}.anchor-pair input{width:80px}.anchor-json{font-size:.75rem;background:#fff;padding:8px;border-radius:8px;overflow-x:auto}.composer-controls button{padding:10px;border:2px solid #e8d5a8;border-radius:10px;background:#fff;cursor:pointer}.interpretation-table{border-collapse:collapse;font-size:.9rem;margin-bottom:12px}.interpretation-table td,.interpretation-table th{border:1px solid #e8d5a8;padding:6px 10px;text-align:left}
