:root{--bg: #fdf3d8;--bg-deep: #f9ecc9;--surface: #fffaf0;--surface-2: #fff4dd;--border: #eddcb4;--border-strong: #e3cfa0;--text: #4a3b2a;--muted: #9c8a6e;--accent: #f2a65a;--accent-strong: #e08b3c;--accent-soft: #fde4c6;--pink: #ffd6e7;--green: #3f9d6f;--orange: #e67e22;--red: #e26d5c;--radius-s: 12px;--radius-m: 16px;--radius-l: 24px;--shadow-s: 0 1px 2px rgba(92, 70, 38, .07), 0 2px 8px rgba(92, 70, 38, .06);--shadow-m: 0 2px 4px rgba(92, 70, 38, .08), 0 10px 28px rgba(92, 70, 38, .12)}*{box-sizing:border-box}html{height:100%}body{margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#fdf6e2 0%,var(--bg) 30%,var(--bg-deep) 100%) fixed;color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0}h2{font-size:1.02rem;font-weight:700}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,white);outline-offset:2px;border-radius:6px}button{font-family:inherit;color:inherit}.screen{min-height:100dvh;max-width:440px;margin:0 auto;padding:20px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;text-align:center}.tama-screen,.admin-screen,.reveal-screen,.gallery-screen{justify-content:flex-start;gap:12px}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.app-brand{display:flex;align-items:center;gap:10px}.app-brand img{image-rendering:pixelated;filter:drop-shadow(0 1px 1px rgba(92,70,38,.2))}.hint{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0;text-wrap:balance}.error{color:var(--red);font-size:.88rem;background:color-mix(in srgb,var(--red) 9%,var(--surface));border:1.5px solid color-mix(in srgb,var(--red) 30%,var(--surface));border-radius:var(--radius-s);padding:10px 14px}.link-btn{background:none;border:none;padding:6px 4px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.85rem}.link-btn:hover{color:var(--text)}.primary-btn{padding:13px 26px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-s),inset 0 1px #ffffff59;transition:transform .08s,filter .15s}.primary-btn:not(:disabled):hover{filter:brightness(1.04)}.primary-btn:not(:disabled):active{transform:translateY(1px) scale(.98)}.primary-btn:disabled{opacity:.45;cursor:default}.primary-btn.danger{background:linear-gradient(180deg,var(--red) 0%,#d05a49 100%)}.primary-btn.glow{animation:pulse 1.4s ease-in-out infinite}.bottom-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:4px}.bottom-nav a,.bottom-nav button{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--border);border-radius:999px;padding:9px 15px;font-size:.85rem;font-weight:600;color:var(--text);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-s);transition:transform .08s,border-color .15s}.bottom-nav a:active,.bottom-nav button:active{transform:scale(.96)}.bottom-nav a:hover,.bottom-nav button:hover{border-color:var(--accent)}.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:3.4rem;font-weight:800;margin:0;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(255,255,255,.6)}.stat-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stat-pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:2px solid var(--border);border-radius:999px;padding:7px 15px;font-size:.88rem;color:var(--muted);box-shadow:var(--shadow-s)}.stat-pill strong{color:var(--text);font-variant-numeric:tabular-nums}.tuto-banner{width:100%;margin:0;padding:11px 15px;background:var(--accent-soft);border:2px solid color-mix(in srgb,var(--accent) 45%,var(--accent-soft));border-radius:var(--radius-m);font-size:.9rem;line-height:1.45;text-align:left;box-shadow:var(--shadow-s)}.tuto-banner.evolved{text-align:center;font-weight:700;background:color-mix(in srgb,var(--green) 12%,var(--surface));border-color:color-mix(in srgb,var(--green) 40%,var(--surface));animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}.tuto-step{font-weight:800;color:var(--accent-strong)}@keyframes pulse{0%,to{box-shadow:0 0 #f2a65aa6}50%{box-shadow:0 0 0 9px #f2a65a00}}.stage-wrap{position:relative;width:100%}.stage{width:100%;aspect-ratio:1;overflow:hidden;position:relative;border:3px solid var(--border-strong);border-radius:var(--radius-l);background:var(--surface-2);box-shadow:var(--shadow-m),inset 0 0 0 2px #ffffff59}.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:800;font-size:1.2rem;animation:float-up 1s ease-out forwards;text-shadow:0 1px 0 #fff}.feedback-chip.gain{color:var(--green)}.feedback-chip.loss{color:var(--orange)}@keyframes float-up{0%{opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(-28px)}}.activity-dock{display:flex;justify-content:center;gap:6px;width:100%;padding:10px 8px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-s);overflow-x:auto;scrollbar-width:none}.activity-dock::-webkit-scrollbar{display:none}.dock-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:2px 4px;cursor:pointer;min-width:62px;flex-shrink:0}.dock-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#fffdf7 0%,var(--surface-2) 100%);border:2.5px solid var(--border);display:grid;place-items:center;font-size:24px;box-shadow:var(--shadow-s),inset 0 1px #fffc;transition:transform .08s,border-color .15s}.dock-btn:not(:disabled):hover .dock-icon{border-color:var(--accent)}.dock-btn:not(:disabled):active .dock-icon{transform:scale(.88)}.dock-btn:disabled{opacity:.38;cursor:default}.dock-label{font-size:11px;font-weight:700}.dock-badge{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.dock-btn.tuto-target .dock-icon{border-color:var(--accent);animation:pulse 1.4s ease-in-out infinite}.dock-btn.tuto-target .dock-label{color:var(--accent-strong)}.memori-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 82%,white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-l);display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;z-index:3;padding:16px;overflow-y:auto}.memori-title{font-weight:800;font-size:1.02rem;margin:0}.memori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memori-card{width:84px;height:60px;border:2.5px solid var(--border);border-radius:var(--radius-s);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-s);transition:transform .15s,background .15s}.memori-card.up{background:var(--surface)}.memori-card.matched{border-color:var(--green);transform:scale(.95)}.memori-back{font-size:1.5rem;font-weight:800;color:#ffffffe6}.calendar-header{display:flex;gap:14px;align-items:center}.calendar-header strong{min-width:140px;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(30px,36px));gap:4px}.calendar-daylabel{text-align:center;font-size:.72rem;font-weight:700;color:var(--muted)}.calendar-day{height:33px;border:2px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;font-size:.83rem;font-weight:600;transition:transform .08s}.calendar-day:active{transform:scale(.9)}.calendar-day.terme{border-color:var(--muted);border-style:dashed}.calendar-day.selected{background:var(--accent);color:#fff;border-color:var(--accent-strong)}.reveil-dial{width:116px;height:116px;border-radius:50%;border:4px solid var(--border-strong);background:linear-gradient(180deg,#fffdf7,var(--surface-2));font-size:54px;cursor:pointer;box-shadow:var(--shadow-m);transition:transform .15s}.reveil-dial:active{transform:rotate(25deg) scale(.94)}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted);width:100%;max-width:360px;text-align:left}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text);padding:11px 13px;border:2px solid var(--border);border-radius:var(--radius-s);background:var(--surface);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent)}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.login-form button{padding:13px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-s)}.setup-steps{text-align:left;line-height:1.7}.onboarding-block,.onboarding-form{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.admin-section{width:100%;padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);text-align:left;box-shadow:var(--shadow-s)}.admin-section h2{margin:0 0 12px}.admin-section.danger-zone{border-color:color-mix(in srgb,var(--red) 35%,var(--border));background:color-mix(in srgb,var(--red) 4%,var(--surface))}.admin-section.danger-zone h2{color:var(--red)}.invite-list{list-style:none;padding:0;margin:0 0 10px}.invite-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;border-bottom:1px dashed var(--border)}.invite-list li:last-child{border-bottom:none}.stats-form{display:flex;flex-direction:column;gap:12px}.baby-composer{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.baby-preview{background:repeating-conic-gradient(#f6eedb 0% 25%,#fffdf7 0% 50%) 0 0 / 16px 16px;border:2px solid var(--border);border-radius:var(--radius-s);padding:8px}.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;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);padding:14px 16px;box-shadow:var(--shadow-s)}.pronostics-values dt{font-size:.78rem;font-weight:700;color:var(--muted);margin-top:10px}.pronostics-values dt:first-child{margin-top:0}.pronostics-values dd{margin:2px 0 0;font-weight:700}.pronostics-values small{font-weight:500;color:var(--muted)}.game-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:.92rem;font-weight:600;border:2px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;transition:transform .06s,border-color .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-s)}.game-btn.tuto-highlight{border-color:var(--accent);background:var(--accent-soft)}.game-btn:disabled{opacity:.45;cursor:default}.game-btn:not(:disabled):active{transform:scale(.94)}.sandbox-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:8px 16px;background:var(--text);color:var(--bg);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:var(--bg)}.reveal-alert{gap:24px}.reveal-caption{margin:0;min-height:1.5em;font-style:italic;color:var(--muted);text-wrap:balance}.reveal-actions{min-height:54px;display:flex;align-items:center}.crowd-tama{position:absolute;display:flex;flex-direction:column;align-items:center}.name-chip{font-size:7px;font-weight:700;background:#ffffffe0;border-radius:4px;padding:0 3px;margin-top:1px;white-space:nowrap}.name-chip.mine{background:var(--accent);color:#fff}.name-chip.baby{background:var(--pink)}.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:color-mix(in srgb,var(--bg) 88%,white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-l);display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:12px;z-index:10;overflow-y:auto;padding:14px}.podium-garland{width:60%;image-rendering:pixelated;object-fit:cover;object-position:top;height:44px}.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:104px}.podium-winner{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:118px;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:10px 10px 0 0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;border:3px solid var(--border-strong);border-bottom:none;text-shadow:0 1px 2px rgba(0,0,0,.15)}.podium-step.step-1{background:linear-gradient(180deg,#f7cd62,#edb83a)}.podium-step.step-2{background:linear-gradient(180deg,#c4ccd4,#a9b3bd)}.podium-step.step-3{background:linear-gradient(180deg,#d69a68,#c1824e)}.real-values{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);padding:12px 16px;animation:baby-pop .5s ease-out;box-shadow:var(--shadow-s)}.real-values h3{margin:0 0 6px;font-size:.95rem}.real-values .pronostics-values{border:none;padding:0;box-shadow:none;background:none}.real-row{display:flex;gap:8px;align-items:baseline}.real-row dt{margin:0;font-size:.78rem;font-weight:700;color:var(--muted);min-width:130px}.real-row dd{margin:0;font-weight:700}.ranking-list{width:100%;max-width:420px}.ranking-list ol{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:7px}.ranking-list li{display:flex;gap:10px;align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);padding:9px 14px;box-shadow:var(--shadow-s)}.ranking-list li.mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.ranking-list .rank{font-weight:800;min-width:26px;color:var(--accent-strong)}.ranking-list .who{flex:1;text-align:left}.ranking-list details{text-align:left}.ranking-list summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--muted)}.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:12px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);cursor:pointer;box-shadow:var(--shadow-s);transition:transform .08s,border-color .15s}.gallery-card:hover{border-color:var(--accent)}.gallery-card:active{transform:scale(.96)}.gallery-card.mine{border-color:var(--accent)}.gallery-card small{color:var(--muted)}.gallery-detail{width:100%;overflow-x:auto;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);padding:12px;box-shadow:var(--shadow-s)}.debug-page{max-width:1100px;margin:0 auto;padding:24px}.debug-section{margin:24px 0;padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-s)}.debug-section h2{margin-top:0}details.debug-section summary{font-weight:700;font-size:1.02rem;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 var(--border);border-radius:8px;cursor:pointer;background:repeating-conic-gradient(#f6eedb 0% 25%,#fff 0% 50%) 0 0 / 16px 16px}.frame-cell.selected{border-color:var(--accent);outline:2px solid var(--accent)}.frame-index{font-size:.75rem;color:var(--muted);background:var(--surface-2);padding:0 4px;border-radius:4px}.bg-grid{display:flex;gap:12px;flex-wrap:wrap}.bg-grid figure{margin:0;text-align:center}.bg-grid img{width:200px;height:200px;image-rendering:pixelated;border-radius:8px;border:2px solid var(--border)}.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(#f6eedb 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;border-radius:8px}.raw-assets figcaption,.bg-grid figcaption{font-size:.8rem;color:var(--muted)}.composer,.anim-bench{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.composer-preview{background:repeating-conic-gradient(#f6eedb 0% 25%,#fff 0% 50%) 0 0 / 32px 32px;border:2px solid var(--border);border-radius:var(--radius-s);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:var(--muted)}.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 var(--border);border-radius:var(--radius-s);background:#fff;cursor:pointer}.interpretation-table{border-collapse:collapse;font-size:.9rem;margin-bottom:12px}.interpretation-table td,.interpretation-table th{border:1px solid var(--border);padding:6px 10px;text-align:left}