:root{--ink:#30463a;--muted:#858c7d;--paper:#f7f7f1;--green:#435d42;--line:#e3e5da;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#world:focus-visible{outline:3px solid #a3b57c;outline-offset:4px}button{color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button[hidden],[hidden]{display:none!important}.header{height:96px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fbfbf6}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:224px}.brand>span{font-family:var(--serif);font-size:30px;line-height:1;letter-spacing:-1.5px;font-weight:bold}.brand-dot{color:#a4ab74}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;font-weight:500;letter-spacing:1.85px;margin-top:9px}.header nav{height:100%;display:flex;gap:30px}.nav{border:0;background:none;font-size:13px;display:flex;align-items:center;gap:9px;position:relative;white-space:nowrap;color:#8a8f83}.nav>span{font-size:21px;font-weight:400}.nav.active{color:var(--ink);font-weight:600}.nav.active:after{content:'';height:3px;border-radius:3px 3px 0 0;position:absolute;bottom:0;left:0;right:0;background:#6d805b}.nav b{font-size:10px;background:#e9ecdf;padding:3px 6px;border-radius:5px;color:#69765e}.prototype{display:flex;align-items:center;gap:8px;color:#7f8875;font-size:11px;white-space:nowrap}.prototype i,.world-label i{width:6px;height:6px;background:#8d9d67;border-radius:50%}.prototype>span{padding:7px;border-left:1px solid var(--line);margin-left:5px;color:#a1a58d;font-size:12px}main{max-width:1720px;margin:auto;padding:41px 4% 0}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#8a937c;margin:0 0 12px}h1{font:normal clamp(25px,2.65vw,42px)/1.2 var(--serif);letter-spacing:-1.1px;margin:0 0 12px}h1 em{font-weight:normal;color:#7d8a62;font-style:italic}p{line-height:1.65}.page-heading>div>p:last-child{font-size:12px;color:var(--muted);margin:0}.button{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fffef3;box-shadow:0 3px 6px #253d2210}.button.primary:hover{background:#344e36}.button>span{font-size:20px;font-weight:300}.button.secondary{background:#fafbf5;border-color:#d9decd}.farm-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px}.world-card{height:660px;position:relative;overflow:hidden;border:1px solid #dce2d2;border-radius:13px;background:#e2e9d9;isolation:isolate}.scene-toolbar{position:absolute;top:19px;left:23px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2;pointer-events:none}.scene-toolbar>*{pointer-events:auto}.world-label{background:#f9fbf0ca;border:1px solid #fff8;border-radius:30px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:10px;box-shadow:0 2px 8px #4e683609;backdrop-filter:blur(10px)}.time-toggle{display:flex;gap:4px;padding:4px;border:1px solid #fff8;border-radius:7px;background:#f8faef99;backdrop-filter:blur(10px)}.time-toggle button{border:0;border-radius:4px;background:none;padding:5px 9px;font-size:13px;color:#889175;display:flex;gap:6px;align-items:center}.time-toggle button span{font-size:10px}.time-toggle button.selected{background:#fcfcf3;box-shadow:0 1px 5px #354c1e15;color:#64714e}#world{width:100%;height:100%;touch-action:none}#world canvas{display:block;width:100%;height:100%;touch-action:none}#loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font:italic 20px var(--serif);color:#7b8a65}.loading-goat{font-size:48px;animation:breathe 1.2s infinite alternate}@keyframes breathe{to{transform:translateY(-7px)}}.world-bottom{position:absolute;bottom:54px;left:25px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.location{display:flex;gap:10px;align-items:center;color:#4a6044;text-shadow:0 1px 10px #f4f8dc;font-family:var(--serif);font-size:18px}.location>span{font:24px Arial}.location small{display:block;font:9px Arial;letter-spacing:.25px;color:#768365;margin-top:6px}.camera-tools{display:flex;align-items:center;padding:5px;background:#fcfcf2d9;border-radius:7px;border:1px solid #fff9;box-shadow:0 2px 9px #45643808;pointer-events:auto}.camera-tools button{background:none;border:0;width:31px;height:29px;font-size:19px;border-radius:4px}.camera-tools button:hover{background:#e8eddc}.camera-tools>span{height:17px;border-left:1px solid #d9dfce;margin:0 5px}.scene-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;color:#7d8c6a;pointer-events:none;margin:0;letter-spacing:.25px}.scene-hint>span{margin:0 7px}.scene-hint>span:first-child{font-size:15px;margin:0 3px}.sidebar{display:flex;flex-direction:column;gap:17px;min-width:0}.herd-summary{background:#edf0e4;border:1px solid #dfe4d3;border-radius:10px;padding:21px 21px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title .eyebrow{margin:0;font-size:8px;letter-spacing:1.6px}.soft-icon{font-size:22px;color:#84926c}.herd-number{display:flex;align-items:center;gap:17px;margin:12px 0 20px}.herd-number strong{font:normal 55px/1 var(--serif);letter-spacing:-2px;color:#3f593a}.herd-number>span{font-size:11px;line-height:1.6;color:#839075}.capacity-track{height:4px;border-radius:3px;background:#dbe1ce;overflow:hidden}.capacity-track i{display:block;height:100%;width:24%;background:#829464;border-radius:3px;transition:width .4s}.capacity-caption{display:flex;justify-content:space-between;font-size:9px;color:#909980;margin:9px 0 16px}.capacity-caption b{font-weight:500;color:#5d7550}.summary-foot{border-top:1px solid #dce2cd;padding:11px 0;color:#879574;font-size:9px;display:flex;align-items:center;gap:7px}.summary-foot>span{font-size:17px;color:#9aab75}.herd-card{background:#fcfcf6;border:1px solid var(--line);border-radius:10px;padding:19px 18px 0}.section-title h2{font:normal 19px var(--serif);margin:0;letter-spacing:-.5px}.small-tag{color:#919a80;font-size:8px;background:#f0f2e8;padding:5px 6px;border-radius:4px;white-space:nowrap}.search{border:1px solid #e4e6db;border-radius:6px;background:#f7f8f1;display:flex;align-items:center;padding:8px 9px;gap:8px;margin:16px 0 8px}.search>span{font-size:19px;line-height:12px;color:#98a087}.search input{background:none;width:100%;min-width:0;border:0;font-size:10px;outline:none;color:var(--ink)}.search input::placeholder{color:#a0a691}.search kbd{color:#a3ab94;border:1px solid #e2e5d7;border-radius:3px;padding:0 3px;font-size:11px;font-family:inherit}#goat-list{max-height:218px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8dfc9 transparent}.goat-row{display:flex;align-items:center;width:100%;padding:10px 0;background:none;border:0;border-bottom:1px solid #f0f0e7;text-align:left;gap:10px}.goat-row:hover,.goat-row.is-selected{background:#f0f3e7;border-radius:6px}.goat-avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:10px;background:#eee9da}.goat-avatar svg{width:29px;height:29px}.goat-row .name{font-size:11px;font-weight:550;display:block;color:#4d5b43}.goat-row .personality{font-size:8px;color:#9ba18c;margin-top:4px;display:block}.goat-row>span:nth-child(2){flex:1}.goat-row .activity{font-size:8px;color:#97a182}.goat-row .activity:before{content:'';display:inline-block;background:#a8b589;width:4px;height:4px;margin-right:4px;border-radius:50%}.goat-row .arrow{color:#b1b6a3;font-size:13px}.text-button{font-size:9px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:none;border:0;color:#7c8c66}.community-note{padding:17px 15px;display:flex;align-items:flex-start;gap:10px;border:1px dashed #d7deca;border-radius:10px;background:#f1f3e8}.note-flower{font-size:29px;line-height:1.1;color:#b29b6c}.community-note h3{font:normal 16px var(--serif);margin:0 0 5px}.community-note p{font-size:9px;color:#949b86;margin:0;line-height:1.8}.community-note button{background:none;border:0;padding:9px 0 0;font-size:9px;color:#6e8055}.community-note button span{margin-left:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a1a68e;font-size:8px;padding:25px 0 27px;letter-spacing:.2px}.footer-brand{font-family:var(--serif);font-style:italic;font-size:12px;color:#889176}.footer-brand>span{font:15px Arial;margin-left:5px}footer a{text-decoration:none;font-size:9px}.studio{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:22px;padding:26px;border:1px solid var(--line);border-radius:10px;background:#eeeee3}.studio h2{font:normal 26px var(--serif);margin:0}.studio .eyebrow{font-size:8px;margin-bottom:8px}.studio p{font-size:10px;color:#879176;margin-bottom:0}.studio>div:first-child{flex:1}.studio label{font-size:10px;display:flex;flex-direction:column;gap:8px}.studio select{border:1px solid #d6dccb;border-radius:5px;background:#fafbf5;padding:10px 30px 10px 12px;color:#5a6b4b;font-size:11px;max-width:100%}.studio-actions{display:flex;gap:8px}.studio #record-status{width:100%;margin:0;font-size:11px}.studio #record-status:empty{display:none}dialog{border:1px solid #e1e5d8;border-radius:16px;max-width:430px;width:calc(100% - 36px);padding:32px;background:#fbfbf4;color:var(--ink);box-shadow:0 24px 100px #30432a33}dialog::backdrop{background:#293f3155;backdrop-filter:blur(5px)}dialog h2{font:normal 33px var(--serif);letter-spacing:-1px;margin:0 0 10px}dialog p{font-size:12px;color:#8b957c}dialog .eyebrow{font-size:8px;margin:20px 0 10px}dialog label{display:block;font-size:11px;margin:20px 0 0}dialog input{display:block;margin:8px 0 0;width:100%;border:1px solid #dce2ce;background:#f5f6ed;padding:12px;border-radius:6px;color:var(--ink);font-size:13px}dialog .form-hint{font-size:10px;line-height:1.8;margin:16px 0}dialog .button{width:100%}.dialog-icon{font-size:30px;display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:16px;background:#e9efdc;color:#7d9260}.close-dialog{position:absolute;right:15px;top:11px;border:0;background:none;color:#899278;font-size:26px}#form-error{font-size:11px;color:#a05b48}dialog ol{padding-left:18px;font-size:12px;line-height:1.8}dialog li{padding:8px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#3c563c;color:#f8faee;border:1px solid #728c5d;box-shadow:0 7px 25px #1d3a2822;padding:14px 22px;border-radius:8px;font-size:12px;z-index:30;max-width:90%;text-align:center}#goat-label{position:absolute;padding:7px 12px;background:#fffff0eb;border:1px solid #fff;border-radius:7px;font:13px var(--serif);box-shadow:0 4px 12px #344f251a;pointer-events:none;transform:translate(-50%,-100%);z-index:2;white-space:nowrap}#goat-label:after{content:'';border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fffff0eb;position:absolute;bottom:-5px;left:calc(50% - 5px)}#scene-error{position:absolute;inset:25% 10% auto;background:#fbf7e9;color:#8c6549;padding:25px;border:1px solid #e6d6bb;border-radius:10px;font-size:13px;line-height:1.7}#film-overlay{position:absolute;inset:0;pointer-events:none;color:#fffdf0;background:linear-gradient(transparent 50%,#243d2080);text-shadow:0 2px 10px #2d442033}.film-brand{position:absolute;top:6%;left:8%;font:bold 27px var(--serif);letter-spacing:-1px}.film-caption{position:absolute;left:8%;bottom:13%;right:8%}.film-caption>span{font-size:7px;letter-spacing:1.5px;display:block;margin-bottom:11px}.film-caption strong{font:normal 32px/1.12 var(--serif);letter-spacing:-.8px}.film-caption small{display:block;margin-top:14px;font-size:10px}.film-count{position:absolute;left:8%;bottom:5%;font-size:7px;letter-spacing:1.7px}#exit-cinema{position:absolute;right:12px;top:15px;padding:7px 10px;border:1px solid #fff7;border-radius:5px;background:#fff8;color:#4b5e42;font-size:9px;z-index:5}.world-card.cinema{width:min(100%,370px);height:auto;aspect-ratio:9/16;margin:auto}.world-card.cinema .scene-toolbar,.world-card.cinema .world-bottom,.world-card.cinema .scene-hint{display:none}.farm-layout:has(.cinema){grid-template-columns:minmax(0,1fr) 290px;background:#e9eddf;border-radius:13px}.world-card:fullscreen{width:100vw;height:100vh;border-radius:0}.no-goats{font-size:11px;color:#8c957d;padding:17px 4px}.read-only{font-size:10px;color:#986b47}body.recording #exit-cinema{display:none!important}@media(min-width:1500px){.world-card{height:725px}.farm-layout{grid-template-columns:minmax(0,1fr) 310px}.herd-card{flex:1}#goat-list{max-height:272px}.community-note p{font-size:10px}}@media(max-width:1150px){.header{padding:0 3%;gap:15px}.brand{min-width:190px}.brand>span{font-size:27px}.brand small{font-size:7px;letter-spacing:1.3px}.header nav{gap:20px}.prototype{font-size:10px}.farm-layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}main{padding:32px 3% 0}.world-card{height:650px}.page-heading .button{font-size:10px;padding:12px}.location{font-size:16px}.location small{font-size:8px}.world-bottom{left:18px;right:15px}.camera-tools button{width:25px}.scene-toolbar{left:16px;right:15px}.world-label{font-size:9px}.footer-brand{font-size:11px}footer>span:nth-child(2){max-width:280px;text-align:center}}
@media(max-width:850px){.header{height:82px;flex-wrap:wrap;gap:0;padding:12px 4% 0}.brand{align-self:flex-start;min-width:0}.brand img{width:33px;height:33px}.brand>span{font-size:24px}.brand small{font-size:6px;margin-top:5px}.prototype{margin-left:auto;align-self:flex-start;margin-top:9px;font-size:9px}.prototype>span{padding:4px}.header nav{height:32px;order:3;width:100%;justify-content:center;gap:28px}.nav{font-size:10px;gap:6px}.nav>span{font-size:17px}.nav b{font-size:8px;padding:2px 4px}main{padding:25px 4% 0}.page-heading{align-items:flex-start;margin-bottom:22px;gap:15px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:28px;max-width:430px}.page-heading>div>p:last-child{font-size:10px;max-width:340px}.page-heading>.button{font-size:9px;padding:10px;gap:5px;margin-top:22px}.page-heading>.button>span{font-size:16px}.farm-layout{grid-template-columns:1fr}.world-card{height:570px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.herd-summary{grid-column:1}.herd-card{grid-column:2;grid-row:1/3}.community-note{grid-column:1}.herd-number{margin:8px 0 13px}.herd-number strong{font-size:48px}.herd-number>span{font-size:10px}.community-note h3{font-size:14px}.community-note p{font-size:9px}#goat-list{max-height:230px}.scene-hint{font-size:9px}.farm-layout:has(.cinema){grid-template-columns:1fr}.studio{padding:20px;gap:20px}.studio>div:first-child{flex-basis:100%}footer{flex-wrap:wrap;gap:12px;padding:22px 0}footer>span:nth-child(2){order:3;max-width:100%;width:100%;text-align:left;font-size:8px}}
@media(max-width:520px){main{padding:22px 4% 0}.page-heading{flex-direction:column;gap:15px}h1{font-size:29px;line-height:1.15;max-width:330px}h1 em{display:block;margin-top:3px}.page-heading>div>p:last-child{max-width:300px;font-size:10px;line-height:1.8}.page-heading>.button{margin:0;padding:11px 15px;font-size:10px}.eyebrow{margin-bottom:10px;font-size:7px}.world-card{height:460px;border-radius:10px}.scene-toolbar{top:12px;left:12px;right:12px}.world-label{font-size:8px;padding:8px 9px;gap:5px}.time-toggle{padding:3px;gap:1px}.time-toggle button{padding:4px 6px;font-size:12px}.time-toggle button span{font-size:8px}.world-bottom{bottom:45px;left:14px;right:12px;align-items:flex-end}.location{font-size:16px}.location>span{display:none}.location small{max-width:150px;line-height:1.5;font-size:8px;margin-top:4px}.camera-tools{padding:3px}.camera-tools button{width:25px;font-size:17px}.camera-tools>span{margin:0 2px}.scene-hint{font-size:7px;bottom:13px;letter-spacing:0}.scene-hint>span{margin:0 3px}.sidebar{grid-template-columns:1fr;gap:14px}.herd-summary{grid-column:1;padding:18px 20px 0}.herd-number{margin:7px 0 16px}.herd-number strong{font-size:48px}.herd-number>span{font-size:11px}.herd-card{grid-column:1;grid-row:auto;padding-top:18px}.herd-card #goat-list{max-height:222px}.community-note{grid-column:1;padding:18px}.community-note p{font-size:10px}.section-title .eyebrow{font-size:8px}.goat-row{padding:9px 0}.goat-row .name{font-size:12px}.goat-row .personality,.goat-row .activity{font-size:9px}.goat-avatar{width:37px;height:37px}.small-tag{font-size:9px}.search input{font-size:11px}.text-button{font-size:10px}.studio{padding:18px}.studio>label{width:100%}.studio-actions{width:100%;flex-wrap:wrap}.studio-actions button{font-size:10px;flex:1}footer .footer-brand{font-size:11px}footer a{font-size:8px}.prototype{font-size:8px}.prototype>span{display:none}.brand small{letter-spacing:1.1px}.header nav{gap:22px}.nav{font-size:9px}.brand{gap:8px}dialog{padding:26px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}