*{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 .12s linear,left .12s linear;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}details.debug-section summary{font-weight:700;font-size:1.05rem;cursor:pointer}details.debug-section[open] summary{margin-bottom:12px}.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}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#8a7a60;width:100%;max-width:360px;text-align:left}.field input,.field select,.field textarea{padding:10px;border:2px solid #e8d5a8;border-radius:10px;font-size:1rem;background:#fff;font-family:inherit}.primary-btn{padding:12px 18px;border:none;border-radius:12px;background:#f2a65a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.5;cursor:default}.primary-btn.danger{background:#e26d5c}.primary-btn.glow{animation:pulse 1.2s ease-in-out infinite}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.onboarding-block,.onboarding-form{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.admin-screen{justify-content:flex-start;gap:20px}.admin-section{width:100%;padding:16px;background:#fff8e7;border:2px solid #e8d5a8;border-radius:16px;text-align:left}.admin-section h2{margin:0 0 12px;font-size:1.05rem}.invite-list{list-style:none;padding:0;margin:0 0 10px}.invite-list li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:.9rem}.stats-form{display:flex;flex-direction:column;gap:12px}.baby-composer{display:flex;gap:16px;align-items:center}.baby-composer select{padding:8px;border:2px solid #e8d5a8;border-radius:10px}.baby-preview{background:repeating-conic-gradient(#f3ead3 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;border-radius:10px;padding:8px}.calendar-header{display:flex;gap:16px;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,36px);gap:4px}.calendar-daylabel{text-align:center;font-size:.75rem;color:#8a7a60}.calendar-day{height:34px;border:2px solid #e8d5a8;border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem}.calendar-day.terme{border-color:#8a7a60;border-style:dashed}.calendar-day.selected{background:#f2a65a;color:#fff;border-color:#f2a65a}.reveil-dial{width:120px;height:120px;border-radius:50%;border:4px solid #e8d5a8;background:#fff;font-size:56px;cursor:pointer;transition:transform .15s}.reveil-dial:active{transform:rotate(25deg) scale(.95)}.bottom-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.pronostics-list{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center}.pronostics-values{width:100%;max-width:360px;text-align:left;margin:0}.pronostics-values dt{font-size:.8rem;color:#8a7a60;margin-top:10px}.pronostics-values dd{margin:2px 0 0;font-weight:600}.pronostics-values small{font-weight:400;color:#8a7a60}.game-btn.small{padding:8px 14px;font-size:.9rem}.reveal-screen{justify-content:flex-start;gap:12px}.reveal-alert{gap:24px}.reveal-caption{margin:0;min-height:1.4em;font-style:italic;color:#8a7a60}.reveal-actions{min-height:52px;display:flex;align-items:center}.crowd-tama{position:absolute;display:flex;flex-direction:column;align-items:center}.name-chip{font-size:7px;background:#ffffffd9;border-radius:4px;padding:0 3px;margin-top:1px;white-space:nowrap}.name-chip.mine{background:#f2a65a;color:#fff}.name-chip.baby{background:#ffd6e7}.baby-appear{animation:baby-pop .8s cubic-bezier(.34,1.56,.64,1)}@keyframes baby-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.birthday-guy{position:absolute;image-rendering:pixelated;width:96px;height:64px}.podium-panel{position:absolute;inset:0;background:#fdf3d8f2;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;overflow:auto;padding:12px}.podium-garland{width:60%;image-rendering:pixelated;object-fit:cover;object-position:top;height:48px}.podium-steps{display:flex;align-items:flex-end;gap:8px}.podium-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:110px}.podium-winner{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:120px;justify-content:flex-end;opacity:0}.podium-winner.shown{opacity:1;animation:baby-pop .6s cubic-bezier(.34,1.56,.64,1)}.podium-winner .name-chip{font-size:11px}.trophy{width:32px;height:32px;image-rendering:pixelated}.podium-step{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border:3px solid #e8d5a8;border-bottom:none}.podium-step.step-1{background:#f2c14e}.podium-step.step-2{background:#b8c0c8}.podium-step.step-3{background:#c98d5a}.real-values{background:#fff;border:2px solid #e8d5a8;border-radius:12px;padding:10px 16px;animation:baby-pop .5s ease-out}.real-values h3{margin:0 0 6px;font-size:.95rem}.real-row{display:flex;gap:8px;align-items:baseline}.real-row dt{margin:0;font-size:.8rem;color:#8a7a60;min-width:130px}.real-row dd{margin:0;font-weight:600}.ranking-list{width:100%;max-width:420px}.ranking-list ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ranking-list li{display:flex;gap:10px;align-items:center;background:#fff8e7;border:2px solid #e8d5a8;border-radius:12px;padding:8px 12px}.ranking-list li.mine{border-color:#f2a65a}.ranking-list .rank{font-weight:700;min-width:24px}.ranking-list .who{flex:1;text-align:left}.gallery-screen{justify-content:flex-start}.gallery-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.gallery-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#fff8e7;border:2px solid #e8d5a8;border-radius:14px;cursor:pointer}.gallery-card.mine{border-color:#f2a65a}.gallery-detail{width:100%;overflow-x:auto}
