:root{--ink:#174640;--muted:#5b746f;--paper:#fffaf1;--line:#d8d5c7;--leaf:#28685c;--coral:#e87b62;--gold:#edbd68;--shadow:0 18px 48px rgba(22,69,63,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#e0efe8,#f7f2e8 45%,#fffaf1);font-family:"DM Sans",system-ui,sans-serif}.header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;gap:24px;align-items:center;position:sticky;top:0;z-index:5;background:#fffaf1db;backdrop-filter:blur(10px);border-bottom:1px solid #17464016}.brand{font:600 22px Fraunces,serif;color:var(--ink);text-decoration:none}.brand span{color:var(--coral)}.header p{margin:0 auto 0 0;color:var(--muted);font-size:14px}.link-button{border:0;background:transparent;color:var(--leaf);font-weight:700;padding:7px 0;text-align:left;cursor:pointer}.hero,.lane{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .85fr;align-items:center;gap:clamp(36px,7vw,100px);padding:64px 0}.eyebrow,.label{margin:0 0 13px;color:var(--leaf);font:11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.hero h1,.memories h2,.care h2{margin:0;font:500 clamp(46px,5.8vw,76px)/.98 Fraunces,serif;letter-spacing:-.055em}.hero h1 em{color:var(--coral);font-style:italic}.lede{max-width:550px;margin:28px 0;color:var(--muted);font-size:18px;line-height:1.6}.trust{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--leaf);font-size:13px;font-weight:600}.trust span:before{content:"* ";color:var(--coral)}.welcome-card,.card,.pet-card{background:var(--paper);border:1px solid #1746401c;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.welcome-card h2{margin:0 0 22px;font:500 29px Fraunces,serif}.welcome-card label{display:grid;gap:7px;margin-top:14px;color:var(--muted);font-size:12px;font-weight:700}.welcome-card input,.welcome-card select,.memory-form input,.memory-form textarea{padding:12px;border:1px solid var(--line);border-radius:10px;outline-color:var(--leaf);color:var(--ink);background:white}.upload{grid-template-columns:48px 1fr!important;align-items:center;gap:12px!important;padding:10px;border:1px dashed #9fbaad;border-radius:13px;background:#f0f7ec;cursor:pointer}.upload>span{height:46px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#d6ead1;color:var(--leaf);font-size:26px}.upload img{width:100%;height:100%;object-fit:cover}.upload b{font-size:14px;color:var(--ink)}.upload small{display:block;margin-top:3px;font-size:11px;font-weight:500}.primary{width:100%;border:0;border-radius:10px;margin-top:20px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;background:var(--leaf);color:white;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #28685c35}.primary:hover{background:#1e594e}.primary span{font-size:19px}.fine{margin:13px 0 0;color:#7a8d87;font-size:11px;line-height:1.5}.hidden{display:none!important}.lane{padding:28px 0 72px}.lane-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.lane-header h2{margin:0;font:500 34px Fraunces,serif;letter-spacing:-.04em}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span{padding:8px 10px;border:1px solid #d3e0d8;border-radius:99px;background:#ffffff9c;color:var(--muted);font:11px "DM Mono",monospace}.stats b{color:var(--ink)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px}.world-card{overflow:hidden;padding:10px;background:#1f4d46;border-radius:19px;box-shadow:var(--shadow)}.world{overflow:hidden;border-radius:12px;width:100%;aspect-ratio:16/9;background:#b7dfe0}.world canvas{display:block;width:100%!important;height:100%!important}.tools{display:flex;gap:6px;overflow:auto;padding-top:10px}.tools button{flex:1 0 auto;border:1px solid #fff3;border-radius:8px;padding:8px 10px;color:#ecf6ee;background:#fff1;font-size:12px;font-weight:600;cursor:pointer}.tools .active{background:#f5e7aa;color:#174640;border-color:#f5e7aa}.world-help{margin:9px 5px 1px;color:#ffffffb8;font-size:11px}.world-help kbd{color:white;font-family:"DM Mono",monospace}.rail{display:grid;gap:12px}.pet-card{padding:13px;display:grid;grid-template-columns:57px 1fr;gap:10px;align-items:center;background:#f9e6c9;box-shadow:none}.portrait{grid-row:span 2;position:relative;width:57px;height:57px;overflow:hidden;border-radius:13px;background:#d8ecd0}.portrait img,.portrait canvas{position:absolute;inset:0;width:100%;height:100%}.portrait img{object-fit:cover;opacity:.35}.portrait canvas{z-index:1}.pet-card h3{margin:0;font:500 20px Fraunces,serif}.pet-card p:not(.label){margin:2px 0 0;color:var(--muted);font-size:11px}.pet-card .label{margin:0 0 2px;font-size:9px}.pet-card .link-button{grid-column:2;font-size:11px;padding:0}.card{padding:16px;box-shadow:none}.label{display:flex;justify-content:space-between}.label span{color:var(--coral);letter-spacing:0}.seed-card{background:#e1efcf}.prompt{margin:12px 0;font:500 17px/1.35 Fraunces,serif}.rail ul{list-style:none;padding:0;margin:11px 0 8px;display:grid;gap:7px}.rail li{display:grid;grid-template-columns:15px 1fr;gap:7px;color:var(--muted);font-size:12px}.rail li:before{content:"o";color:var(--gold)}.rail li.done:before{content:"*";color:var(--leaf)}.rail li small{display:block;font:10px "DM Mono",monospace}.small-copy{color:var(--muted);font-size:12px;line-height:1.5;margin:11px 0}.card .link-button{width:100%;border-top:1px solid #1746401c;padding-top:9px;font-size:12px}.memories{margin:70px 0 50px;padding:42px 0;display:grid;grid-template-columns:.76fr 1fr;gap:50px;border-top:1px solid var(--line)}.memories h2{font-size:39px}.memories .lede{font-size:15px;margin:18px 0}.memory-form{display:grid;gap:9px}.memory-form label{font:500 17px Fraunces,serif}.memory-form textarea{display:block;width:100%;min-height:112px;margin-top:8px;resize:vertical;line-height:1.5}.memory-form>div{display:grid;grid-template-columns:1fr 170px;gap:9px}.memory-form .primary{margin:0}.memory-list{display:grid;gap:10px;margin-top:18px}.memory-entry{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.memory-entry p{margin:0;font:15px/1.5 Fraunces,serif}.memory-entry small{display:block;margin-top:8px;color:var(--muted);font:11px "DM Mono",monospace}.empty{color:var(--muted);font-size:13px;padding:18px;border:1px dashed #bdc7c1;border-radius:12px}.care{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:28px;border-radius:20px;background:#174640;color:var(--paper)}.care .eyebrow{color:#c1dda9}.care h2{font-size:29px}.care>div:last-child{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.care button{padding:9px 12px;border:1px solid #fff5;border-radius:99px;background:transparent;color:white;font-size:12px;font-weight:600;cursor:pointer}.care button:hover{background:#fff2}.toast{position:fixed;z-index:20;bottom:26px;left:50%;padding:11px 16px;border-radius:99px;color:white;background:#174640;box-shadow:0 8px 20px #0003;font-size:13px;opacity:0;transform:translate(-50%,18px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.hero,.game-layout,.memories{grid-template-columns:1fr}.hero{min-height:0;padding:54px 0}.rail{grid-template-columns:1fr 1fr}.pet-card{grid-column:span 2}.memories{gap:18px}.care{align-items:start;flex-direction:column}.care>div:last-child{justify-content:start}.header p{display:none}}@media(max-width:550px){.header{height:62px;padding:0 18px}.header .link-button{font-size:12px}.hero,.lane{width:min(100% - 28px,1180px)}.hero h1{font-size:48px}.welcome-card{padding:21px}.lane-header{align-items:start;flex-direction:column;gap:10px}.rail{grid-template-columns:1fr}.pet-card{grid-column:auto}.memory-form>div{grid-template-columns:1fr}.care>div:last-child{display:grid;width:100%}.care button{width:100%}}