@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/nunito-400.ttf') format('truetype');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500;font-display:swap;src:url('./assets/fonts/nunito-500.ttf') format('truetype');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/nunito-600.ttf') format('truetype');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/nunito-700.ttf') format('truetype');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('./assets/fonts/nunito-800.ttf') format('truetype');}
:root{--bg:#f7f8f3;--paper:#fff;--ink:#243b32;--muted:#7c877e;--green:#204d3e;--lime:#e7edbd;--line:#e6eae2;--orange:#ec9b4b;--shadow:0 8px 28px #233b3210;font-family:'Nunito',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c9a24e;outline-offset:4px}button{color:inherit}a{color:inherit}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;padding:35px 20px 22px;z-index:20}.brand{display:block;padding:0 9px 33px}.brand img{width:166px;height:auto;display:block}.nav-section-label,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.nav-section-label{padding:9px 15px}.nav{display:grid;gap:7px}.nav button{background:none;border:0;display:flex;align-items:center;gap:13px;padding:14px 15px;text-align:left;border-radius:10px;font-size:13px;font-weight:600;color:#78837a}.nav button:hover{background:#f4f6ef}.nav button.active{background:#edf2e9;color:var(--green)}.nav .badge{margin-left:auto;background:#fff;border:1px solid #e2e8da;font-size:10px;padding:1px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#f7f8f2;border:1px solid #ebeee1;border-radius:13px;padding:17px;margin:24px 5px}.sidebar-note .leaf{color:#79985c;margin-bottom:9px}.sidebar-note p{font-size:12px;line-height:1.7;margin:0;color:#7b8476}.sidebar-note strong{display:block;font-size:12px;margin-bottom:6px;color:var(--ink)}.sidebar-footer{border-top:1px solid var(--line);padding:17px 7px 0;color:#959d93;font-size:10px;display:flex;align-items:center;gap:6px}.saved-dot{width:6px;height:6px;border-radius:100%;background:#92ac72}.workspace{grid-column:2;min-width:0}.topbar{height:87px;border-bottom:1px solid var(--line);padding:0 43px;display:flex;justify-content:space-between;align-items:center;background:#fbfcf8}.breadcrumb{color:#8e978d;font-size:11px;display:flex;gap:11px;align-items:center}.breadcrumb strong{font-weight:500;color:#57685c}.topbar-right{display:flex;align-items:center;gap:17px}.wallet{background:#fff9ed;border:1px solid #efdfbd;border-radius:99px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#9c7130}.coin{background:#efc45e;border:2px solid #f8df9c;box-shadow:0 0 0 1px #e4b348;border-radius:50%;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:#ad7c21;font-weight:800;flex-shrink:0}.profile-pill{width:32px;height:32px;border:1px solid #e0e6d9;background:#e9eedf;border-radius:50%;display:grid;place-items:center;font-size:15px}.content{max-width:1450px;margin:0 auto;padding:35px 43px 30px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.date-line{color:#8b9488;font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;margin:1px 0 10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Nunito',sans-serif}h1{font-size:30px;font-weight:750;letter-spacing:-1.2px;margin-bottom:7px;line-height:1.35}.subtitle{font-size:12px;color:#859080;margin:0;line-height:1.7}.intro-decoration{color:#b8c79f;transform:rotate(-16deg);padding:14px}.intro-decoration svg{width:39px;height:39px;stroke-width:1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:25px;align-items:start}.dino-card{position:relative;border-radius:18px;border:1px solid #dce5d3;background:#edf2e5;overflow:hidden;margin-bottom:22px;min-height:287px}.dino-card-head{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;position:relative;z-index:2}.stage-tag{background:#ffffffe0;border:1px solid #e0e7d7;display:flex;gap:7px;align-items:center;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:600}.stage-tag i{width:5px;height:5px;background:#8da36a;border-radius:50%}.text-button{background:transparent;border:0;color:#738363;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px}.text-button:hover{color:var(--green)}.text-button .icon{width:14px;height:14px}.habitat{height:168px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.habitat:before{content:'';position:absolute;width:235px;height:126px;top:9px;background:#e3ebd7;border-radius:50%;z-index:-2;box-shadow:0 0 0 24px #e7eedc,0 0 0 49px #eaf0e0}.ground{position:absolute;bottom:7px;width:210px;height:20px;background:#ccd5b56b;border-radius:50%;z-index:-1}.dino-image{height:176px;width:210px;object-fit:contain;mix-blend-mode:multiply;position:relative;bottom:5px;animation:breathe 5s ease-in-out infinite;filter:saturate(.88)}.habitat .speck{position:absolute;color:#adb98e;font-size:10px}.speck.one{left:25%;top:28px}.speck.two{right:22%;top:60px}.speck.three{right:31%;bottom:23px}.habitat .scene-plant{position:absolute;bottom:18px;font-size:40px;filter:saturate(.6)}.scene-plant.left{left:17%;transform:rotate(-12deg)}.scene-plant.right{right:17%;transform:rotate(9deg);font-size:30px}.decoration-slot{position:absolute;bottom:16px;font-size:30px;z-index:3}.accessory-slot{position:absolute;top:6px;left:calc(50% + 29px);font-size:29px;z-index:4;filter:drop-shadow(0 2px 0 #fff8)}.dino-caption{text-align:center;position:relative;padding:8px 20px 19px;z-index:2}.dino-caption h2{font-size:17px;letter-spacing:-.5px;margin-bottom:4px}.dino-caption p{font-size:11px;color:#849072;margin:0}.scene-sunset{background:#fbecd9;border-color:#ecdbc1}.scene-sunset .habitat:before{background:#f6dba9;box-shadow:0 0 0 24px #f8e2bd,0 0 0 49px #fae8cc}.scene-moonlight{background:#dce3ee;border-color:#cad3e2}.scene-moonlight .habitat:before{background:#c2ccdf;box-shadow:0 0 0 24px #cbd4e3,0 0 0 49px #d3dbe8}.tasks-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px 23px;min-height:290px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-heading h2{font-size:16px;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:9px}.count-badge{font-family:'Nunito',sans-serif;font-size:10px;border-radius:5px;background:#f1f4eb;color:#80916d;padding:3px 6px;letter-spacing:0;font-weight:500}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:17px}.tab{border:0;background:transparent;padding:0 0 12px;font-size:11px;color:#929b8f;position:relative;display:flex;gap:5px;align-items:center}.tab.active{color:var(--green);font-weight:700}.tab.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);content:''}.tab span{font-size:9px;color:#99a38e}.quick-add{display:flex;align-items:center;background:#f8faf5;border:1px dashed #d9e1d0;border-radius:9px;padding:6px 7px 6px 13px;gap:9px}.quick-add>.icon{color:#97a48a;width:17px}.quick-add input{width:100%;min-width:0;border:0;background:none;color:var(--ink);outline:none;padding:8px 0;font-size:12px}.quick-add input::placeholder{color:#9da695}.quick-add button{background:#e7eddc;border:0;border-radius:6px;padding:7px;color:#62784c;display:flex}.quick-add button:hover{background:#dce6c9}.quick-add button svg{width:15px;height:15px}.task-list{list-style:none;padding:0;margin:12px 0 0}.task-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2eb;min-height:61px}.task-row:last-child{border-bottom:0}.task-check{width:20px;height:20px;border:1.5px solid #d6decc;border-radius:7px;display:grid;place-items:center;background:#fff;flex-shrink:0;padding:0;transition:.2s}.task-check:hover{background:#edf3e4;border-color:#8da874}.task-check .icon{width:12px;height:12px}.task-row.done .task-check{background:#739461;border-color:#739461;color:#fff}.task-copy{min-width:0;flex:1}.task-title{font-size:12px;line-height:1.5;overflow-wrap:anywhere;display:block}.task-row.done .task-title{text-decoration:line-through;color:#9ba493}.task-meta{font-size:9px;color:#a2ab98;display:flex;gap:5px;align-items:center;margin-top:3px}.task-meta .icon{width:10px;height:10px}.task-reward{font-size:9px;color:#849772;background:#f5f8ef;border-radius:5px;padding:4px 5px;white-space:nowrap}.icon-button{display:inline-grid;place-items:center;background:none;border:0;padding:6px;border-radius:7px;color:#99a18f;flex-shrink:0}.icon-button:hover{background:#f1f4ea;color:var(--green)}.icon-button .icon{width:15px;height:15px}.task-actions{display:flex;gap:1px}.empty{padding:31px 12px 25px;text-align:center}.empty-icon{width:43px;height:43px;border-radius:14px;background:#f0f4e8;display:grid;place-items:center;margin:0 auto 12px;color:#93a779}.empty h3{font-size:12px;margin-bottom:6px;font-weight:700}.empty p{font-size:11px;color:#919b87;line-height:1.8;margin:0 auto;max-width:250px}.suggestions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:16px}.suggestions button{font-size:10px;border:1px solid #e0e7d6;border-radius:99px;padding:7px 9px;background:#fff;color:#788c63}.suggestions button:hover{background:#f2f6e9}.task-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:11px;align-items:center;font-size:9px;color:#9ba48e}.task-footer .icon{width:12px;height:12px}.task-footer>span{display:flex;align-items:center;gap:6px}.side-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff;margin-bottom:18px}.side-card h2{font-size:13px;letter-spacing:-.2px;margin:0}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.card-title .icon{color:#a5ae95;width:16px;height:16px}.goal-card{background:var(--green);color:#fff;border-color:var(--green);position:relative;overflow:hidden}.goal-card .card-title .icon{color:#bbd0b0}.goal-card:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #ffffff09;border-radius:50%;right:-50px;top:42px;box-shadow:0 0 0 20px #ffffff04,0 0 0 40px #ffffff03;pointer-events:none}.goal-number{font-family:'Nunito',sans-serif;font-weight:700;font-size:31px;letter-spacing:-1px}.goal-number small{font-family:'Nunito',sans-serif;font-weight:400;font-size:13px;color:#b2c7b3;letter-spacing:0;margin-left:5px}.goal-card p{font-size:10px;color:#adc3af;margin:5px 0 15px}.progress-track{height:6px;border-radius:99px;background:#eaf0e2;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:#93ac72;transition:width .5s ease}.goal-card .progress-track{background:#ffffff17}.goal-card .progress-fill{background:#dce89d}.goal-reward{display:flex;align-items:center;gap:6px;font-size:10px;color:#d4dfb9;margin-top:12px}.goal-reward .coin{width:12px;height:12px;font-size:7px}.growth-top{display:flex;gap:10px;align-items:center;margin-bottom:16px}.growth-icon{background:#f1f4e9;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:#88a36c}.growth-top strong{font-size:12px}.growth-top p{font-size:10px;color:#a1ab96;margin:3px 0 0}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#9aa48e;margin-bottom:7px}.next-stage{font-size:10px;line-height:1.7;color:#91a07e;margin:11px 0 0;display:flex;gap:6px;align-items:flex-start}.next-stage .icon{width:13px;height:13px;margin-top:2px}.week-days{display:flex;justify-content:space-between;margin:5px 0 15px}.week-day{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:#a0a992}.day-dot{height:24px;width:24px;border-radius:50%;background:#f3f5ee;display:grid;place-items:center;border:1px solid transparent;font-size:9px}.day-dot .icon{width:12px;height:12px}.day-dot.hit{background:#e2ebd2;color:#6a8553}.day-dot.current{border-color:#96ac7e;color:#627c4e}.day-dot.future{opacity:.5}.week-note{font-size:10px;color:#8d9a7e;margin:0;line-height:1.7}.week-note strong{font-weight:600;color:#556e43}.quote{display:flex;gap:9px;padding:6px 2px;color:#a2ad96;font-size:10px;line-height:1.8}.quote .icon{width:14px;height:14px;margin-top:3px}.content-footer{font-size:10px;color:#a8b19d;text-align:center;padding:27px 0 0;display:flex;justify-content:center;gap:7px;align-items:center}.content-footer .icon{width:12px;height:12px}.primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:9px;padding:11px 17px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover{background:#153e30}.secondary{background:#fff;border:1px solid #dce3d4;color:#698153;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary:hover{background:#f5f8ef}.primary .icon,.secondary .icon{width:15px;height:15px}.wide{width:100%}.welcome-strip{background:#fcf5e8;border:1px solid #f0e3c9;border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:11px;margin-bottom:20px;font-size:11px;color:#9d8455;line-height:1.6}.welcome-strip .icon{color:#c1a26b;flex-shrink:0}.welcome-strip strong{color:#826c43}.notice{background:#fff2e3;color:#936f45;border:1px solid #efd2b0;padding:12px 17px;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:20px}.notice a{text-decoration:underline}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-pill{padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:11px;color:#87917b}.filter-pill.active{background:var(--green);color:#fff;border-color:var(--green)}.items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.item-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:233px}.item-art{height:87px;border-radius:9px;background:#f4f6ec;display:grid;place-items:center;font-size:40px;margin-bottom:15px}.item-card:nth-child(3n+2) .item-art{background:#fcf3e8}.item-card:nth-child(3n) .item-art{background:#f0f3ee}.item-card h3{font-size:12px;margin:0 0 5px}.item-card p{font-size:10px;line-height:1.6;color:#96a08a;flex:1;margin-bottom:13px}.item-buy{display:flex;justify-content:space-between;align-items:center;gap:5px}.item-price{display:flex;align-items:center;gap:5px;font-size:11px;color:#a98a4d;font-weight:600}.item-buy button{font-size:10px;padding:7px 10px}.item-owned{font-size:10px;color:#8aa26e;display:flex;align-items:center;gap:4px}.item-owned .icon{width:12px;height:12px}.shop-aside{position:sticky;top:22px}.shop-aside .dino-card{margin-bottom:15px}.shop-aside .habitat{height:160px}.shop-aside .dino-image{height:150px;width:180px}.shop-aside .scene-plant.left{left:9%}.shop-aside .scene-plant.right{right:9%}.shop-aside .dino-caption p{font-size:10px}.shop-note{font-size:11px;color:#8d9b80;line-height:1.8;padding:0 5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.stat-card .icon{color:#8fa577;margin-bottom:12px}.stat-card strong{display:block;font-family:'Nunito',sans-serif;font-size:29px;letter-spacing:-1px}.stat-card p{margin:5px 0 0;font-size:11px;color:#98a28e}.progress-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.milestones{display:grid;gap:0}.milestone{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f2eb}.milestone:last-child{border-bottom:0}.milestone-art{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply;background:#f7f9f2;border-radius:10px}.milestone.locked{opacity:.5}.milestone strong{font-size:12px;display:block}.milestone p{font-size:10px;color:#8c9a7b;margin:4px 0 0}.milestone>.icon{margin-left:auto;width:15px;height:15px;color:#8aa26d}.achievement{padding:16px 0;display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f2eb}.achievement:last-child{border-bottom:0}.achievement-medal{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#faf3df;font-size:21px;flex-shrink:0}.achievement.locked .achievement-medal{filter:grayscale(1);opacity:.4}.achievement strong{display:block;font-size:12px}.achievement p{font-size:10px;color:#98a48b;margin:4px 0 0}.achievement>.icon{margin-left:auto;width:15px;color:#8aa26d}.settings-wrap{max-width:740px}.settings-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}.settings-section h2{font-size:14px;margin-bottom:20px}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:11px;color:#748567;font-weight:600;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #dfe5d6;border-radius:9px;background:#fbfcf8;padding:11px 12px;font-size:12px;color:var(--ink)}.field small{display:block;font-size:10px;line-height:1.7;color:#99a38e;margin-top:7px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #edf0e7}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px;font-weight:600}.setting-row p{font-size:10px;color:#98a28e;margin:5px 0 0;line-height:1.6}.toggle{appearance:none;width:36px;height:21px;border-radius:99px;background:#dfe5d6;position:relative;cursor:pointer;flex-shrink:0}.toggle:checked{background:#6c8c57}.toggle:before{content:'';position:absolute;height:15px;width:15px;background:#fff;border-radius:100%;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 3px #0001}.toggle:checked:before{transform:translateX(15px)}.storage-note{font-size:11px;line-height:1.9;color:#8c987e}.settings-actions{display:flex;gap:9px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,16px);z-index:100;background:#254b3e;color:#fff;padding:13px 21px;border-radius:12px;box-shadow:0 8px 35px #142e3c30;font-size:12px;max-width:calc(100vw - 32px);opacity:0;pointer-events:none;transition:.25s;line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e0e6d8;border-radius:18px;padding:28px;max-width:440px;width:calc(100vw - 36px);color:var(--ink);box-shadow:0 24px 100px #19392b33}dialog::backdrop{background:#24392f55;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h2{font-size:19px;letter-spacing:-.5px;margin:0}.modal-subtitle{font-size:12px;line-height:1.8;color:#89957d;margin:0 0 22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.modal-egg{height:130px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:0 0 10px}.onboard{text-align:center}.onboard .modal-head{justify-content:center}.onboard .field{text-align:left}.confetti{position:fixed;inset:0;pointer-events:none;z-index:110;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:11px;background:#c7d989;animation:fall 2.3s ease-in forwards}.mobile-wordmark{display:none}.danger{color:#ab735e;border-color:#edddd5}.celebrating .dino-image{animation:hop .7s ease-in-out 2}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-17px) rotate(4deg)}}@keyframes fall{to{transform:translateY(100vh) rotate(600deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1550px){.content{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.dino-card{min-height:330px}.habitat{height:206px}.dino-image{height:206px;width:250px}.dino-card .habitat:before{top:26px}.shop-aside .dino-card{min-height:0}.shop-aside .habitat:before{top:9px}}@media(max-width:1190px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.layout{grid-template-columns:200px minmax(0,1fr)}.brand img{width:150px}.content{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.side-card{padding:17px}.tasks-panel{padding:20px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.task-actions{gap:0}.task-reward{display:none}}@media(max-width:980px){.layout{grid-template-columns:82px minmax(0,1fr)}.sidebar{width:82px;padding:25px 10px}.brand{padding:0 0 30px;overflow:hidden;width:44px;margin:auto}.brand img{width:166px;max-width:none;height:43px;object-fit:cover;object-position:left;width:44px}.nav button{justify-content:center;padding:14px}.nav button>span,.nav-section-label,.sidebar-note,.sidebar-footer{display:none}.sidebar-bottom{margin-top:auto}.nav button .icon{width:20px;height:20px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.content{padding:27px 24px}.topbar{padding:0 24px}.shop-layout{grid-template-columns:minmax(0,1fr) 235px}.progress-grid{gap:18px}.task-actions .icon-button{padding:4px}}@media(max-width:760px){.layout{display:block;padding-bottom:78px}.sidebar{inset:auto 0 0;width:100%;height:69px;border-right:0;border-top:1px solid var(--line);padding:5px 8px 8px;display:block;background:#fffffff5;backdrop-filter:blur(15px)}.brand,.sidebar-note,.sidebar-footer,.sidebar-bottom,.nav-section-label{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{flex-direction:column;gap:4px;padding:8px 7px;min-width:61px;border-radius:10px;font-size:8px}.nav button>span:not(.badge){display:block}.nav button .badge{display:none}.nav button .icon{width:19px;height:19px}.nav .mobile-settings{display:flex}.topbar{height:69px;padding:0 20px;background:#fff}.breadcrumb{display:none}.mobile-wordmark{display:block;width:121px;height:auto}.topbar-right{gap:10px}.profile-pill{display:none}.wallet{font-size:11px;padding:7px 10px}.content{padding:25px 20px}.page-intro{margin-bottom:20px}.date-line{font-size:9px;letter-spacing:.8px}h1{font-size:27px}.subtitle{font-size:11px}.intro-decoration{padding:10px 0}.intro-decoration svg{width:30px;height:30px}.dashboard-grid{display:flex;flex-direction:column;gap:18px}.dashboard-main,.dashboard-side{width:100%}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-side .side-card{margin:0}.dashboard-side .week-card{grid-column:1/-1}.dashboard-side .quote{grid-column:1/-1;margin-top:0}.dino-card{margin-bottom:18px;min-height:263px}.dino-card-head{padding:17px 19px}.habitat{height:150px}.dino-image{height:158px;width:190px}.dino-caption{padding-bottom:17px}.dino-caption h2{font-size:16px}.dino-caption p{font-size:10px}.habitat:before{height:111px;width:207px}.tasks-panel{padding:19px 17px;min-height:280px}.quick-add input{font-size:12px}.task-row{gap:9px}.task-title{font-size:12px}.task-actions{gap:2px}.task-actions .icon-button{padding:6px}.task-footer{font-size:9px;align-items:flex-start}.task-footer>span{max-width:160px;line-height:1.6}.welcome-strip{font-size:10px;margin-bottom:16px;padding:12px}.goal-card p{font-size:9px}.goal-number{font-size:27px}.goal-number small{font-size:10px}.goal-reward{font-size:9px}.side-card{padding:15px}.side-card h2{font-size:11px}.growth-top{gap:8px}.growth-icon{width:31px;height:31px}.growth-top strong{font-size:11px}.growth-top p{font-size:9px}.progress-label{font-size:8px}.next-stage{font-size:9px}.card-title{margin-bottom:15px}.week-days{justify-content:space-around}.week-note{text-align:center;font-size:10px}.shop-layout{display:flex;flex-direction:column-reverse;gap:20px}.shop-layout>div{width:100%}.shop-aside{position:static}.shop-aside .dino-card{display:none}.shop-note{background:#edf3e4;border:1px solid #dde8d1;border-radius:10px;padding:12px;margin:0;font-size:10px}.shop-tabs{gap:6px;margin-bottom:17px}.filter-pill{font-size:10px;padding:8px 11px}.items-grid{gap:12px}.item-card{padding:12px;min-height:220px}.item-card h3{font-size:11px}.item-card p{font-size:10px}.item-art{height:80px;font-size:35px}.stats-grid{gap:10px;margin-bottom:20px}.stat-card{padding:15px 12px}.stat-card strong{font-size:24px}.stat-card p{font-size:9px;line-height:1.6}.stat-card .icon{width:17px;height:17px}.progress-grid{display:block}.progress-grid>.side-card{margin-bottom:18px;padding:20px}.settings-section{padding:20px}.settings-section h2{font-size:13px}.setting-row p{max-width:230px}.toast{bottom:82px;width:max-content;max-width:calc(100vw - 32px);font-size:11px}.content-footer{font-size:9px;padding-top:23px}.tab{font-size:11px}.tabs{gap:23px}.empty{padding-top:25px}.desktop-settings{display:none}}@media(min-width:761px){.nav .mobile-settings{display:none}}
@media(max-width:760px){.shop-layout.is-personal .shop-aside .dino-card{display:block;min-height:230px}.shop-layout.is-personal .shop-aside .habitat{height:130px}.shop-layout.is-personal .shop-aside .dino-image{height:140px}.shop-layout.is-personal .shop-aside .habitat:before{height:100px}.quick-add input:focus,.field input:focus,.field select:focus{font-size:16px}}

/* A paleta original do Dinolist, aplicada ao novo layout. */
:root{--bg:#e6fff5;--ink:#1e3d46;--muted:#53757b;--green:#087f8c;--lime:#bbf7d0;--line:#d7ebe7;--orange:#f59e0b;--shadow:0 8px 28px #075f7514;font-family:'Nunito',sans-serif}
body{background:linear-gradient(135deg,#4ade80 0%,#22d3ee 55%,#f59e0b 100%);background-attachment:fixed;color:var(--ink)}
.sidebar{background:#ffffffed;border-right-color:#ffffff80}
.workspace{background:transparent}
.topbar{background:#ffffffed;border-bottom-color:#ffffff80}
.content{padding-top:26px}
.page-intro{background:#ffffffed;border:1px solid #ffffffb3;border-radius:18px;padding:21px 24px;margin-bottom:22px;box-shadow:0 5px 20px #075f7508}
.date-line,.nav-section-label,.eyebrow{color:#54787b;font-weight:800}
h1{font-size:32px;font-weight:800;letter-spacing:-.7px}
h2,h3{font-weight:800;letter-spacing:-.25px}
.subtitle{color:#55767c;font-size:13px}
.intro-decoration{color:#29a685}
.breadcrumb{color:#63858a}.breadcrumb strong{color:#24505c}
.nav button{color:#58787e;font-size:14px;font-weight:700}
.nav button:hover{background:#e7fcf6}
.nav button.active{background:linear-gradient(110deg,#d5fbe7,#d4f6fb);color:#077d79}
.nav .badge{border-color:#a9e8d4;color:#138b72}
.sidebar-note{background:linear-gradient(135deg,#e6fff0,#e4faff);border-color:#c8efdf}
.sidebar-note p{color:#527b76}.sidebar-note .leaf{color:#16a36e}
.sidebar-footer{color:#5c837d}.saved-dot{background:#22c55e}
.wallet{background:#fff5dc;border-color:#f5ce78;color:#98600c}
.profile-pill{background:#d9faea;border-color:#afe6d0}
.dino-card{background:linear-gradient(135deg,#dcfce7,#cffafe);border-color:#b3e6cf;border-radius:20px;box-shadow:var(--shadow)}
.habitat:before{background:#bef2d5;box-shadow:0 0 0 24px #c9f7df,0 0 0 49px #d5fae8}
.ground{background:#60bd8a33}.habitat .speck{color:#23a57e}
.stage-tag{color:#20775f;border-color:#bee7d3;font-weight:800}
.stage-tag i{background:#22c55e}
.dino-caption h2{font-size:19px;font-weight:800}.dino-caption p{color:#447e74;font-size:12px}
.text-button{color:#148a83;font-weight:700;font-size:12px}.text-button:hover{color:#056777}
.tasks-panel,.side-card,.settings-section,.stat-card,.item-card{background:#fffffff5;border-color:#d5ede5;box-shadow:var(--shadow);border-radius:18px}
.section-heading h2{font-size:17px}.count-badge{background:#dcfce7;color:#208252;font-weight:800}
.tabs{border-color:#dcefe6}.tab{color:#66868a;font-size:12px}.tab span{color:#658f86}.tab.active{color:#058b83}
.quick-add{background:#f1fff8;border-color:#a9dec8}.quick-add>.icon{color:#31a97f}
.quick-add input{font-size:13px}.quick-add input::placeholder{color:#6e9488}
.quick-add button{background:#bbf7d0;color:#168351}.quick-add button:hover{background:#a0efbb}
.task-title{font-size:13px}.task-meta{font-size:10px;color:#68887a}
.task-check{border-color:#a8d6c3}.task-check:hover{background:#dcfce7;border-color:#22c55e}
.task-row.done .task-check{background:#16a36e;border-color:#16a36e}
.task-row.done .task-title{color:#77948c}.task-row{border-bottom-color:#e5f2ec}
.task-reward{color:#158960;background:#e5fff0;font-weight:800}
.icon-button{color:#5e9388}.icon-button:hover{background:#e3fff0;color:#087f8c}
.task-footer{color:#6b8f85}.task-footer .text-button{font-size:11px}
.empty-icon{background:linear-gradient(135deg,#dcfce7,#cffafe);color:#1ca976}
.empty p{color:#63857d;font-size:12px}.empty h3{font-size:14px}
.suggestions button{color:#118c6c;border-color:#b0e8d0;background:#f3fff8;font-size:11px}.suggestions button:hover{background:#d8fbe9}
.goal-card{background:linear-gradient(130deg,#10b981,#0891b2);border-color:#ffffff40;color:white}
.goal-card h2{color:#fff}.goal-card p{color:#e2fff4;font-size:11px}
.goal-card .goal-number small{color:#defcf4}.goal-card .progress-fill{background:#fcd34d}
.goal-card .progress-track{background:#ffffff40}.goal-reward{color:#fff5ca;font-weight:700}
.goal-card .text-button{color:#e5fff7!important}.goal-card .card-title .icon{color:#e5fff7}
.growth-icon{color:#0eae82;background:#dffcef}.growth-top p{color:#64877c;font-size:11px}
.progress-label{color:#597f77;font-size:10px}.progress-track{background:#def4e6}.progress-fill{background:linear-gradient(90deg,#22c55e,#22d3ee)}
.next-stage{color:#528579;font-size:11px}.card-title .icon{color:#22a482}
.week-day{color:#64847b}.day-dot{background:#e9faf1;color:#5e8275}.day-dot.hit{background:#bbf7d0;color:#11844a}.day-dot.current{border-color:#10b981;color:#087f72}.week-note{color:#628479;font-size:11px}.week-note strong{color:#138454}
.quote{background:#ffffffd9;border:1px solid #ffffff80;padding:12px 14px;border-radius:12px;color:#37786e;font-size:11px;margin-top:0}
.content-footer{color:#16494e;font-weight:800;background:#ffffffb8;border-radius:99px;width:fit-content;margin:24px auto 0;padding:9px 17px}
.welcome-strip{background:#fff8e7;border-color:#f3d18d;color:#967132;font-size:12px}.welcome-strip strong{color:#895d16}.welcome-strip .icon{color:#f59e0b}
.primary{background:#087f8c;border-color:#087f8c;font-weight:800}.primary:hover{background:#066b76;border-color:#066b76}
.secondary{background:#f2fff8;border-color:#b6e3cf;color:#16866d;font-weight:800}.secondary:hover{background:#dcfce7}
.filter-pill{background:#ffffffed;border-color:#c0e7d8;color:#46867b;font-weight:800}.filter-pill.active{background:#087f8c;border-color:#087f8c;color:#fff}
.item-art{background:#ddfcef}.item-card:nth-child(3n+2) .item-art{background:#fff1d6}.item-card:nth-child(3n) .item-art{background:#def7fd}
.item-card h3{font-size:14px}.item-card p{color:#64867b;font-size:11px}.item-owned{color:#15925e}.item-price{color:#a2670b}
.shop-note{background:#ffffffeb;border:1px solid #ffffff90;border-radius:12px;padding:13px;color:#547c75}
.stat-card p{color:#62877a;font-size:12px}.stat-card .icon{color:#11a384}
.milestone p,.achievement p,.storage-note{color:#608477}.achievement-medal{background:#fff0cb}.milestone-art{background:#e9fff3}
.field>span{color:#3f7c70;font-size:12px}.field input,.field select{background:#f6fffa;border-color:#bde5d2;font-size:14px}.field small{color:#638779;font-size:11px}
.setting-row p{color:#638779;font-size:11px}.setting-row strong{font-size:13px}.toggle:checked{background:#10b981}
dialog{border-color:#b4e8d0;background:#fffefa}.modal-subtitle{color:#618576}.modal-head h2{font-size:21px}.toast{background:#087f8c;font-size:13px}
.scene-sunset{background:linear-gradient(135deg,#fff0ce,#ffd6ab);border-color:#f7ce91}.scene-moonlight{background:linear-gradient(135deg,#e1e7ff,#c5def1);border-color:#b8c9ed}
@media(max-width:760px){.sidebar{background:#fffffff5}.topbar{background:#ffffffed}.content{padding:20px 16px}.page-intro{padding:17px 18px;border-radius:16px}h1{font-size:27px}.subtitle{font-size:12px}.nav button{font-size:10px}.dino-caption h2{font-size:18px}.dino-caption p{font-size:11px}.task-title{font-size:13px}.task-meta{font-size:10px}.quick-add input{font-size:13px}.task-footer{font-size:10px}.task-footer .text-button{font-size:10px}.welcome-strip{font-size:11px}.side-card h2{font-size:12px}.goal-card p{font-size:10px}.growth-top p{font-size:10px}.progress-label{font-size:9px}.next-stage{font-size:10px}.item-card h3{font-size:13px}.shop-aside .shop-note{background:#f2fff8}.content-footer{font-size:10px;padding:8px 13px}.toast{font-size:12px}}

/* Panoramas e sprites: as artes são camadas independentes. */
.dino-pixel,.pixel-item{display:inline-block;width:72px;height:72px;flex-shrink:0;background-repeat:no-repeat;background-size:400% 200%;background-position:var(--sprite-x,0%) var(--sprite-y,0%);image-rendering:pixelated;vertical-align:middle}
.dino-pixel{background-image:url('./assets/pixel/dinos.png');background-color:transparent;mix-blend-mode:normal;border-radius:0}
.pixel-item{background-image:url('./assets/pixel/items.png')}
.brand{display:flex;align-items:center;width:auto;padding:0 0 27px;gap:0;text-decoration:none;overflow:visible}
.brand-name{font-family:'Nunito',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;color:#263249}
.brand .brand-dino{width:65px;height:65px;margin-left:-8px;margin-right:-6px}
.mobile-wordmark{display:none;text-decoration:none;align-items:center;gap:0}
.profile-pill .pixel-item{width:25px;height:25px}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;gap:22px}
.dashboard-main .tasks-panel{min-height:460px}
.dashboard-main .tasks-panel .empty{padding:54px 12px 42px}
.dashboard-main .quote{margin-top:17px}
.dashboard-side .side-card{padding:17px;margin-bottom:16px}
.dashboard-side .card-title{margin-bottom:12px}
.dashboard-side .growth-top{margin-bottom:12px}
.dashboard-side .goal-card p{margin-bottom:12px}
.dashboard-side .goal-reward{margin-top:10px}
.dino-card.pixel-habitat{min-height:0;display:block;margin:0;background:#fff;border:1px solid #cae4db;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.habitat-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:#fffffff8}
.habitat-header>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.habitat-header h2{font-size:14px;font-weight:800;letter-spacing:-.2px;margin:0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.habitat-header>div>span{font-size:9px;color:#66847a;white-space:nowrap}
.pixel-habitat .habitat-panorama{height:140px;min-height:0;position:relative;display:block;isolation:isolate;overflow:hidden;background-image:var(--habitat-image);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated}
.pixel-habitat .habitat:before,.pixel-habitat .habitat:after{display:none}
.pixel-habitat .habitat-dino{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:132px;height:132px;z-index:3;animation:pixel-idle 4s ease-in-out infinite;filter:drop-shadow(0 2px 0 #3f331823)}
.decor-piece{position:absolute;bottom:16px;z-index:4;line-height:0;transform:translateX(-50%)}
.decor-piece .pixel-item{width:49px;height:49px}
.accessory-piece{position:absolute;left:calc(50% + 15px);bottom:92px;z-index:5;line-height:0;transform:translateX(-50%)}
.accessory-piece .pixel-item{width:37px;height:37px}
.floating-accessory{left:69%;bottom:68px}
.floating-accessory .pixel-item{width:29px;height:29px}
.habitat-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px;background:#fff}
.habitat-footer>span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#668276;min-width:0}
.habitat-footer>span>.icon{width:12px;height:12px}
.habitat-footer .text-button{font-size:10px;padding:1px 0;white-space:nowrap}
.habitat-footer .text-button .icon{width:12px;height:12px}
.shop-layout{grid-template-columns:minmax(0,1fr) 310px}
.shop-aside .dino-card.pixel-habitat{display:block;margin-bottom:14px;min-height:0}
.shop-aside .pixel-habitat .habitat-panorama{height:136px}
.shop-aside .shop-note{margin-bottom:13px}
.item-art{height:103px;overflow:hidden;position:relative;display:grid;place-items:center}
.item-art>.pixel-item{width:90px;height:90px}
.item-art .scene-thumb{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.scene-item-card .item-art{padding:0;background:#e8fff4}
.item-buy{flex-wrap:wrap;gap:8px}.item-buy button{font-size:10px;max-width:138px}
.achievement-medal .pixel-item{width:34px;height:34px}
.dino-pixel.milestone-art{width:56px;height:56px;background-color:transparent;mix-blend-mode:normal;border-radius:0}
.dino-pixel.modal-egg{display:block;width:145px;height:145px;margin:0 auto 10px;mix-blend-mode:normal;object-fit:initial}
.dino-pixel.hatched-dino{width:180px;height:180px}
.pixel-habitat.celebrating .habitat-dino{animation:pixel-hop .65s ease-in-out 2}
@keyframes pixel-idle{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}
@keyframes pixel-hop{0%,100%{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(-13px)}}
@media(min-width:1550px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 400px}.pixel-habitat .habitat-panorama{height:151px}.dashboard-main .tasks-panel{min-height:485px}}
@media(max-width:1190px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.shop-layout{grid-template-columns:minmax(0,1fr) 280px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habitat-header{padding:9px 12px}.habitat-header h2{max-width:125px}}
@media(max-width:980px) and (min-width:761px){.sidebar .brand{justify-content:center;padding:0 0 24px}.sidebar .brand-name{display:none}.sidebar .brand .brand-dino{width:60px;height:60px;margin:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.habitat-header>div{gap:6px}.habitat-header>div>span{font-size:8px}.habitat-header h2{font-size:13px;max-width:105px}}
@media(max-width:760px){.sidebar .brand{display:none}.mobile-wordmark{display:flex;width:auto;height:46px}.mobile-wordmark .brand-dino{width:54px;height:54px;margin-left:-11px;margin-right:-5px}.mobile-wordmark .brand-name{font-size:24px}.dashboard-grid{display:flex;gap:18px}.dashboard-main .tasks-panel{min-height:320px}.dashboard-main .tasks-panel .empty{padding:35px 8px 28px}.dashboard-main .quote{font-size:10px;padding:10px 12px}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dashboard-side .side-card{margin:0;padding:14px}.dashboard-side .pixel-habitat{grid-column:1/-1}.pixel-habitat .habitat-panorama{height:139px}.habitat-header{padding:10px 13px}.habitat-header h2{font-size:15px;max-width:180px}.habitat-header>div>span{font-size:10px}.habitat-footer{padding:9px 12px}.habitat-footer>span,.habitat-footer .text-button{font-size:11px}.shop-layout{display:flex;flex-direction:column-reverse}.shop-aside .dino-card.pixel-habitat,.shop-layout.is-personal .shop-aside .dino-card.pixel-habitat{display:block;min-height:0}.shop-aside .pixel-habitat .habitat-panorama,.shop-layout.is-personal .shop-aside .pixel-habitat .habitat-panorama{height:137px}.item-art{height:96px}.item-art>.pixel-item{width:84px;height:84px}.item-card p{font-size:11px}.item-card .item-buy button{max-width:100%;font-size:10px}}

.pixel-item{clip-path:inset(3% 6% 3% 6%)}
/* O cenário ocupa a faixa da saudação, acima de toda a área de tarefas. */
.dino-card.pixel-habitat.dino-hero{height:152px;min-height:152px;margin:0 0 22px;position:relative;isolation:isolate;background:#fffdf4;border-radius:18px;border-color:#ffffffc0}
.dino-hero .habitat-panorama{position:absolute;inset:0 0 0 auto;height:100%;width:62%;background-size:100% 100%;z-index:0}
.dino-hero .habitat-dino{left:66%;bottom:12px;width:132px;height:132px}
.dino-hero .accessory-piece{left:calc(66% + 15px)}
.dino-hero .floating-accessory{left:82%}
.hero-copy{position:relative;z-index:6;width:57%;height:100%;padding:17px 24px;background:linear-gradient(90deg,#fffffff7 0%,#fffffff5 70%,#ffffff00 100%);pointer-events:none}
.hero-copy .date-line{font-size:9px;letter-spacing:1px;margin:0 0 5px;white-space:nowrap}
.hero-copy h1{font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.6px;margin:0 0 5px}
.hero-copy .subtitle{font-size:11px;line-height:1.5;margin:0;max-width:360px}
.hero-companion{display:flex;align-items:center;gap:8px;margin-top:9px;max-width:340px}
.hero-name{display:inline-flex;align-items:center;gap:5px;border:0;background:#e2f8e9e6;color:#226950;border-radius:6px;font-size:11px;font-weight:800;padding:4px 7px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}
.hero-name .icon{width:11px;height:11px}
.hero-companion>span{font-size:10px;color:#527c72;white-space:nowrap}
.hero-scene-button{position:absolute;z-index:7;right:10px;bottom:8px;display:flex;align-items:center;gap:6px;background:#ffffffeb;border:1px solid #ffffffc0;border-radius:7px;padding:5px 8px;color:#356657;font-size:10px;font-weight:800;box-shadow:0 1px 7px #223b3210}
.hero-scene-button:hover{background:#fff}
.hero-scene-button .icon{width:12px;height:12px}
.dashboard-side .week-card{margin-bottom:0}
@media(max-width:980px) and (min-width:761px){.hero-copy{width:60%;padding:19px}.hero-copy h1{font-size:23px}.hero-copy .subtitle{font-size:10px}.hero-copy .date-line{font-size:8px}}
@media(max-width:760px){.dino-card.pixel-habitat.dino-hero{height:170px;min-height:170px;margin-bottom:18px;border-radius:16px}.dino-hero .habitat-panorama{width:68%;height:100%;background-size:auto 100%;background-position:right bottom}.dino-hero .habitat-dino{left:69%;width:122px;height:122px;bottom:18px}.hero-copy{width:62%;padding:17px 14px;background:linear-gradient(90deg,#fffffff7 0%,#fffffff1 62%,#ffffff00 100%)}.hero-copy .date-line{font-size:8px;letter-spacing:.5px;white-space:normal;max-width:157px;line-height:1.6;margin-bottom:7px}.hero-copy h1{font-size:20px;line-height:1.2;max-width:177px;margin-bottom:6px}.hero-copy .subtitle{display:none}.hero-companion{flex-direction:column;align-items:flex-start;gap:4px;margin-top:9px;max-width:155px}.hero-name{max-width:145px;font-size:10px;padding:3px 6px}.hero-companion>span{font-size:9px}.hero-scene-button{font-size:9px;gap:4px;padding:4px 6px;right:7px;bottom:7px}.hero-scene-button .icon{width:10px;height:10px}.dino-hero .accessory-piece{left:calc(69% + 15px);bottom:98px}.dino-hero .floating-accessory{left:85%;bottom:76px}}


.habitat-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 22px;margin:0 0 14px;background:#fffffff0;border:1px solid #ffffffc0;border-radius:16px;box-shadow:0 4px 16px #075f7508}
.habitat-intro .date-line{font-size:9px;margin:0 0 6px;letter-spacing:1px}
.habitat-intro h1{font-size:27px;line-height:1.25;margin:0 0 6px;letter-spacing:-.6px}
.habitat-intro .subtitle{font-size:11px;line-height:1.6}
.intro-companion{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:100px;max-width:210px}
.intro-companion>span{font-size:10px;white-space:nowrap;color:#527c72}
.intro-companion .hero-name{max-width:200px;pointer-events:auto}
.dino-hero .habitat-panorama{width:100%;height:100%;inset:0;background-size:100% auto;background-position:center 75%;touch-action:pan-y;cursor:default}
.dino-hero .personalize-icon{right:12px;top:12px;bottom:auto;width:34px;height:34px;border-radius:10px;padding:8px;background:#fffffff0;border:1px solid #ffffffd0;color:#286f5e;display:grid;place-items:center}
.dino-hero .personalize-icon .icon{width:17px;height:17px}
.dino-actor{position:absolute;left:66%;bottom:12px;width:132px;height:132px;transform:translateX(-50%);z-index:5;pointer-events:none;--actor-facing:1;will-change:left}
.actor-step,.actor-look{position:relative;width:100%;height:100%}
.actor-step{transform-origin:50% 90%;animation:pet-rest 3.4s ease-in-out infinite}
.actor-look{transform:scaleX(var(--actor-facing));transform-origin:center}
.dino-pixel.actor-body{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 0 #3f331825)}
.dino-actor.is-walking .actor-step{animation:pet-walk .24s ease-in-out infinite}
.actor-outfit{position:absolute;left:62%;bottom:88px;line-height:0;z-index:2}
.actor-outfit .pixel-item{width:37px;height:37px}
.actor-outfit.actor-floating{left:84%;bottom:65px}.actor-outfit.actor-floating .pixel-item{width:29px;height:29px}
.celebrating .dino-actor .actor-step{animation:pet-cheer .65s ease-in-out 2}
@keyframes pet-rest{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.012)}}
@keyframes pet-walk{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes pet-cheer{0%,100%{transform:translateY(0)}45%{transform:translateY(-13px) rotate(4deg)}}
@media(max-width:760px){.habitat-intro{padding:15px 16px;gap:12px;align-items:flex-start}.habitat-intro h1{font-size:22px}.habitat-intro .date-line{font-size:8px;letter-spacing:.6px;line-height:1.6}.habitat-intro .subtitle{font-size:10px}.intro-companion{min-width:0;max-width:110px;padding-top:3px}.intro-companion .hero-name{max-width:105px;font-size:10px}.intro-companion>span{font-size:8px}.dino-hero .habitat-panorama{width:100%;height:100%;background-size:auto 100%;background-position:center bottom}.dino-hero .personalize-icon{right:10px;top:10px;width:34px;height:34px;padding:8px}.dino-actor{width:122px;height:122px;bottom:18px}.actor-outfit{bottom:82px}.actor-outfit.actor-floating{bottom:60px}}
@media(prefers-reduced-motion:reduce){.actor-step,.dino-actor.is-walking .actor-step{animation:none!important}}