#game{max-width:1160px;margin:0 auto;padding:0 0 2.5rem;min-height:calc(100vh - 62px)}#hud{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid var(--border);margin-bottom:.8rem}.brand{color:var(--text);font-weight:700;letter-spacing:1.5px;font-size:14px;white-space:nowrap}.brand span{color:var(--accent)}#hud-metrics{display:flex;gap:.9rem;align-items:center}.metric{font-size:13px;color:var(--muted)}.metric b{color:var(--text)}#combo-badge{background:#fff1e6;border:1.5px solid var(--accent);color:var(--accent-dark);font-weight:700;font-size:12px;padding:.25rem .7rem;border-radius:999px;animation:combopulse .9s infinite alternate;white-space:nowrap}#combo-badge.hidden{display:none}@keyframes combopulse{0%{transform:scale(1)}to{transform:scale(1.07)}}#hud-right{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.hudbtn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:.4rem .85rem;font-size:12px;letter-spacing:.3px;cursor:pointer;font-family:inherit;border-radius:8px}.hudbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.hudbtn:disabled{opacity:.45;cursor:not-allowed}.hudbtn.danger{color:#b91c1c}.hudbtn.chip{background:#fffbeb;border-color:var(--gold);color:#92400e;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{display:flex;gap:1rem;align-items:stretch}#play-area{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}#game-cv{width:100%;aspect-ratio:480 / 400;background:var(--bg);border:1px solid var(--border);border-radius:16px;display:block;touch-action:none;cursor:crosshair}#step-bar{display:flex;gap:6px;margin:.6rem 0 0;flex-wrap:wrap}.step-chip{flex:1;min-width:84px;display:flex;align-items:center;justify-content:center;gap:4px;padding:.45rem .4rem;background:var(--card);border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--muted);cursor:default}.step-chip .sc-icon{font-size:14px}.step-chip.current{border-color:var(--accent);background:#fff1e6;color:var(--accent-dark);box-shadow:0 0 0 1px var(--accent) inset}.step-chip.done{border-color:#86efac;color:#15803d;background:#f0fdf4}.step-chip.done:after{content:"✓"}.step-chip.skip{opacity:.35}#client-card{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.6rem;background:#ffffffeb;border:1px solid var(--border);border-radius:12px;padding:.4rem .7rem;z-index:10;max-width:calc(100% - 24px)}#client-emoji{font-size:24px}.cc-text div:first-child{font-weight:700;font-size:14px}#client-rarity{font-size:11px}#client-personality{font-size:11px;color:var(--muted)}#client-trust{font-size:11px;letter-spacing:.5px}#anxiety-wrap{position:absolute;bottom:44px;left:50%;transform:translate(-50%);width:78%;display:flex;align-items:center;gap:8px;background:#ffffffeb;border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;z-index:10}.a-label{font-size:13px}#anxiety-bar{flex:1;height:12px;background:#0000000f;border-radius:999px;overflow:hidden}#anxiety-fill{height:100%;width:0%;border-radius:999px;transition:width .15s linear}#anxiety-pct{font-size:11px;color:var(--muted);min-width:30px;text-align:right}.hudbtn.pat{border-color:var(--pink);color:#be123c;font-weight:700}#step-progress{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:78%;height:22px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;z-index:10}#step-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--water),#22d3ee);border-radius:999px;transition:width .15s linear}#step-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:0 1px 0 #fff}#style-panel{position:absolute;inset:0;background:#fff7edc7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;z-index:20}#style-panel.hidden{display:none}#style-request{font-size:18px;font-weight:700;text-align:center}#style-request small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}#done-overlay{position:absolute;inset:0;background:#fff7edd1;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;z-index:30}#done-overlay.hidden{display:none}#new-breed-badge,#daily-bonus-badge{background:var(--gold);color:#fff;padding:.4rem 1rem;border-radius:999px;font-weight:700;font-size:13px}#new-breed-badge.hidden,#daily-bonus-badge.hidden{display:none}#stars{font-size:38px;color:var(--gold);letter-spacing:4px}#stars.pop{animation:starpop .5s ease-out}@keyframes starpop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.earn-row{display:flex;gap:1.2rem;font-size:18px;font-weight:700}#earn{color:#15803d}#tip{color:var(--pink);font-size:14px;font-weight:600}#rating-details{font-size:12px;color:var(--muted);text-align:left;min-width:260px;max-height:130px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:.4rem .8rem;background:#fffc;border-radius:10px}.rd-row{display:flex;justify-content:space-between;gap:1rem}.rd-row.base{color:var(--text)}.rd-row.pos b{color:#15803d}.rd-row.neg b{color:#b91c1c}#escape-warn,#client-card,#anxiety-wrap,#step-progress,#step-bar,#style-panel{pointer-events:none}#pat-btn,#apply-style-btn,#next-btn,#guide-skip{pointer-events:auto}#toolbar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:.6rem}.group-title{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:.2rem}#step-goal{background:#fff1e6;border:1px solid var(--accent);border-radius:10px;padding:.5rem .7rem;font-size:12.5px;font-weight:600;color:var(--accent-dark);line-height:1.45}#escape-warn{position:absolute;top:56px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;font-weight:700;font-size:13px;padding:.45rem 1rem;border-radius:999px;z-index:15;animation:eswarn .8s infinite alternate;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}#escape-warn.hidden{display:none}@keyframes eswarn{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.04)}}#guide-bubble{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(420px,90%);background:#fffffff7;border:2px solid var(--accent);border-radius:14px;padding:.8rem 1rem .7rem;box-shadow:0 10px 30px #43140740;z-index:40;display:flex;align-items:flex-start;gap:.6rem;pointer-events:none}#guide-bubble.hidden{display:none}#guide-text{flex:1;font-size:13.5px;line-height:1.5}#guide-text b{color:var(--accent-dark)}#guide-skip{flex-shrink:0;pointer-events:auto}#tool-bar,.tool-row{display:flex;flex-direction:column;gap:6px}.tool-row.two{flex-direction:row}.tool-btn{display:flex;align-items:center;gap:.6rem;background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:.5rem .7rem;cursor:pointer;font-family:inherit;text-align:left;color:var(--text);font-size:13px}.tool-row.two .tool-btn{flex:1}.tool-btn:hover{border-color:var(--accent)}.tool-btn.active{border-color:var(--accent);background:#fff1e6;box-shadow:0 0 0 1px var(--accent) inset}.tool-btn.big-active{border-color:var(--accent);background:#fff1e6;font-weight:700;cursor:default}.t-icon{font-size:18px}.t-name{font-weight:600}.tool-hint{font-size:12px;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:10px;padding:.45rem .7rem}.tool-hint b{color:var(--accent-dark)}.pipeline-note{font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;line-height:1.6}.pipeline-note small{display:block;color:var(--muted);font-size:11px}.trim-note{color:var(--accent-dark);font-weight:700}#collect-panel,#upgrade-panel{position:fixed;top:64px;right:1rem;width:440px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 90px);background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #4314072e;z-index:300;display:flex;flex-direction:column}#collect-panel.hidden,#upgrade-panel.hidden{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;border-bottom:1px solid var(--border)}.panel-head h3{font-size:13px;letter-spacing:1px;color:var(--accent-dark)}#collect-grid{padding:.8rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.collect-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.6rem .4rem;border:1px solid var(--border);border-radius:10px;text-align:center;background:var(--bg)}.collect-card.locked{opacity:.42;filter:grayscale(1)}.collect-card.owned{background:#fff1e6;border-color:var(--accent)}.collect-card.new-pop{animation:newpop 1s ease-out}@keyframes newpop{0%{transform:scale(.6);box-shadow:0 0 #f59e0bcc}50%{transform:scale(1.12);box-shadow:0 0 0 14px #f59e0b00}to{transform:scale(1)}}.c-styles{font-size:10px;color:var(--muted)}.c-emoji{font-size:22px}.c-name{font-size:11.5px;font-weight:600;line-height:1.2}.c-rarity{font-size:10px}.c-trust{font-size:10px;letter-spacing:1px}.c-count{font-size:10px;color:var(--muted)}#upgrade-list{padding:.8rem;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.upgrade-row{display:flex;align-items:center;gap:.7rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem}.u-icon{font-size:22px}.u-info{flex:1}.u-name{font-size:13px;font-weight:600}.u-name em{font-style:normal;color:var(--accent-dark);font-size:11px}.u-desc{font-size:11px;color:var(--muted)}.u-buy{flex-shrink:0;font-weight:700}#toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--card);border:1.5px solid var(--accent);border-radius:999px;color:var(--text);padding:.5rem 1.2rem;font-size:13px;font-weight:600;opacity:1;transition:opacity .4s;box-shadow:0 6px 20px #43140726}.toast.gold{border-color:var(--gold);color:#92400e;background:#fffbeb}.toast.calm{border-color:#86efac;color:#15803d;background:#f0fdf4}.toast.bad{border-color:var(--pink);color:#be123c;background:#fff1f2}.toast.out{opacity:0}@media (max-width: 900px){main{flex-direction:column}#toolbar{width:100%}.tool-row{flex-direction:row;flex-wrap:wrap}.tool-row.two{flex-wrap:nowrap}.tool-btn{flex:1;min-width:100px}#collect-panel,#upgrade-panel{left:1rem;right:1rem;width:auto}}