:root{--color-text: #263026;--color-text-muted: #64705f;--color-text-inverse: #fff;--color-accent: #315f40;--color-accent-soft: #ded6b8;--color-warning: #7c5c1b;--color-danger: #a1392b;--surface-page: #f3f0df;--surface-nav: #fff8dc;--surface-card: #fffdf2;--surface-muted: #f8f4df;--border-default: #ded6b8;--border-muted: #c6c0a7;--border-subtle: #eee4c7;--shadow-card: 0 10px 30px rgb(49 95 64 / 10%);--shadow-card-focus: 0 10px 30px rgb(49 95 64 / 18%);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-pill: 999px;--space-1: .35rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--content-width: 1100px;color:var(--color-text);background:var(--surface-page);font-family:Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--surface-page);margin:0}a{color:var(--color-accent);font-weight:700;text-decoration:none}.button,.button-link,button{border:0;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;padding:.7rem 1rem}.button-secondary,.secondary-button{background:var(--color-accent-soft);color:var(--color-text)}.button-ghost,.text-button{background:transparent;color:var(--color-accent);padding:0}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,.button:focus-visible,.button-link:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,select{border:1px solid var(--border-muted);border-radius:var(--radius-sm);font:inherit;padding:var(--space-3);width:100%}label{display:grid;gap:var(--space-1);font-weight:700}.field-message{font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}form{display:grid;gap:var(--space-4)}.error{color:var(--color-danger);font-weight:700}main{margin:0 auto;max-width:var(--content-width);padding:var(--space-6)}.app-shell{min-height:100vh}.topbar{align-items:center;background:var(--surface-nav);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.brand{color:var(--color-text);font-size:1.35rem}.topbar nav{align-items:center;display:flex;gap:var(--space-4)}.panel,.surface{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5)}.surface-muted{background:var(--surface-muted)}.rarity-text{color:var(--color-accent);font-weight:800;margin:.25rem 0}.cooldown-note{color:var(--color-warning);font-weight:700}.snail-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);position:relative}.snail-card__cooldown-icon{position:absolute;top:var(--space-3);right:var(--space-3);line-height:0}.snail-age-text{position:absolute;top:var(--space-4);left:var(--space-4);line-height:0;font-size:.7rem}.tooltip-wrapper{position:relative;display:inline-flex;cursor:default}.tooltip-wrapper[data-tooltip]:before,.tooltip-wrapper[data-tooltip]:after{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .15s ease;white-space:nowrap;z-index:100}.tooltip-wrapper[data-tooltip]:before{content:attr(data-tooltip);background:var(--surface-tooltip, #222);color:var(--text-on-tooltip, #fff);border-radius:var(--radius-sm, 4px);font-size:.75rem;padding:.75rem}.tooltip-wrapper[data-tooltip]:after{content:"";border:5px solid transparent;border-top-color:var(--surface-tooltip, #222);bottom:calc(100% + 1px)}.tooltip-wrapper[data-tooltip]:hover:before,.tooltip-wrapper[data-tooltip]:hover:after{opacity:1}.snail-card h2{margin-bottom:.25rem}.snail-name{align-items:normal;display:flex;gap:var(--space-1);justify-content:center}.snail-name h1,.snail-name h2{margin:0;margin-bottom:.25rem;font-size:1rem;font-style:italic}.snail-name-form{gap:var(--space-2);margin-bottom:var(--space-3)}.snail-name-actions{display:flex;gap:var(--space-2)}.snail-profile{align-items:center;display:grid;gap:var(--space-6);grid-template-columns:180px 1fr;margin-bottom:var(--space-4)}.snail-profile dl{display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr}.snail-profile dt{font-weight:700}.trait-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-3) 0;padding:0}.trait-chips li{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:.85rem;padding:.35rem .6rem}.trait-chips span{color:var(--color-text-muted);font-weight:800;margin-right:.35rem}.trait-chips-compact{display:grid;gap:var(--space-1)}.trait-chips-compact li{border-radius:var(--radius-sm)}.empty-state{background:var(--surface-card);border:1px dashed var(--border-muted);border-radius:var(--radius-md);color:var(--color-text-muted);margin:0;padding:var(--space-4)}.snail-art{display:block;height:96px;image-rendering:pixelated;margin:auto;width:165px}.page-header,.page-heading{align-items:center;display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-header-copy{display:grid;gap:var(--space-1)}.page-header-copy h1,.page-header-copy p{margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-2)}.terrarium-canvas-wrapper{width:100%;max-width:640px;margin:0 auto var(--space-5)}.terrarium-canvas-wrapper canvas{display:block;width:100%;border:2px solid var(--border-default);background:#d4e8e0}.terrarium-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-width:640px;margin:0 auto}.terrarium-slot{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:96px}.terrarium-slot--empty{border-style:dashed;background:var(--surface-muted);justify-content:center}.terrarium-slot__name{font-style:italic;font-size:.85rem;text-align:center}.terrarium-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.terrarium-picker-dialog{width:min(560px,90vw);max-height:80vh;display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.terrarium-picker-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.terrarium-picker-header h2{margin:0}.terrarium-picker-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0}.terrarium-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-3);overflow-y:auto;padding-bottom:var(--space-2)}.terrarium-picker-card{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);transition:border-color .15s ease,background .15s ease}.terrarium-picker-card:hover:not(:disabled){border-color:var(--color-accent);background:var(--surface-card)}.terrarium-picker-card:disabled{opacity:.5;cursor:not-allowed}.terrarium-picker-card__name{font-style:italic;font-size:.8rem;text-align:center}.terrarium-toolbar{display:flex;align-items:center;gap:var(--space-3);max-width:640px;margin:0 auto var(--space-3)}.terrarium-toolbar--edit{border:1px dashed var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--surface-muted)}.terrarium-canvas-wrapper--edit canvas{cursor:crosshair}.terrarium-selection-bar{display:flex;align-items:center;gap:var(--space-3);max-width:640px;margin:0 auto var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.terrarium-selection-bar__name{font-weight:700;flex:1}.decoration-picker-thumb{display:block;width:64px;height:64px;object-fit:contain}@media(max-width:480px){.terrarium-slots{grid-template-columns:repeat(2,1fr)}}.auth-panel{margin:4rem auto;max-width:420px}.snail-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.collection-controls{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-4)}.collection-count{color:var(--color-text-muted);font-weight:700}.breed-form{max-width:520px}.parent-preview-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-5)}.parent-summary{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.parent-summary h2{margin:0 0 .25rem}.offspring-result{margin-top:var(--space-6)}.offspring-result .snail-card{max-width:260px}.offspring-links{display:flex;gap:var(--space-4);margin:var(--space-4) 0}.trait-comparison{margin-top:var(--space-5)}.trait-comparison-table{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.trait-comparison-table>div{border-bottom:1px solid var(--border-subtle);padding:var(--space-3)}.trait-comparison-heading{background:var(--surface-muted);font-weight:800}.offspring-trait{font-weight:800}.lineage-page{display:grid;gap:var(--space-5)}.lineage-tree-scroll{display:grid;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-4)}.lineage-row-section{min-width:min-content}.lineage-row-section h2{margin-top:0;text-align:center}.lineage-row{align-items:stretch;display:flex;gap:.75rem;justify-content:center}.lineage-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:.9rem;display:grid;gap:var(--space-1);justify-items:center;padding:.65rem;text-align:center;width:132px}.lineage-card-focus{border-color:var(--color-accent);box-shadow:var(--shadow-card-focus)}.lineage-card h3{font-size:.95rem;line-height:1.15;margin:0}.lineage-card .snail-art{height:54px;width:92px}.lineage-label{color:var(--color-text-muted);font-size:.8rem;font-weight:800;letter-spacing:.04em;margin:0 0 .5rem;text-transform:uppercase}.lineage-card-links{display:flex;font-size:.9rem;gap:var(--space-2)}@media(max-width:700px){.collection-controls,.parent-preview-grid,.snail-profile,.trait-comparison-table{grid-template-columns:1fr}.topbar,.page-header,.page-heading{align-items:flex-start;flex-direction:column;gap:1rem}.lineage-tree-scroll{overflow-x:visible}.lineage-row{align-items:stretch;flex-direction:column}.trait-comparison-table{overflow:hidden}.lineage-card{width:100%}}