@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Outfit:wght@400;500;550;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#264b3e;background:#f5f3e9;font-synthesis:none;--green:#285541;--muted:#808779;--cream:#f8f6ee;--line:#e5e5d9}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d1933c;outline-offset:4px}button{color:inherit}button .icon{pointer-events:none}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button{border:0}a{color:inherit;text-decoration:none}#app{height:100dvh;min-height:620px;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:86px minmax(0,1fr) 42px;overflow:hidden}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fcfaf3;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:13px;min-width:270px}.brand>span:last-child{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:3.1px;line-height:1.2;font-weight:600}.brand strong{font-size:24px;letter-spacing:1.2px;display:block;font-weight:750}.brand-period{color:#bf8d46}.brand-emblem{width:42px;height:47px;display:grid;place-items:center;background:#e8eddf;border-radius:12px}.brand-emblem .icon{width:30px;height:30px}.top-location{display:flex;gap:13px;align-items:center;font-size:12px;margin-right:auto;margin-left:28px}.live-dot{width:6px;height:6px;background:#86a775;border-radius:50%;display:inline-block;flex-shrink:0}.top-location>span:nth-child(2){font-weight:650}.divider{color:#b3b5a4}.top-location small{font-size:11px;color:#8e9183}.account{display:flex;align-items:center;gap:24px}.wallet{display:flex;gap:8px;align-items:center;font-size:12px}.wallet .icon{color:#c3934c;width:23px}.wallet strong{font-family:Outfit;font-size:20px;font-weight:600}.wallet span{color:var(--muted);font-size:10px}.avatar-button{background:#e9bd73;width:38px;height:38px;border-radius:50%;border:3px solid #f2e5c8}.avatar-button .icon{width:20px}.sidebar{background:#fcfaf3;padding:31px 25px 15px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:4}.section-kicker{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#8b9581}.sidebar h1{font-family:Outfit;font-weight:550;font-size:25px;letter-spacing:-.7px;line-height:1.15;margin:12px 0}.intro{font-size:10px;line-height:1.8;color:#929184;margin:0 0 24px}nav{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;border-radius:8px;background:transparent;text-align:left;font-size:11px;font-weight:500;padding:10px 12px;color:#6d776b}.nav-item .icon{width:18px;height:18px}.nav-item.active{background:#e9eddc;color:#33553e;font-weight:650}.nav-item:hover{background:#eef0e5}.nav-dot{width:5px;height:5px;border-radius:50%;background:#758d54;margin-left:auto}.tiny-arrow{margin-left:auto;color:#a3aa98}.count{font-size:9px;background:#edeedf;padding:3px 6px;border-radius:4px;margin-left:auto}.mission-card{background:#f2eddb;border:1px solid #e9e2c9;border-radius:12px;margin-top:27px;padding:18px}.card-eyebrow{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#927743;display:flex;align-items:center;gap:6px}.spark{font-size:20px;line-height:16px}.mission-card h2{font-family:Outfit;font-size:17px;font-weight:550;line-height:1.25;margin:13px 0 9px}.mission-card p{font-size:10px;line-height:1.7;color:#8b8771;margin:0 0 14px}.mission-cta{display:flex;align-items:center;justify-content:space-between;background:#355b43;border-radius:6px;color:#fbf8e9;width:100%;font-size:10px;padding:11px 12px}.mission-cta:hover{background:#254632}.mission-cta .icon{width:15px;height:15px}.mission-progress{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.6px;font-weight:600;color:#9a9179;margin:16px 0 7px}.progress-track{background:#e2ddc7;border-radius:4px;height:4px;overflow:hidden}.progress-track>div{height:100%;background:#b99b56;transition:width .4s}.profile-summary{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:23px}.small-avatar{width:35px;height:35px;background:#eee1bf;border-radius:11px;display:grid;place-items:center}.small-avatar .icon{width:21px}.profile-summary strong{display:block;font-size:11px;max-width:140px;overflow-wrap:anywhere}.profile-summary span{font-size:9px;color:#9a9c8d}.profile-summary .level-badge{margin-left:auto;background:#e9eddd;padding:6px;border-radius:6px;font-size:12px;color:#577244;font-family:Outfit}.xp-row{display:flex;justify-content:space-between;font-size:8px;color:#9a9d8c;margin:12px 0 6px}.xp{height:3px;background:#e6e9db}.xp>div{background:#90aa72}.sidebar-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:flex;align-items:center;gap:6px;font-size:8px;color:#a0a28f}.sidebar-footer .live-dot{width:4px;height:4px}.game-area{position:relative;overflow:hidden;background:#b8d8d1}#world,#labels{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;outline:none}#labels{pointer-events:none;overflow:hidden}.world-heading{position:absolute;top:25px;left:29px;right:26px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.world-heading .section-kicker{color:#58796b;font-size:8px}.world-heading h2{font-family:Outfit;font-size:23px;font-weight:500;letter-spacing:-.6px;margin:7px 0}.world-heading h2 span{font-size:20px;margin-left:11px;color:#7e9d84}.day-pill{display:flex;align-items:center;gap:7px;border:1px solid #ffffff60;background:#f9f8edb3;font-size:9px;padding:8px 13px;border-radius:20px;color:#728063}.day-pill .icon{width:15px;height:15px;color:#b48e4d}.map-label{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);border:1px solid #ffffffe8;padding:9px 13px 8px;border-radius:9px;background:#fffdf0ee;box-shadow:0 5px 12px #34544014;font-size:10px;font-weight:650;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,box-shadow .2s}.map-label:after{content:"";position:absolute;left:calc(50% - 4px);bottom:-5px;width:8px;height:8px;background:#fffdf0;transform:rotate(45deg)}.map-label:hover{background:#fffdf0;box-shadow:0 6px 16px #34544035}.map-label small{display:block;font-size:7px;font-weight:400;color:#96937d;margin:3px 0 0 13px}.label-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.map-label.office{border-color:#e4c37d}.world-caption{position:absolute;top:97px;left:30px;display:flex;gap:6px;align-items:center;font-size:9px;color:#54786b}.world-caption .live-dot{background:#62886b;width:4px;height:4px}.camera-tools{position:absolute;right:22px;top:50%;display:flex;flex-direction:column;border:1px solid #fff6;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #35544210}.camera-tools button{display:grid;place-items:center;background:#fffdf0ed;font-size:21px;width:34px;height:35px;border-bottom:1px solid #e6e9d9}.camera-tools button:last-child{border:0}.camera-tools .icon{width:16px}.camera-tools button:hover{background:#e8eddb}.controls-hint{position:absolute;bottom:27px;left:28px;display:flex;gap:10px;align-items:center;color:#5f7c6c;font-size:8px}.controls-hint>div{display:flex;flex-direction:column;align-items:center;gap:3px}.keyline{display:flex;gap:3px}kbd{font:9px DM Sans;display:inline-grid;place-items:center;min-width:17px;height:17px;background:#f6f6e7d9;border:1px solid #9bad9380;border-radius:3px;box-shadow:0 1px 1px #6c856525}.controls-hint i{height:20px;width:1px;background:#88a69266;margin:0 4px}.map-card{position:absolute;right:22px;bottom:22px;width:163px;padding:11px;background:#fcfbf0ed;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 16px #4569510a}.map-card>div{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:700;letter-spacing:1px;margin-bottom:7px}.map-card .icon{width:12px;height:12px;color:#909b7f}.map-card canvas{width:100%;height:86px;display:block;border-radius:5px}.map-legend{display:flex;align-items:center;gap:5px;font-size:7px;color:#999c89;margin-top:7px}.map-legend b{width:4px;height:4px;background:#50714d;border-radius:50%}.bottom-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-top:1px solid var(--line);background:#fcfaf3;z-index:5;color:#939b88;font-size:7px;letter-spacing:1.3px}.bottom-bar b{font-family:Outfit;color:#58714a;font-size:11px;margin-right:11px;letter-spacing:1px}.bottom-bar>div{display:flex;gap:13px;align-items:center}.bottom-bar button{background:transparent;padding:3px;opacity:.65}.bottom-bar button.enabled{opacity:1;color:#ca994a}.bottom-bar .icon{width:15px;height:15px}.local-label{font-size:7px;letter-spacing:1px;padding-right:8px;border-right:1px solid var(--line)}.interact{position:absolute;bottom:102px;left:50%;transform:translate(-50%);background:#31583fee;color:#fffbea;display:flex;align-items:center;gap:12px;padding:11px 17px;border-radius:9px;font-size:11px;box-shadow:0 5px 20px #345e3a33;white-space:nowrap}.interact kbd{background:#ffffff20;color:#fffbea;border-color:#ffffff50;width:23px;height:23px}.interact .icon{width:17px}.room-toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:7px;white-space:nowrap}.room-toolbar button{background:#fffcf0f2;padding:12px 15px;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:7px}.room-toolbar .icon{width:16px;height:16px}.touch-controls{display:none}.graphics-error{margin:150px auto;max-width:400px;padding:25px;background:#fff9e8;border-radius:12px}dialog{width:660px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);background:#fcfaf2;border:1px solid #e8e4d3;border-radius:20px;padding:25px 30px 30px;color:#294c3d;box-shadow:0 24px 100px #173e3a40}dialog::backdrop{background:#163e3955;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;letter-spacing:1.6px;color:#9d9477}.panel-top button{width:30px;height:30px;background:#eeeee2;border-radius:50%;font-size:22px;font-weight:400}.panel-top button:hover{background:#e3e7d6}#panel-title{font-family:Outfit;font-size:31px;font-weight:550;letter-spacing:-.8px;line-height:1.1;margin:18px 0}.panel-description{color:#7f8676;font-size:13px;line-height:1.7;margin:0 0 22px}.primary{background:#355c43;border-radius:7px;padding:12px 16px;color:#fff9e7;font-size:12px;font-weight:550;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary:hover:not(:disabled){background:#244731}.primary .icon{width:17px;height:17px}.wide{width:100%;margin-top:15px;min-height:46px}.job{border-top:1px solid #e2e5d5;padding:20px 0;display:flex;align-items:center;gap:15px}.job h3{font-family:Outfit;font-size:17px;font-weight:500;margin:7px 0}.job>.primary,.job>.done-button{margin-left:auto}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#90977d}.client-portrait{background:#e9d1a6;width:47px;height:52px;flex-shrink:0;border-radius:16px 16px 12px 12px;display:grid;place-items:center;font-family:Outfit;font-size:25px;color:#97704e}.portrait-1{background:#d4dfcc;color:#5b7e66}.portrait-2{background:#e4d2e2;color:#967797}.reward{display:flex;gap:5px;align-items:center;color:#a17e39;font-size:10px}.reward .icon{width:13px;height:13px}.reward>span{color:#839273;margin-left:7px}.done-button{background:#e6edda;font-size:10px;padding:10px;border-radius:6px}.client-quote{display:flex;gap:13px;background:#f1eddf;padding:17px;border-radius:10px}.client-quote strong{font-size:12px}.client-quote strong span{color:#949481;font-weight:400}.client-quote p{font-size:12px;color:#7f826e;line-height:1.7;margin:7px 0 0}.steps{display:flex;gap:6px;margin:24px 0}.steps span{flex:1;padding-bottom:10px;border-bottom:3px solid #e6e6d7;color:#a8ab9b;font-size:11px}.steps .complete{color:#668158;border-color:#9db38a}.steps .current{color:#ac8847;border-color:#cbb270}#panel-content h3{font-family:Outfit;font-size:18px;font-weight:500}.evidence{padding:18px 20px;background:#eaf0de;border:1px solid #dce5c9;border-radius:9px;margin:18px 0}.evidence p{font-size:12px;line-height:1.8;color:#5f7851;margin:9px 0 0}.answers{display:grid;gap:8px}.answers button{background:#f5f3e9;border:1px solid #dfE3d3;border-radius:7px;padding:13px;text-align:left;font-size:12px;display:flex;gap:13px;align-items:center}.answers button:hover{background:#eaf0de;border-color:#97b586}.answers button>span{display:grid;place-items:center;width:25px;height:25px;background:#e8e9d9;border-radius:5px;font-size:10px}.answers .icon{width:16px;margin-left:auto}.parts-needed{display:flex;gap:12px;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:10px}.parts-needed small{display:block;font-size:9px;color:#95977f;margin-top:5px}.parts-needed>.icon{color:#8c9c79}.text-button{background:transparent;font-size:10px;margin-left:auto;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.product{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:20px 0}.product-art{width:69px;height:69px;background:#e9eddd;border:1px solid #dce3cc;border-radius:12px;display:grid;place-items:center;flex-shrink:0;transform:rotate(-3deg)}.product-art .icon{width:40px;height:40px;stroke-width:1.3;color:#658555}.product h3{margin:0 0 5px}.product p{font-size:11px;color:#93947f;line-height:1.6;margin:0 0 7px}.product small{font-size:9px;color:#789368}.product>.primary{margin-left:auto;display:flex;flex-wrap:wrap;gap:5px;min-width:84px;width:84px;flex-shrink:0}.product>.primary span{width:100%;font-size:8px;opacity:.7;text-transform:uppercase;letter-spacing:1px}.quantity{font-family:Outfit;font-size:23px;margin-left:auto;min-width:64px;text-align:center}.quantity small{display:block;font-family:DM Sans;font-size:9px;color:#939b87;font-weight:400}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid>div{padding:18px;background:#f0efdf;border-radius:10px}.help-grid .icon{color:#809766}.help-grid h3{margin:12px 0 7px}.help-grid p,.lesson p{font-size:12px;color:#8a8f7c;line-height:1.8;margin:0}.lesson{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0}.lesson>b{font-family:Outfit;color:#b7bd9d;font-size:25px}.lesson h3{margin:0 0 7px}.fine-print{font-size:11px;color:#909780;line-height:1.8}.park-summary{text-align:center;background:#edf1df;padding:25px;border-radius:12px}.park-summary>.icon{width:42px;height:42px;color:#809b64}.park-summary p{font-size:12px;color:#7d8d6b}.upgrade-art{display:flex;flex-direction:column;align-items:center;gap:12px;background:#eceede;padding:28px;border-radius:13px;margin-bottom:20px}.upgrade-art>.icon{width:65px;height:65px;stroke-width:1;color:#7a9465}.upgrade-art span{font-size:9px;letter-spacing:2px;color:#81936e}.upgrade-info{display:grid;gap:15px;font-size:12px}.upgrade-info>span{display:flex;justify-content:space-between}.success-seal{width:74px;height:74px;background:#e3edd3;border-radius:50%;display:grid;place-items:center;margin:20px auto}.success-seal .icon{width:38px;height:38px;color:#668752}.reward-summary{display:flex;justify-content:center;gap:65px;padding:12px 0}.reward-summary strong{font-family:Outfit;font-size:35px;color:#b28e45;font-weight:500;text-align:center}.reward-summary strong:last-child{color:#7c955b}.reward-summary span{display:block;font:10px DM Sans;color:#8c9779;text-transform:uppercase;letter-spacing:1px;margin-top:6px}#profile-form label{display:block;font-size:12px;margin:18px 0 9px}#profile-form input{background:#f4f1e3;border:1px solid #dfe1cf;border-radius:6px;padding:12px;width:100%;font:14px DM Sans;color:#37503a}#profile-form input[type=color]{width:100%;height:48px;padding:5px}#toast{position:fixed;bottom:62px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#2c513f;color:#fff9e7;padding:13px 21px;border-radius:9px;box-shadow:0 6px 25px #27463430;font-size:12px;max-width:90vw;z-index:20;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#855744}body:has(dialog[open]) #toast{z-index:9999}dialog #toast{position:sticky;bottom:0;left:auto;transform:none;margin:18px 0 0;max-width:100%;width:auto;display:none}dialog #toast.visible{display:block;transform:none}@media(min-height:950px){.sidebar{padding-top:42px}.intro{margin-bottom:35px}.nav-item{min-height:50px}.mission-card{margin-top:40px}.profile-summary{padding-top:40px}}@media(max-width:1150px){#app{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:25px 19px 14px}.brand{min-width:222px}.top-location{margin-left:18px}.top-location small,.divider{display:none}.sidebar h1{font-size:23px}.mission-card{padding:14px}.world-heading h2{font-size:20px}.controls-hint{gap:7px;left:20px}.controls-hint>span:last-child{max-width:90px;line-height:1.6}.world-heading{left:20px}.world-caption{left:21px}.map-card{width:133px}.map-card canvas{height:70px}}@media(max-height:760px)and (min-width:761px){.sidebar{padding-top:20px}.sidebar h1{font-size:22px}.intro{margin-bottom:14px}.nav-item{min-height:37px}.mission-card{margin-top:16px;padding:13px}.mission-card h2{font-size:15px;margin-top:8px}.mission-card p{font-size:9px;margin-bottom:10px}.mission-progress{margin-top:10px}.profile-summary{padding-top:14px}.sidebar-footer{margin-top:12px}.section-kicker{font-size:7px}}@media(max-width:760px){#app{grid-template-columns:1fr;grid-template-rows:65px minmax(0,1fr) 66px 33px;min-height:560px}.topbar{padding:0 17px;grid-column:1}.brand{min-width:0;gap:9px}.brand-emblem{width:31px;height:37px;border-radius:8px}.brand-emblem .icon{width:25px}.brand>span:last-child{font-size:7px;letter-spacing:2.3px}.brand strong{font-size:18px;letter-spacing:.9px}.top-location{display:none}.account{gap:13px}.wallet{gap:4px}.wallet strong{font-size:18px}.wallet span{display:none}.wallet .icon{width:19px}.avatar-button{width:32px;height:32px;padding:2px}.game-area{grid-row:2}.sidebar{grid-row:3;display:block;padding:0;border:0;border-top:1px solid #e3e6d4}.sidebar>*{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0;height:100%;padding:4px 6px}.nav-item{flex-direction:column;gap:5px;justify-content:center;min-height:0;width:20%;font-size:7px;padding:7px 1px;text-align:center;border-radius:8px}.nav-item .icon{width:20px;height:20px}.nav-item .tiny-arrow,.nav-item .nav-dot,.nav-item .count{display:none}.nav-item span{line-height:1.1}.bottom-bar{grid-row:4;padding:0 15px;font-size:6px;letter-spacing:.7px}.bottom-bar b{font-size:9px;margin-right:6px}.bottom-bar>div{gap:9px}.bottom-bar .icon{width:13px;height:13px}.local-label{font-size:6px}.world-heading{top:20px;left:19px;right:16px}.world-heading h2{font-size:21px;max-width:230px;line-height:1.2;margin:6px 0}.world-heading h2 span{display:none}.world-heading .section-kicker{font-size:7px}.day-pill{font-size:0;padding:8px;gap:0}.day-pill .icon{width:18px;height:18px}.world-caption{left:20px;top:90px;font-size:8px}.map-label{font-size:9px;padding:7px 9px}.map-label small{font-size:6px;margin-left:0}.map-label.lab small,.map-label.park small{display:none}.map-label.lab{font-size:8px}.map-card{width:103px;right:14px;bottom:15px;padding:8px}.map-card canvas{height:55px}.map-card>div{font-size:6px}.map-legend{font-size:6px}.controls-hint{display:none!important}.camera-tools{right:13px;top:36%}.camera-tools button{width:30px;height:30px}.touch-controls{position:absolute;left:17px;bottom:15px;display:flex;flex-direction:column;align-items:center;gap:4px}.touch-controls>div{display:flex;gap:4px}.touch-controls button{width:34px;height:34px;border:1px solid #f7f7e6;background:#fcfbedbb;border-radius:7px;color:#5c795e;font-size:18px;touch-action:none}.touch-controls button:active{background:#d4dfbe}.interact{bottom:130px;padding:9px 12px;font-size:10px}.room-toolbar{bottom:18px;left:auto;right:12px;transform:none;flex-direction:column;gap:5px}.room-toolbar button{padding:9px 10px;font-size:9px}.room-toolbar .icon{width:14px;height:14px}dialog{padding:20px;border-radius:15px;max-width:calc(100vw - 24px)}#panel-title{font-size:27px}.panel-description{font-size:12px}.job{gap:10px;flex-wrap:wrap}.job>.primary,.job>.done-button{margin-left:57px;padding:9px 14px}.job h3{font-size:16px;max-width:225px}.client-portrait{width:40px;height:46px}.product{gap:10px;flex-wrap:wrap}.product-art{width:48px;height:53px}.product-art .icon{width:31px;height:31px}.product>div:nth-child(2){max-width:calc(100% - 60px)}.product h3{font-size:16px!important}.product>.primary{margin-left:58px;width:auto;min-width:140px}.product>.primary span{width:auto;margin-left:7px}.quantity{margin-left:58px;font-size:20px}.quantity small{display:inline;margin-left:5px}.help-grid{gap:12px}.help-grid>div{padding:13px}.help-grid h3{font-size:16px!important}.help-grid p{font-size:11px}.parts-needed{flex-wrap:wrap}.parts-needed .text-button{margin-left:34px}.steps span{font-size:10px}.answers button{font-size:11px}.answers button>span{flex-shrink:0}#toast{bottom:115px;max-width:calc(100vw - 30px);width:max-content;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.destinations-button{pointer-events:auto;display:flex;align-items:center;gap:7px;background:#fffdf0ec;border:1px solid #fff;border-radius:20px;padding:10px 14px;color:#395b48;font-size:11px;font-weight:700;box-shadow:0 4px 12px #31564020}.destinations-button .icon{width:15px;height:15px}.destinations-button:hover{background:#e7efdc}.activity-scene{display:flex;align-items:center;gap:15px}.activity-scene img{width:105px;height:92px;object-fit:contain;flex:none;border-radius:9px}.activity-scene span{flex:1}.destinations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:53vh;overflow:auto}.destinations-grid button{background:#f2f0e4;border:1px solid #e5e5d5;border-radius:9px;min-height:74px;padding:10px;text-align:left;color:#355341}.destinations-grid button:hover,.section-grid button:hover,.pet-grid button:hover{background:#e6edda}.destinations-grid button>span{display:block;width:13px;height:13px;border-radius:50%;margin-bottom:5px}.destinations-grid strong,.destinations-grid small{display:block}.destinations-grid strong{font-size:11px}.destinations-grid small{font-size:9px;color:#89927d;margin-top:4px}.section-grid,.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.section-grid button,.pet-grid button{border:1px solid #dfe4d1;background:#eef0e2;border-radius:10px;padding:18px;text-align:left;color:#355341}.section-grid span,.section-grid strong,.section-grid small,.pet-grid strong,.pet-grid small{display:block}.section-grid span{color:#b79358;font:24px Outfit}.section-grid strong{font:17px Outfit;margin:10px 0}.section-grid small,.pet-grid small{font-size:10px;color:#89927d}.pet-grid img{width:64px;height:64px;object-fit:contain;border-radius:10px;margin-bottom:8px}.product-art img{width:100%;height:100%;object-fit:contain;border-radius:12px}.tech-info{background:#eaf0e3;color:#516a58!important;padding:8px 10px;border-radius:6px}.product .text-button{margin:5px 0;color:#527758}.activity-progress{font-size:10px;font-weight:700;letter-spacing:1px;color:#ad894c;margin:12px 0}.activity-scene{background:#e7ede8;border-left:5px solid #778f8d;padding:18px;margin:15px 0 20px;white-space:pre-wrap;line-height:1.6;font-size:12px;color:#325352}@media(max-width:760px){.destinations-button{padding:8px 9px;font-size:9px;align-self:flex-start}.destinations-button .icon{display:none}.destinations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid,.pet-grid{grid-template-columns:1fr}.section-grid button{padding:11px}.section-grid strong{margin:3px 0}.pet-grid{grid-template-columns:repeat(2,1fr)}}.order-grid,.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.order-card,.style-card{border:1px solid #d4dccd;border-radius:14px;background:#f8f9f2;padding:22px;text-align:left}.order-card h3{font-size:21px;margin:12px 0}.order-card p,.style-card p{font-size:13px;line-height:1.7;color:#667568}.order-tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.order-tags span{font-size:10px;border-radius:6px;background:#e6ecdf;padding:6px}.order-budget{display:flex;justify-content:space-between;font-size:11px;margin:16px 0}.order-budget b{display:block;font-size:21px;color:#2f5749}.style-card>div{display:flex;margin-bottom:16px}.style-card i{height:66px;flex:1}.style-card strong{font-size:18px}.style-card.chosen{outline:2px solid #365c4b}.product-brand{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.product-brand i{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #b8c4b5}.sidebar .nav-item{min-height:39px;padding-top:8px;padding-bottom:8px}.sidebar .intro{margin-bottom:15px}@media(max-width:700px){.order-grid,.style-grid{grid-template-columns:1fr}.order-card{padding:16px}}.hardware-products .product{grid-template-columns:120px minmax(0,1fr) 85px;gap:18px}.hardware-products .product-art{width:120px;height:115px;transform:none;background:#e8eddf}.hardware-products .product-art img{width:100%;height:100%;object-fit:contain}.hardware-products .hardware-preview-button{display:block;margin:10px 0 5px}.sidebar{overflow-y:auto;scrollbar-width:thin}@media(max-width:600px){.hardware-products .product{grid-template-columns:92px minmax(0,1fr);gap:12px}.hardware-products .product-art{width:92px;height:100px}.hardware-products .product>.primary{grid-column:2;justify-self:start}.sidebar{overflow-y:visible}}.tutorial-card{position:absolute;top:128px;left:29px;z-index:6;width:min(320px,calc(100% - 32px));background:#fcfaf0f5;border:1px solid #e3c98f;border-radius:12px;padding:15px 17px;box-shadow:0 8px 26px #2e523f26}.tutorial-card h3{font-family:Outfit;font-size:17px;font-weight:550;margin:9px 0 6px}.tutorial-card p{font-size:11px;line-height:1.65;color:#6f7766;margin:0 0 11px}.tutorial-actions{display:flex;align-items:center;gap:10px}.tutorial-actions .primary{padding:9px 12px;font-size:11px}dialog .tutorial-card{position:fixed;top:auto;left:50%;bottom:26px;transform:translate(-50%);width:min(380px,calc(100vw - 32px))}dialog .tutorial-card.tutorial-top{bottom:auto;top:26px}.tutorial-focus{outline:3px solid #d1933c!important;outline-offset:3px;border-radius:8px;animation:tutorial-pulse 1.4s ease-in-out infinite}@keyframes tutorial-pulse{50%{outline-color:#f0c77a;box-shadow:0 0 0 7px #e8b65a33}}@media(prefers-reduced-motion:reduce){.tutorial-focus{animation:none}}.client-label{background:#8c5a3c;font-size:11px}.client-alert{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:#f5c35b;color:#5a3b1d;font-weight:800}.order-card{position:relative}.order-status{position:absolute;top:18px;right:18px;font-size:10px;font-weight:650;padding:4px 8px;border-radius:20px;background:#ecebdc;color:#7d8371}.order-done .order-status{background:#e1ecd4;color:#557a45}.order-active .order-status,.order-next .order-status{background:#f6e3bb;color:#8a6324}.order-wait{opacity:.6}.client-brief,.client-quote+.panel-description{margin-top:18px}.wide+.order-grid{margin-top:22px}.client-later{display:block;margin:12px auto 0}@media(max-width:760px){.tutorial-card{top:84px;left:16px;padding:12px 14px}.tutorial-card p{margin-bottom:8px}}.product-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}.product-swatches button{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b9c2b6}.product-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #355c43}.swatch-note{font-size:10px!important;color:#93947f}.showcase-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 14px}.showcase-parts>div{display:flex;gap:9px;align-items:center;background:#f1efe2;border-radius:9px;padding:7px}.showcase-parts img{width:58px;height:41px;object-fit:contain}.showcase-parts small{display:block;font-size:9px;color:#8f9580}.showcase-parts strong{font-size:11px}@media(max-width:560px){.showcase-parts{grid-template-columns:1fr}}.edit-tray{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(860px,calc(100% - 32px));max-height:min(46%,420px);overflow:auto;z-index:7;background:#fcfaf2f7;border:1px solid #e3dcc4;border-radius:14px;padding:14px 16px;box-shadow:0 10px 32px #24443533}.edit-tray header{display:flex;justify-content:space-between;align-items:center;gap:12px}.edit-tray h3{font-family:Outfit;font-size:18px;font-weight:550;margin:4px 0 0}.edit-actions{display:flex;gap:6px;flex-wrap:wrap}.edit-actions button{background:#eeeee2;border-radius:7px;padding:9px 12px;font-size:11px}.edit-actions .primary{background:#355c43;color:#fff9e7}#edit-status{font-size:11px;color:#4f6b58;margin:8px 0;min-height:16px}#edit-status.error{color:#a2483a}.edit-tabs,.tray-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.edit-tabs button,.tray-chips button{background:transparent;border:1px solid #dcdcc9;border-radius:20px;padding:6px 12px;font-size:11px}.edit-tabs button[aria-pressed=true],.tray-chips button[aria-pressed=true]{background:#e3ebd7;border-color:#9db38a;color:#36553f;font-weight:650}.tray-summary{font-size:10px;color:#8b8f7c;margin:4px 0 8px}.tray-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.tray-unit{display:grid;grid-template-columns:14px 1fr;column-gap:8px;text-align:left;background:#f3f1e4;border:1px solid #e3e0cf;border-radius:9px;padding:8px}.tray-unit i{grid-row:span 2;width:14px;height:14px;border-radius:50%;margin-top:2px}.tray-unit strong{font-size:11px}.tray-unit small{font-size:9px;color:#8b8f7c}.tray-unit.placed{opacity:.72}.tray-unit:hover{border-color:#9db38a}.tray-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.tray-item{display:flex;justify-content:space-between;gap:10px;background:#f6f4ea;border:1px solid #e3e0cf;border-radius:10px;padding:10px}.tray-item strong{font-size:12px}.tray-item small{display:block;font-size:9px;color:#8b8f7c;margin-top:2px}.tray-item p{font-size:10px;color:#6f7766;line-height:1.5;margin:5px 0}.tray-item .primary{align-self:center;white-space:nowrap;padding:9px 11px}.tray-item input{width:100%;border:1px solid #d8d9c8;border-radius:6px;padding:6px;font:11px DM Sans;margin-top:4px}.tray-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.tray-swatch{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b9c2b6}.tray-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #355c43}.tray-facade{display:grid;gap:10px}.tray-facade strong{font-size:11px}.tray-toggles{display:flex;gap:6px;flex-wrap:wrap}.tray-toggles button{background:#f3f1e4;border:1px solid #dcdcc9;border-radius:8px;padding:8px 11px;font-size:11px}.tray-toggles button[aria-pressed=true]{background:#e3ebd7;border-color:#9db38a}@media(max-width:760px){.edit-tray{bottom:8px;max-height:52%;padding:10px 12px}.edit-tray header{flex-direction:column;align-items:stretch}.tray-shop{grid-template-columns:1fr}}.mail-button{background:#355c43;color:#fff9e7;border-radius:18px;padding:7px 12px;font-size:12px}.mail-button b{font-weight:700}#panel:has(.pc-shell){width:min(1080px,calc(100vw - 32px))}.pc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pc-tabs button{background:#f0efe3;border:1px solid #dcdcc9;border-radius:20px;padding:8px 14px;font-size:12px}.pc-tabs button[aria-pressed=true]{background:#355c43;color:#fff9e7;border-color:#355c43}.pc-form{display:grid;gap:8px;background:#f3f1e4;border-radius:12px;padding:14px;margin-bottom:16px}.pc-form label{display:grid;gap:4px;font-size:11px;color:#6f7766}.pc-form select,.pc-form textarea,.pc-cart select{border:1px solid #d8d9c8;border-radius:8px;padding:9px;font:13px DM Sans;background:#fffdf6;color:#294c3d}.pc-form textarea{min-height:70px;resize:vertical}.pc-form .primary{justify-self:start}.pc-list{display:grid;gap:8px;margin:8px 0 16px}.pc-message,.pc-delivery{background:#f6f4ea;border:1px solid #e3e0cf;border-radius:10px;padding:10px 12px}.pc-message header,.pc-delivery header{display:flex;justify-content:space-between;gap:8px;font-size:12px}.pc-message small,.pc-delivery small{color:#8b8f7c;font-size:10px}.pc-message p,.pc-delivery p{font-size:13px;line-height:1.55;margin:6px 0;overflow-wrap:anywhere}.pc-message footer{display:flex;gap:12px}.pc-message footer .text-button{margin:0}.pc-message.unread{border-color:#d1a346;background:#fbf3df}.pc-message.sent{opacity:.8}.pc-delivery .progress-track{margin:8px 0 4px}.pc-shop{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.pc-products{display:grid;gap:8px}.pc-product{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;background:#f6f4ea;border:1px solid #e3e0cf;border-radius:10px;padding:8px}.pc-product img{width:84px;height:60px;object-fit:contain}.pc-product strong{font-size:12px;display:block}.pc-product small{font-size:10px;color:#8b8f7c}.pc-product .primary{padding:9px 10px;font-size:11px;white-space:nowrap}.pc-size{display:inline-block;font-size:9px;border-radius:10px;padding:3px 7px;background:#efe1c4;color:#7b5a24;margin-top:4px}.pc-size.small{background:#e3ebd7;color:#4d6b43}.pc-cart{background:#f3f1e4;border-radius:12px;padding:14px;align-self:start;position:sticky;top:0;display:grid;gap:10px}.pc-cart h3{margin:0}.pc-cart ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.pc-cart li{display:grid;grid-template-columns:1fr auto auto;gap:6px;font-size:11px;align-items:center}.pc-cart li .text-button{margin:0;font-size:14px}.pc-cart label{display:grid;gap:4px;font-size:11px}.pc-carriers{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pc-carriers button{display:grid;gap:2px;text-align:left;background:#fffdf6;border:1px solid #d8d9c8;border-radius:9px;padding:8px;font-size:11px}.pc-carriers button[aria-pressed=true]{border-color:#355c43;box-shadow:0 0 0 1px #355c43}.pc-carriers small{color:#a2483a;font-size:9px}.pc-total{font-size:11px;margin:0;line-height:1.6}@media(max-width:820px){.pc-shop{grid-template-columns:1fr}.pc-cart{position:static}.pc-product{grid-template-columns:64px 1fr}.pc-product .primary{grid-column:1/-1}.pc-product img{width:64px}}.memorial-list,.memorial-tips{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.memorial-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.memorial-list li{background:#f1ede1;border:1px solid #ddd3bd;border-radius:7px;padding:8px 10px;font-size:12px;display:grid;gap:2px}.memorial-list small{color:#6e6880}.memorial-list span{color:#4a5a50}.memorial-title{margin:14px 0 0;font-size:14px}.memorial-tips li{font-size:12px;line-height:1.45;padding-left:16px;position:relative}.memorial-tips li:before{content:"♻";position:absolute;left:0;color:#3f7350}.memorial-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.memorial-actions .secondary{border:1px solid #355c43;color:#355c43;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:550;background:#fffaf0}#current-district{font-size:10px;font-weight:600;color:#3e5a4b;letter-spacing:.01em}.map-legend b{width:7px;height:7px;flex:none;transition:background .3s}.map-card .map-legend{margin:0 0 6px;min-width:0}#current-district{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.order-waiting{border-style:dashed;background:#faf8ee}.order-waiting h3{color:#6a7a63}.order-history-title{margin:18px 0 6px;font-size:14px}.order-history{list-style:none;margin:0;padding:0;display:grid;gap:6px}.order-history li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f1ede1;border:1px solid #ddd3bd;border-radius:7px;padding:8px 10px;font-size:12px}.order-history li span{color:#6f7766}.grant-form{margin:10px 0}.grant-row{display:grid;grid-template-columns:minmax(90px,130px) 1fr auto;gap:8px;align-items:end}.grant-row input{width:100%}@media(max-width:560px){.grant-row{grid-template-columns:1fr}}.uni-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.uni-course{background:#f1ede1;border:1px solid #ddd3bd;border-radius:12px;padding:14px;display:grid;gap:8px;align-content:start}.uni-course h3{margin:0;font-size:16px}.uni-course p{margin:0;font-size:12px;color:#5a6a60;line-height:1.5}.uni-course small{color:#6f7766;font-size:11px}.uni-progress{height:6px;background:#dcd5c0;border-radius:4px;overflow:hidden}.uni-progress i{display:block;height:100%;background:#4f8a62}.uni-title{margin:16px 0 6px;font-size:14px}.uni-lesson{background:#f4f1e6;border:1px solid #ddd3bd;border-radius:8px;padding:8px 12px;margin-bottom:6px}.uni-lesson summary{cursor:pointer;font-weight:600;font-size:13px}.uni-lesson p{font-size:13px;line-height:1.6;margin:8px 0 0}.uni-exercises{display:grid;gap:6px}.uni-ex,.uni-option{display:flex;align-items:center;gap:10px;text-align:left;background:#fffaf0;border:1px solid #ddd3bd;border-radius:8px;padding:10px 12px;font-size:13px;color:#264b3e}.uni-ex span{flex:none;width:24px;height:24px;border-radius:50%;background:#e8e0c8;display:grid;place-items:center;font-size:11px;font-weight:700}.uni-ex.done{background:#eaf2e3;border-color:#b8d1a8}.uni-ex.done span{background:#5f9a6f;color:#fff}.uni-option:hover,.uni-ex:hover{border-color:#355c43}.uni-options{display:grid;gap:8px;margin:12px 0}.uni-question{font-size:16px;line-height:1.5}.museum-figure{margin:12px 0;text-align:center}.museum-figure img{max-width:100%;max-height:300px;border-radius:8px;border:6px solid #8a6a47;background:#f3ead3}.museum-figure figcaption{font-size:11px;color:#6f7766;margin-top:6px}.museum-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.museum-list button{display:flex;gap:10px;align-items:baseline;width:100%;text-align:left;background:#f1ede1;border:1px solid #ddd3bd;border-radius:8px;padding:10px 12px;font-size:13px;color:#264b3e}.museum-list b{font-size:14px;color:#8a6a47;min-width:42px}.stadium-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:6px}.stadium-list li{display:flex;gap:12px;align-items:center;background:#f1ede1;border-radius:8px;padding:8px 12px;font-size:13px}.stadium-list b{width:28px}.stadium-list span{flex:1}.stadium-list em{font-style:normal;color:#6f7766}.pet-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;margin:16px 0}.pet-showcase h3{margin:0 0 6px}.pet-showcase p{font-size:12px;color:#7f8676;line-height:1.6;margin:0 0 8px}.pet-stage{position:relative;height:250px;border-radius:16px;background:radial-gradient(circle at 50% 82%,#cfdfc0,#e8eedc 72%);overflow:hidden}.pet-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.pet-canvas:active{cursor:grabbing}.pet-stage-note{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;color:#8a937c;pointer-events:none}.pet-card{display:grid;gap:8px}.pet-card>button{width:100%}.pet-card .product-swatches{margin:0}.pet-grid .product-swatches button,.pet-grid .product-swatches button:hover{width:22px;height:22px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b9c2b6}.pet-grid .product-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #355c43}@media(max-width:760px){.pet-showcase{grid-template-columns:1fr}.pet-stage{height:220px}}.online-dialog{border:1px solid #dce1d2;border-radius:20px;max-width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 28px);width:1000px;padding:38px;background:#f9f8f0;color:#294f43;overflow:auto;box-shadow:0 25px 100px #163b453d}.online-dialog::backdrop{background:#1b3e4299;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.online-close{position:absolute;right:18px;top:16px;background:#e9ecdf;border-radius:50%;width:32px;height:32px;font-size:20px}.online-brand{font-size:9px;letter-spacing:2px;color:#928f70;margin-bottom:30px}.online-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.online-auth-grid h2{font-family:Outfit,sans-serif;font-size:38px;font-weight:500;line-height:1.1;margin:14px 0}.online-auth-grid section>p{font-size:13px;color:#82917e;line-height:1.8}.online-auth-grid small{font-size:10px;line-height:1.7;color:#8b947f}.online-form label{display:block;font-size:12px;margin:13px 0}.online-form input:not([type=radio]):not([type=checkbox]),.online-form select{width:100%;border:1px solid #d4ddcc;padding:11px 12px;border-radius:7px;background:#fffef8;color:#335644;margin-top:6px;font:inherit}.online-form fieldset{border:0;border-top:1px solid #dce2d1;margin:22px 0 0;padding:15px 0 0}.online-form legend{font-family:Outfit;font-size:19px;padding-right:12px}.online-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.online-field-label{font-size:11px;display:block;margin:10px 0}.online-auth-tabs{display:flex;gap:18px;margin-bottom:20px;border-bottom:1px solid #dce2d1}.online-auth-tabs button{padding:12px 5px;background:none;font-size:13px;color:#84917d;border-bottom:2px solid transparent}.online-auth-tabs .selected{color:#335a43;border-color:#335a43}.online-swatches{display:flex;gap:10px;flex-wrap:wrap}.online-swatches label{margin:0;position:relative;cursor:pointer}.online-swatches input{position:absolute;opacity:0;width:30px;height:30px}.online-swatches i{display:block;width:30px;height:30px;border:3px solid #f9f8f0;border-radius:50%;box-shadow:0 0 0 1px #d0dac7}.online-swatches input:checked+i{box-shadow:0 0 0 2px #365c48}.online-swatches input:focus-visible+i{outline:3px solid #c9945b}.online-check{display:flex!important;gap:10px;align-items:center}.online-error{font-size:12px;color:#a05239;line-height:1.6;min-height:18px}.online-form .text-button{display:block;margin:15px auto 0}.online-preview{height:260px;background:linear-gradient(145deg,#e4ead7,#e7dec6);border-radius:16px;margin:25px 0 15px;position:relative;overflow:hidden;--avatar-color:#eab04f;--avatar-skin:#c99770;--avatar-hair:#483f36;--shop-wall:#d9dcc6;--shop-roof:#789b7a;--shop-accent:#789b7a}.online-avatar-preview{position:absolute;left:42px;bottom:48px;width:90px;height:150px;filter:drop-shadow(8px 10px 0 #58755618);z-index:2}.online-avatar-preview i{position:absolute;display:block;border-radius:4px}.avatar-head{background:var(--avatar-skin);width:47px;height:46px;left:21px;top:2px;z-index:2}.avatar-hair{background:var(--avatar-hair);width:51px;height:14px;left:19px;top:0;z-index:3}.avatar-torso{background:var(--avatar-color);width:54px;height:58px;left:17px;top:49px}.avatar-legs{width:47px;height:44px;left:21px;top:104px;background:linear-gradient(90deg,#405d61 44%,transparent 44%,transparent 56%,#405d61 56%)}.avatar-arm{width:14px;height:57px;top:52px;background:linear-gradient(var(--avatar-color) 65%,var(--avatar-skin) 65%)}.arm-left{left:0;transform:rotate(8deg)}.arm-right{right:0;transform:rotate(-8deg)}[data-hair=longo] .avatar-hair{height:55px;clip-path:polygon(0 0,100% 0,100% 100%,88% 100%,88% 22%,12% 22%,12% 100%,0 100%)}[data-hair=bone] .avatar-hair{background:var(--avatar-color);width:60px;height:19px;left:17px;top:-5px}[data-outfit=jaqueta] .avatar-torso{background:linear-gradient(90deg,#344d50 35%,var(--avatar-color) 35%,var(--avatar-color) 65%,#344d50 65%)}[data-outfit=jardineira] .avatar-torso{background:linear-gradient(var(--avatar-color) 26%,#405d61 26%)}.online-preview-name{position:absolute;bottom:17px;left:25px;font-size:13px}.online-shop-preview{position:absolute;width:180px;height:140px;right:20px;top:65px;transform:skewY(-5deg);filter:drop-shadow(12px 15px 0 #58755618)}.shop-roof{height:45px;background:var(--shop-roof);clip-path:polygon(0 100%,15% 0,85% 0,100% 100%)}.shop-facade{height:100px;background:var(--shop-wall);position:relative;border-bottom:6px solid #c4ad86}.shop-facade b{display:block;text-align:center;padding:10px 5px;font-size:11px;color:#305343;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-facade i{display:inline-block;width:38px;height:35px;background:#7fa6a4;border:3px solid #ede6cc;margin:2px 8px}.shop-facade span{position:absolute;bottom:0;right:15px;height:55px;width:27px;background:var(--shop-accent)}.online-dock{position:absolute;right:26px;bottom:48px;z-index:9}.online-toggle{background:#315b46;color:#faf6e6;padding:12px 18px;border-radius:24px;font-size:12px;box-shadow:0 5px 18px #284c3e30}.online-social{position:absolute;bottom:50px;right:0;width:330px;max-height:65dvh;overflow:auto;background:#faf9f1;border:1px solid #d3ddc9;border-radius:14px;padding:18px;box-shadow:0 10px 50px #294b3b30;color:#315443}.online-social header{display:flex;justify-content:space-between;align-items:center;font-size:15px}.online-social header button{font-size:22px;background:none}.online-connection,.online-muted{font-size:10px;color:#8a957e;line-height:1.6}.online-social-tabs,.online-social-footer{display:flex;gap:8px;padding:10px 0;border-top:1px solid #e0e4d6}.online-social-tabs button,.online-social-footer button{padding:7px 9px;background:#e8eddf;border-radius:6px;font-size:10px}.online-person{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e5d6}.online-person i{width:26px;height:26px;border-radius:8px}.online-person strong{font-size:12px;display:block}.online-person small{font-size:9px;color:#88957d}.online-workshop{border-bottom:1px solid #e1e5d6;padding:14px 0}.online-workshop>span{font-size:9px;color:#88957d}.online-workshop h3{font-family:Outfit;font-size:19px;margin:8px 0}.online-workshop p{font-size:11px;color:#88957d}.online-workshop .primary{font-size:10px;padding:8px 12px}.online-chat-messages{max-height:200px;overflow:auto;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.online-chat-messages b{display:block;color:#697e5c;font-size:10px}.online-chat-form{display:flex;gap:6px;padding:10px 0}.online-chat-form input{min-width:0;width:100%;border:1px solid #d1dcc6;border-radius:5px;padding:8px;font:inherit;font-size:11px}.online-chat-form .primary{padding:8px;font-size:10px}.remote-player-label{position:absolute;transform:translate(-50%,-100%);font-size:10px;font-weight:700;white-space:nowrap;background:#335b46;color:#fff9e7;padding:6px 10px;border:1px solid #f8f8dd;border-radius:12px;pointer-events:none;box-shadow:0 3px 8px #31594120}@media(max-width:700px){.online-dialog{padding:25px 20px}.online-auth-grid{grid-template-columns:1fr;gap:15px}.online-auth-grid h2{font-size:28px}.online-preview{height:200px}.online-shop-preview{top:25px;right:12px;width:150px}.online-avatar-preview{left:25px;bottom:37px;transform:scale(.8);transform-origin:bottom left}.online-auth-grid section>small{display:block}.online-brand{margin-bottom:20px}.online-dock{right:12px;bottom:43px}.online-social{width:min(330px,calc(100vw - 24px));max-height:65dvh}.online-toggle{font-size:10px;padding:10px 14px}.online-preview-name{font-size:11px}.online-auth-grid section{max-width:100%}}.speech-bubble{position:absolute;transform:translate(-50%,-100%);background:#fffdf4;color:#23443d;padding:10px 14px;border-radius:16px;box-shadow:0 3px 15px #173c3430;max-width:240px;overflow-wrap:anywhere;text-align:center;font-size:13px;z-index:8;pointer-events:none}.speech-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fffdf4}.service-badge{background:#a64d3b;color:#fff;border-radius:20px;min-width:22px;padding:3px 6px;text-align:center;margin-left:auto;font-size:12px}.camera-tools{max-height:65vh;overflow:auto}.tech-arcade{background:#183e3c;color:#f7f1d9;padding:24px;border-radius:20px;margin:20px 0}.arcade-status{letter-spacing:2px;font-size:11px;color:#a4d2bd}.bit-switches,.memory-pads,.psu-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.bit-switches{grid-template-columns:repeat(8,1fr)}.tech-arcade button{cursor:pointer}.bit-switches button,.memory-pads button,.psu-options button{border:1px solid #8dac91;border-radius:12px;background:#315750;color:#f6efd7;padding:18px 8px;display:grid;gap:8px;text-align:center}.bit-switches button[aria-pressed=true],.memory-pads button.lit{background:#f1c873;color:#203e37;box-shadow:0 0 18px #f1c87370}.bit-switches small{font-size:11px}.bit-switches b{font:700 26px monospace}.memory-pads button{min-height:100px}.memory-pads button:nth-child(2){border-color:#af91d0}.memory-pads button:nth-child(3){border-color:#71c1cc}.memory-pads button:nth-child(4){border-color:#e5a16d}.arcade-feedback{min-height:24px;color:#f4d58c}.tech-tribute{font:700 40px monospace;text-align:center;background:#e6ead8;border-radius:20px;padding:30px;margin:20px 0}@media(max-width:600px){.bit-switches{grid-template-columns:repeat(4,1fr)}.psu-options,.memory-pads{grid-template-columns:repeat(2,1fr)}}.online-auth-grid>section{position:sticky;top:0;align-self:start}.avatar-backpack{left:2px;top:58px;width:28px;height:53px;background:var(--backpack-color,#7c6146);border:3px solid #d6c8a8;transform:rotate(8deg);box-shadow:-3px 3px #28473f30;z-index:-1}[data-backpack=compacta] .avatar-backpack{height:36px;width:23px;top:68px}[data-backpack=tech] .avatar-backpack{background:linear-gradient(var(--backpack-color) 30%,#283f48 30%,#283f48 51%,var(--backpack-color) 51%);border-color:var(--backpack-color);box-shadow:-3px 3px #28473f30,inset 0 3px #7ee2cf}[data-backpack=sem] .avatar-backpack{display:none}[data-model=feminino] .avatar-torso{left:21px;width:46px;clip-path:polygon(0 0,100% 0,90% 64%,100% 100%,0 100%,10% 64%)}[data-model=masculino] .avatar-torso{left:13px;width:62px}[data-hair=raspado] .avatar-hair{height:5px;width:47px;left:21px;top:1px}[data-hair=bob] .avatar-hair{height:43px;clip-path:polygon(0 0,100% 0,100% 100%,84% 100%,84% 27%,16% 27%,16% 100%,0 100%)}[data-hair=cacheado] .avatar-hair{top:-5px;left:15px;width:59px;height:26px;border-radius:45%;box-shadow:-3px 5px 0 var(--avatar-hair),4px 3px 0 var(--avatar-hair)}[data-hair=afro] .avatar-hair{top:-16px;left:9px;width:70px;height:48px;border-radius:48%;clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,82% 62%,18% 62%,10% 100%,0 85%)}[data-hair=coque] .avatar-hair:after{content:"";position:absolute;background:var(--avatar-hair);width:26px;height:25px;border-radius:50%;left:14px;top:-17px}[data-hair=rabo] .avatar-hair:after{content:"";position:absolute;background:var(--avatar-hair);width:15px;height:62px;border-radius:9px;left:44px;top:4px;transform:rotate(-13deg)}[data-hair=trancas] .avatar-hair:before,[data-hair=trancas] .avatar-hair:after{content:"";position:absolute;background:repeating-linear-gradient(45deg,var(--avatar-hair) 0 5px,#ffffff18 5px 7px);width:10px;height:62px;border-radius:6px;top:7px;left:0}[data-hair=trancas] .avatar-hair:after{left:41px}@media(max-width:700px){.online-auth-grid>section{position:static}.online-form fieldset{margin-top:16px}}.avatar-head:before{content:"";position:absolute;left:12px;top:21px;width:4px;height:5px;background:#29423c;border-radius:50%;box-shadow:18px 0 #29423c}.avatar-head:after{content:"";position:absolute;left:19px;top:34px;width:9px;height:2px;background:#9e6151;border-radius:3px}.ranking-dialog{max-width:min(780px,calc(100vw - 24px));width:780px}.ranking-dialog h2{font:500 34px Outfit,sans-serif;margin:5px 0 16px}.ranking-rule{font-size:13px;line-height:1.8;color:#798873}.ranking-own{background:#e6ecda;border-left:4px solid #c39b4d;border-radius:8px;padding:16px;margin:20px 0;font-weight:600;font-size:13px}.ranking-table{width:100%;border-collapse:collapse;font-size:13px}.ranking-table caption{text-align:left;font-size:11px;color:#86917a;margin:10px 0}.ranking-table th,.ranking-table td{padding:14px 10px;border-bottom:1px solid #dce3d1;text-align:left}.ranking-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#819076}.ranking-table td:first-child{font-size:19px;width:65px}.ranking-table tbody th{font-weight:600;overflow-wrap:anywhere}.ranking-table small{display:block;font-size:10px;font-weight:400;color:#819076;margin-top:5px}.ranking-table em{font-style:normal;font-size:9px;background:#315b46;color:#fffbea;border-radius:5px;padding:3px 6px;margin-left:5px}.ranking-me{background:#eaf0df}.ranking-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.ranking-footer span{font-size:10px;color:#849179}.ranking-footer button{font-size:12px;padding:10px 14px}.online-social-tabs{flex-wrap:wrap}@media(max-width:600px){.ranking-dialog{padding:28px 15px}.ranking-dialog h2{font-size:28px}.ranking-table{font-size:11px}.ranking-table th,.ranking-table td{padding:12px 6px}.ranking-table thead th{letter-spacing:0;font-size:9px}.ranking-own{font-size:12px;line-height:1.8}.ranking-table td:first-child{width:45px}}.online-preview3d{position:relative;height:340px;margin:22px 0 12px;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#cfe3e0,#e7ecd9 70%,#e4dcc4)}.preview-stage{position:absolute;inset:0}.character-preview-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.character-preview-canvas:active{cursor:grabbing}.preview-tabs{position:absolute;top:12px;left:12px;display:flex;gap:6px}.preview-tabs button{background:#fffdf3e6;border:1px solid #dcdcc9;border-radius:16px;padding:5px 11px;font-size:11px;color:#36553f}.preview-tabs button[aria-pressed=true]{background:#355c43;color:#fff9e7;border-color:#355c43}.online-preview3d .online-preview-name{position:absolute;left:12px;bottom:12px;background:#fffdf3e6;border-radius:10px;padding:6px 11px;font-size:12px}.preview-hint{position:absolute;right:12px;bottom:14px;font-size:10px;color:#5f7568}.online-preview-login{display:grid;place-items:center;font-size:72px;color:#8fa98d}.base-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px}.base-grid label{position:relative;margin:0}.base-grid input{position:absolute;opacity:0}.base-grid span{display:block;text-align:center;font-size:12px;padding:8px 4px;border:1px solid #dcdcc9;border-radius:9px;background:#f6f4ea;cursor:pointer}.base-grid input:checked+span{background:#355c43;color:#fff9e7;border-color:#355c43}.base-grid input:focus-visible+span{outline:3px solid #d1933c;outline-offset:2px}@media(max-width:760px){.online-preview3d{height:260px}.base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.online-auth-grid>section:has(.online-preview3d){position:sticky;top:-25px;z-index:3;background:#fcfaf2;padding-top:6px;margin:0 -4px;box-shadow:0 8px 14px -12px #24443566}.online-auth-grid>section:has(.online-preview3d)>.eyebrow,.online-auth-grid>section:has(.online-preview3d)>h2,.online-auth-grid>section:has(.online-preview3d)>p,.online-auth-grid>section:has(.online-preview3d)>small{display:none}.online-preview3d{height:210px;margin:6px 0 8px}}.character-genders{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px}.character-genders label{position:relative;cursor:pointer}.character-genders input{position:absolute;opacity:0;width:1px;height:1px}.character-genders span{display:block;text-align:center;padding:12px;border:1px solid #b9c8bc;border-radius:12px;background:#f5f4ea;color:#334b42;font-weight:700}.character-genders input:checked+span{background:#284c40;color:#fff9e9;border-color:#284c40;box-shadow:0 0 0 2px #a4c5ab}.character-genders input:focus-visible+span{outline:3px solid #bd8233;outline-offset:3px}.character-group-title{font-size:14px;margin:0 0 8px;color:inherit}[data-character-group][hidden]{display:none!important}.character-models span{display:flex;flex-direction:column;gap:4px}.character-models small{font-weight:400;font-size:11px}.phone-button{border:1px solid #bacbbf;border-radius:12px;background:#f7f5eb;color:#284c40;padding:9px 12px;cursor:pointer;font-weight:700}.phone-shell{border:5px solid #314c43;border-radius:24px;background:#f5f4eb;padding:12px;box-shadow:0 10px 35px #20372b20}.phone-status{display:flex;justify-content:space-between;color:#33594a;font-size:11px;letter-spacing:1px;padding:2px 4px 14px}.phone-shell .pc-tabs{position:sticky;top:0;background:#f5f4eb;z-index:1;padding:8px 0;flex-wrap:wrap}.classroom-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.classroom-heading h3{margin-bottom:5px}.classroom-heading small{display:block;max-width:450px}@media(max-width:700px){.phone-button span{display:none}.phone-shell{padding:8px}.phone-shell .pc-shop{display:block}.phone-shell .pc-cart{margin-top:20px}.phone-shell .pc-products{grid-template-columns:1fr}}dialog.lab-panel{width:1100px;padding:23px 28px 26px;max-height:calc(100dvh - 36px)}.lab-panel #panel-title{font-size:26px;margin-bottom:8px}.lab-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 19px;gap:12px}.lab-intro h3{font-size:17px!important;color:#89987d;margin:5px 0 0;font-weight:400!important}.lab-intro .eyebrow{font-size:8px}.lab-tag{display:flex;align-items:center;gap:7px;border:1px solid #dce1cd;border-radius:20px;padding:8px 11px;color:#849075;font-size:8px;letter-spacing:1px}.lab-tag .icon{width:15px;height:15px}.lab-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:23px}.lab-stage{background:#203e38;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0;align-self:stretch}.stage-top{padding:16px 17px;display:flex;justify-content:space-between;gap:10px;color:#c2cbb0;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid #ffffff0f}.stage-status{display:flex;align-items:center;gap:6px;letter-spacing:0;font-size:9px}.lab-led{background:#788777;width:6px;height:6px;border-radius:50%;display:inline-block}.lab-led.on{background:#c2d896;box-shadow:0 0 9px #d6eda844}.lab-visual{height:345px;position:relative;min-width:0;flex:1;min-height:290px}.lab-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-caption{font-size:8px;color:#a8baa4;letter-spacing:1px;text-align:center;line-height:1.8;padding:12px 22px 18px}.lab-controls h4{font-family:Outfit;margin:15px 0 10px;font-size:14px;color:#b0ac8b;font-weight:500;display:flex;gap:10px;align-items:center}.lab-controls h4:first-child{margin-top:0}.lab-controls h4 span{color:#466047;font-family:DM Sans;font-size:11px;font-weight:600}.lab-options{display:grid;gap:7px}.lab-options.two{grid-template-columns:1fr 1fr}.lab-option{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:#f4f2e8;border:1px solid #e1e3d4;border-radius:7px;padding:10px 11px;min-height:40px;font-size:10px;line-height:1.5}.lab-option.selected{background:#eaf0df;border-color:#b6c39e;color:#557644}.lab-option>.icon{width:14px;height:14px}.lab-option:hover{border-color:#8da974}.lab-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lab-slots button{justify-content:center;font-family:Outfit;font-size:12px}.lab-note{font-size:10px;color:#8a937c;line-height:1.7;margin:10px 0 0}.lab-controls>.lab-option{width:100%;margin-bottom:7px}.lab-feedback{display:flex;gap:13px;align-items:flex-start;border:1px solid #e4d7b4;border-radius:10px;background:#f2ecdb;padding:14px 17px;margin-top:17px}.lab-feedback p{font-size:11px;line-height:1.8;margin:0;color:#85704b}.lab-feedback>.icon{width:18px;height:18px;margin-top:2px;color:#a68d50}.lab-feedback.success{background:#e9efdc;border-color:#d8e3c1}.lab-feedback.success p,.lab-feedback.success>.icon{color:#607d4c}.lab-evidence{display:flex;gap:16px;flex-wrap:wrap;padding:14px 1px;color:#a1a795;font-size:9px}.lab-evidence>span{display:flex;align-items:center;gap:5px}.lab-evidence .icon{width:14px;height:14px}.lab-evidence .checked{color:#739451}.lab-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #e3e6d4;padding-top:16px}.lab-footer .text-button{margin:0 auto 0 0;text-decoration:none}.lab-secondary{display:flex;align-items:center;gap:7px;background:#eed;border-radius:7px;padding:12px;font-size:10px}.lab-secondary>.icon{width:16px;height:16px}.lab-footer .primary{font-size:11px}.pin-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px}.pin-button{border:1px solid #d6dbc6;border-radius:6px;padding:6px 0;background:#edeedf;min-width:0}.pin-button strong{display:block;font:15px Outfit}.pin-button>span{font-size:8px;color:#82916f}.pin-button.selected{border-color:#8ca26c;background:#dce8c7;box-shadow:0 0 0 1px #8ca26c}.wire-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:12px}.wire-palette button{display:flex;align-items:center;gap:7px;min-height:34px;font-size:9px;text-align:left;background:#f0f0e3;border:1px solid #dedfce;border-radius:5px;padding:7px}.wire-palette i{display:block;width:18px;height:10px;border-radius:3px;background:var(--wire);border:1px solid #0001;flex-shrink:0}.wire-palette i.striped{background:repeating-linear-gradient(130deg,#fff9e8 0 4px,var(--wire) 4px 8px)}.wiremap{display:block;width:100%;height:100%;min-height:285px;position:absolute;inset:0}.wiremap text{font:12px DM Sans;fill:#46604a}.lab-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.lab-catalog article{background:#eff0e1;border:1px solid #e1e4d0;border-radius:12px;padding:19px 15px;display:flex;flex-direction:column}.lab-catalog article>.icon{width:35px;height:35px;color:#809665;margin-bottom:7px}.lab-catalog h3{font-size:17px!important;line-height:1.2}.lab-catalog p{font-size:11px;line-height:1.8;color:#899078;flex:1}.lab-catalog button{font-size:10px}.practice-done{font-size:9px;color:#72934e;display:flex;gap:5px;align-items:center;margin-bottom:12px}.practice-done>.icon{width:13px;height:13px}.report-bar,.cycle-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#ecf0df;border:1px solid #dce4ca;border-radius:9px;padding:15px;margin:17px 0}.report-bar p,.cycle-bar p{font-size:11px;line-height:1.7;color:#7f8f6e;margin:0}.report-bar button,.cycle-bar button{flex-shrink:0}.history-list{display:grid;gap:0}.history-row{border-top:1px solid #e1e5d3;padding:15px 0}.history-row h3{margin:0 0 6px;font-size:16px!important}.history-row p{font-size:10px;color:#89947d;margin:0}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.history-summary>div{background:#edf0df;text-align:center;padding:15px;border-radius:8px;font-family:Outfit;font-size:26px;color:#749153}.history-summary span{display:block;font:9px DM Sans;color:#95a081;margin-top:5px}.lab-controls .wide{margin-top:12px}@media(max-width:760px){dialog.lab-panel{padding:18px;max-height:calc(100dvh - 24px)}.lab-layout{grid-template-columns:1fr;gap:16px}.lab-intro{margin-bottom:13px}.lab-intro h3{font-size:15px!important}.lab-tag{display:none}.lab-panel #panel-title{font-size:23px}.lab-visual{height:225px;min-height:225px;flex:none}.stage-top{padding:12px;font-size:7px}.stage-status{font-size:8px}.stage-caption{font-size:7px;padding:10px 12px}.lab-controls h4{margin-top:15px}.lab-option{min-height:44px;font-size:11px}.lab-note{font-size:11px}.lab-feedback{padding:12px}.lab-feedback p{font-size:11px}.lab-evidence{gap:9px;font-size:9px}.lab-footer{flex-wrap:wrap;gap:8px}.lab-footer>.primary{width:100%;min-height:44px}.lab-secondary{font-size:11px}.wire-palette button{min-height:40px;font-size:10px}.pin-button{min-height:43px}.wiremap{min-height:0}.lab-catalog{grid-template-columns:1fr}.lab-catalog article{display:grid;grid-template-columns:40px 1fr;gap:0 12px;padding:15px}.lab-catalog article>.icon{grid-column:1;grid-row:1/3}.lab-catalog h3{grid-column:2;margin:0 0 7px}.lab-catalog p{grid-column:2;margin:0 0 10px}.lab-catalog button,.practice-done{grid-column:2}.report-bar,.cycle-bar{flex-direction:column;align-items:stretch}.history-summary{gap:7px}.history-summary>div{font-size:22px;padding:13px 8px}}.hardware-panel#panel{width:1480px;max-width:calc(100vw - 28px);height:min(920px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);padding:18px 22px 10px;border-radius:16px;overflow:auto;background:#f6f5ed}.hardware-panel>.panel-top{height:24px}.hardware-panel #panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.hw-shell{color:#2c4940;position:relative;font-family:DM Sans,sans-serif}.hw-shell button,.hw-shell input,.hw-shell select{font-family:inherit}.hw-shell button{cursor:pointer}.hw-shell button:disabled{opacity:.42;cursor:not-allowed}.hw-shell button:focus-visible,.hw-shell input:focus-visible,.hw-shell select:focus-visible{outline:3px solid #d09256;outline-offset:3px}.hw-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 24px}.hw-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#899281;display:block}.hw-heading h3{font-family:Outfit,sans-serif!important;font-size:34px!important;font-weight:500!important;letter-spacing:-.9px;margin:8px 0!important}.hw-heading h3>span{color:#ba704e}.hw-heading p{font-size:11px;color:#829080;margin:0}.hw-btn{border:1px solid #d6dccc;background:#f6f6ed;border-radius:6px;padding:9px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#486450}.hw-btn:hover:not(:disabled){background:#e4ebdc}.hw-back svg{transform:rotate(180deg)}.hw-back{font-size:11px;padding:11px 15px}.hw-layout{display:grid;grid-template-columns:250px minmax(280px,1fr) 278px;border:1px solid #dce0d2;border-radius:11px;overflow:hidden;height:calc(100dvh - 237px);min-height:460px;max-height:650px;background:#fafaf3}.hw-library{display:flex;flex-direction:column;min-height:0;border-right:1px solid #dce0d2;padding:17px 14px 0}.hw-library-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:15px}.hw-library-title>span{font-size:10px;border:1px solid #dce0d2;border-radius:4px;padding:2px 5px;color:#829080}.hw-search{border:1px solid #dce1d2;border-radius:5px;display:flex;align-items:center;gap:7px;padding:9px;color:#93a08b}.hw-search input{background:transparent;border:0;width:100%;min-width:0;outline:none;color:#355643;font-size:10px}.hw-generations{display:flex;gap:4px;padding:12px 0}.hw-generations button{background:transparent;color:#788773;font-size:10px;padding:7px 10px;border-radius:4px;border:1px solid transparent}.hw-generations [aria-pressed=true]{background:#e4eada;color:#406345;border-color:#d1dbc6}.hw-category-label{font-size:9px;color:#93a08b;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hw-category-label select{max-width:160px;font-size:10px;background:#f1f3e9;color:#45614d;border:1px solid #dce1d2;border-radius:4px;padding:6px}.hw-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:auto;align-content:start;padding:2px 3px 15px 1px;scrollbar-width:thin;flex:1}.hw-part{min-width:0;display:flex;flex-direction:column;text-align:left;background:#fffef7;border:1px solid #dfe3d7;border-radius:7px;overflow:hidden;padding:0 0 9px;transition:border-color .15s}.hw-part:hover{border-color:#99af94}.hw-part.selected{border-color:#a47c52;box-shadow:0 0 0 1px #a47c5233}.hw-part-picture{position:relative;background:#ecefe5;width:100%;height:81px;display:block}.hw-part-picture img{width:100%;height:100%;object-fit:contain}.hw-part-picture small{position:absolute;left:5px;top:5px;font-size:7px;letter-spacing:.4px;background:#fffdf2c9;color:#6c7d67;padding:3px;border-radius:3px}.hw-part>strong{font-size:9px;padding:8px 7px 3px;font-weight:650;line-height:1.35}.hw-part-description{font-size:7px;line-height:1.5;min-height:25px;padding:0 7px;color:#8e9888}.hw-part-tag{font-size:7px;display:flex;align-items:center;gap:3px;padding:5px 7px 0;color:#6a8c64}.hw-part-tag.blocked{color:#a98b5d}.hw-library-note{font-size:8px;line-height:1.8;color:#8c9683;border-top:1px solid #e3e7da;position:relative;padding:11px 0 11px 22px}.hw-library-note>svg{position:absolute;left:0;top:15px}.hw-empty{font-size:12px;line-height:1.7;grid-column:1/-1}.hw-viewport-wrap{position:relative;min-height:0;overflow:hidden;background:#e8e8df}.hw-viewport{position:absolute;inset:0}.hw-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.hw-view-top{position:absolute;z-index:1;left:20px;top:19px;right:20px;display:flex;justify-content:space-between;pointer-events:none;gap:8px}.hw-live{font-size:8px;letter-spacing:1.8px;color:#526e58;display:flex;align-items:center;gap:7px;white-space:nowrap}.hw-live i{width:5px;height:5px;background:#6c9671;border-radius:50%}.hw-platform{font-size:8px;color:#8b9686}.hw-view-tools{position:absolute;right:15px;top:58px;display:flex;flex-direction:column;gap:6px}.hw-view-tools button{background:#fffdf1df;border:1px solid #d9dece;border-radius:6px;padding:8px;display:flex;color:#667c65;box-shadow:0 3px 8px #294b3b08}.hw-view-tools button[aria-pressed=true]{background:#dce9d6;color:#35533c;border-color:#88a67d}.hw-view-tools button:hover{background:#f8faef}.hw-view-bottom{position:absolute;left:20px;right:20px;bottom:19px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8a9580;pointer-events:none}.hw-view-bottom b{margin:0 6px;color:#b0b5a7}.hw-inspect-back{position:absolute;bottom:47px;left:50%;transform:translate(-50%);background:#365b46;color:#fff9e8;padding:10px 15px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.hw-inspect-back svg{transform:rotate(180deg)}.hw-drop-hint{position:absolute;inset:50px 12px;border:2px dashed #74966d;background:#e9f4e4aa;display:grid;place-items:center;pointer-events:none;border-radius:10px;font-size:14px;font-weight:600;text-align:center;padding:30px}.hw-build{display:flex;flex-direction:column;min-height:0;overflow:auto;border-left:1px solid #dce0d2;padding:19px 16px}.hw-build-title .hw-eyebrow{font-size:8px;letter-spacing:1.2px}.hw-build-name{font-family:Outfit,sans-serif!important;border:0;border-bottom:1px solid transparent;background:transparent;width:100%;color:#37553f;font-size:19px;padding:8px 0;outline:none}.hw-build-name:hover{border-bottom-color:#d2dbc6}.hw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 14px;padding:12px 0;border-top:1px solid #e4e7da;border-bottom:1px solid #e4e7da}.hw-stats strong{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;display:block}.hw-stats small{font-size:9px}.hw-stats span{display:block;font-size:6px;letter-spacing:1px;color:#939d88;margin-top:5px}.hw-slots{display:flex;flex-direction:column;gap:3px}.hw-slot{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;color:#7d9075}.hw-slot.selected{background:#eef0e3;border-color:#d8dfca}.hw-slot>span:nth-child(2){flex:1;min-width:0}.hw-slot small{display:block;font-size:7px;letter-spacing:.2px;color:#909b86}.hw-slot strong{font-size:10px;font-weight:500;color:#52694e;display:block;padding-top:2px}.hw-slot-indicator{font-size:9px;color:#8ba17b}.hw-selected{border-top:1px solid #e0e5d5;padding-top:12px;margin-top:13px}.hw-selected>.hw-eyebrow{font-size:7px}.hw-selected>strong{display:block;font-size:12px;margin-top:6px}.hw-selected p{font-size:9px;line-height:1.6;color:#8a9480;margin:7px 0 11px}.hw-selected>div{display:flex;gap:5px}.hw-selected .hw-btn{flex:1;font-size:9px;padding:7px 4px}.hw-insert{background:#3d6047;border-color:#3d6047;color:#fff8e5}.hw-insert:hover:not(:disabled){background:#294c33}.hw-remove{border:0;background:transparent;font-size:9px;color:#a47859;text-decoration:underline;text-underline-offset:3px;width:100%;margin-top:10px;padding:5px}.hw-power{margin-top:14px;background:#365941;color:#fcf8e6;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:6px;font-size:11px;flex-shrink:0}.hw-power.on{background:#a9754b}.hw-new-button{display:flex;justify-content:center;align-items:center;gap:5px;background:transparent;font-size:9px;color:#859177;padding:11px 0 0}.hw-status{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 2px 5px;min-height:44px;font-size:9px;line-height:1.6;color:#7d8b75}.hw-message.error{color:#a46548}.hw-save{white-space:nowrap;font-size:8px;color:#8e9a82}.hw-new{position:absolute;inset:0;z-index:8;background:#e3e8ddeb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;border-radius:10px;padding:25px}.hw-new-inner{max-width:560px;width:100%;text-align:center;background:#fbfaf1;padding:35px;border:1px solid #d8dfca;border-radius:12px;box-shadow:0 15px 50px #2e4c3b12}.hw-new h3{font-size:27px!important;margin:12px 0!important}.hw-new p{font-size:12px;line-height:1.7;color:#819078}.hw-new-inner>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.hw-new [data-hw-new]{padding:20px 8px;background:#eaf0e0;border:1px solid #d3ddc5;color:#3f6244;border-radius:8px}.hw-new [data-hw-new]:hover{background:#dce8ce}.hw-new [data-hw-new] strong{font-family:Outfit;font-size:23px;display:block}.hw-new [data-hw-new] span{font-size:9px;display:block;margin-top:8px}.hardware-promo{display:flex;gap:15px;align-items:center;background:linear-gradient(120deg,#e9efdc,#f3ebd9);border:1px solid #dce3c9;border-radius:10px;padding:18px;margin:17px 0 23px}.hardware-promo>div{flex:1}.hardware-promo h3{margin:5px 0;font-size:20px!important}.hardware-promo p{font-size:11px;line-height:1.7;color:#7b896b;margin:4px 0}.hardware-promo .eyebrow{color:#a6844d}.hardware-promo .primary{white-space:nowrap}.hardware-preview-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #d9e1cd;background:#edf2e2;color:#527047;padding:6px 9px;border-radius:5px;font-size:10px;margin:5px 0}@media(min-width:1500px){.hw-layout{grid-template-columns:270px minmax(280px,1fr) 295px}.hw-part-picture{height:94px}.hw-part>strong{font-size:10px}.hw-part-description,.hw-part-tag{font-size:8px}.hw-slot{padding:9px}.hw-slot strong{font-size:11px}}@media(max-width:1100px){.hw-layout{grid-template-columns:205px minmax(260px,1fr) 240px}.hw-build{padding:15px 12px}.hw-library{padding:15px 10px 0}.hw-generations button{padding:6px 7px}.hw-heading h3{font-size:29px!important}.hw-part-picture{height:70px}.hw-view-bottom>span:last-child{display:none}.hw-view-top{left:12px;right:12px}.hw-platform{font-size:7px}.hw-live{letter-spacing:1px}.hw-slot{gap:7px}.hw-selected p{font-size:8px}}@media(max-width:850px){.hardware-panel#panel{padding:12px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.hw-heading{padding:12px 0 18px}.hw-heading h3{font-size:27px!important}.hw-heading p{font-size:10px;max-width:300px;line-height:1.6}.hw-layout{grid-template-columns:200px minmax(240px,1fr);height:auto;max-height:none;min-height:0}.hw-library{grid-row:1/3;max-height:980px}.hw-viewport-wrap{height:420px}.hw-build{border-top:1px solid #dce0d2;max-height:none;overflow:visible}.hw-slots{display:grid;grid-template-columns:1fr 1fr}.hw-build-name{font-size:18px}.hw-stats{margin:0 0 8px;padding:8px 0}.hw-selected{margin-top:8px}.hw-status{align-items:flex-start;gap:10px;font-size:9px}.hw-save{font-size:7px;white-space:normal;min-width:78px}.hw-parts{grid-template-columns:1fr 1fr}.hw-new{position:fixed;inset:10px}.hardware-promo{flex-direction:column;align-items:stretch}}@media(max-width:540px){.hw-heading h3{font-size:25px!important}.hw-heading p{max-width:240px;font-size:9px}.hw-heading .hw-eyebrow{font-size:7px;letter-spacing:1px}.hw-back{font-size:0;padding:10px}.hw-layout{display:flex;flex-direction:column}.hw-viewport-wrap{order:0;height:340px;flex:none;border-bottom:1px solid #dce0d2}.hw-library{order:1;border-right:0;padding:15px;max-height:none}.hw-library-title{margin-bottom:10px}.hw-generations{padding:8px 0}.hw-category-label{margin-bottom:9px}.hw-parts{display:flex;overflow:auto;max-height:none;min-height:155px;padding-bottom:10px;gap:10px}.hw-part{min-width:125px;max-width:125px;flex-shrink:0}.hw-part-picture{height:85px}.hw-part>strong{font-size:10px}.hw-part-description,.hw-part-tag{font-size:8px}.hw-library-note{display:none}.hw-build{order:2;border-left:0;padding:16px}.hw-slots{grid-template-columns:1fr 1fr}.hw-selected p{font-size:10px}.hw-selected .hw-btn{font-size:11px;padding:10px}.hw-remove{font-size:10px}.hw-build-title .hw-eyebrow{font-size:8px}.hw-build-name{font-size:22px}.hw-slot strong{font-size:11px}.hw-slot small{font-size:8px}.hw-slot{padding:9px}.hw-status{position:sticky;bottom:-12px;background:#f7f7ed;border-top:1px solid #dce1d2;padding:10px;z-index:4;min-height:55px}.hw-message{font-size:10px}.hw-new-inner{padding:22px 14px}.hw-new-inner>div{gap:5px}.hw-new [data-hw-new] span{font-size:8px}.hw-new h3{font-size:23px!important}.hw-view-top{top:14px}.hw-view-bottom{font-size:7px;bottom:15px}}.hw-order{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:16px 24px;background:#e4eadb;border-bottom:1px solid #bac9b6;font-size:12px}.hw-order[hidden]{display:none}.hw-order strong{display:block;font-size:18px;margin:5px 0}.hw-order p{line-height:1.6;margin:5px 0}.hw-order details{margin-top:8px}.hw-order ul{padding-left:16px}.over-budget{color:#a13729;font-weight:700}.hw-appearance{font-size:12px;border-bottom:1px solid #d4dacf;padding:12px 0}.hw-appearance label{display:block;margin:10px 0}.hw-appearance select{width:100%;padding:8px;border:1px solid #bac9b6;border-radius:6px;background:#fafbf5}.hw-shell:has(.hw-order:not([hidden])) .hw-layout{height:calc(100dvh - 410px);min-height:480px}@media(max-width:760px){.hw-order{grid-template-columns:1fr;padding:14px;gap:8px}.hw-shell:has(.hw-order:not([hidden])) .hw-layout{height:auto}.hw-order strong{font-size:16px}}.hw-new-button[hidden]{display:none}@media(min-width:761px)and (max-width:850px){.hw-shell:has(.hw-order:not([hidden])) .hw-layout{height:auto}}.hw-parts{grid-auto-rows:max-content;min-height:0}.hw-part{min-height:158px}.hw-part-picture{flex-shrink:0}.hw-part>strong{font-size:10px}.hw-part-description,.hw-part-tag{font-size:8px}.hw-part-description{min-height:28px}.hw-optional{grid-column:1/-1}.hw-optional summary{font-size:10px;padding:12px 5px;color:#819074;cursor:pointer}.hw-optional summary span{float:right}.hw-stats,.hw-build-title,.hw-selected,.hw-new-button,.hw-appearance{flex-shrink:0}@media(min-width:851px){.hw-slots{flex:1;min-height:140px;overflow:auto;scrollbar-width:thin}.hw-build{overflow:auto}.hw-slot{padding:7px;flex-shrink:0}.hw-selected{padding-top:10px;margin-top:9px}.hw-selected p{min-height:29px}.hw-build-name{font-size:18px}}.hw-description{width:100%;min-height:54px;resize:vertical;border:1px solid #d4dacf;border-radius:8px;background:#fbfbf6;font:12px DM Sans,sans-serif;color:#37553f;padding:8px;margin-top:6px}.hw-public{display:flex;align-items:center;gap:7px;font-size:11px;color:#5d6e60;margin:8px 0 4px}.hw-color-note{font-size:11px;line-height:1.55;color:#7a8578;margin:10px 0 0}.hw-swatches{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.hw-swatches button{width:26px;height:26px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b9c2b6}.hw-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #355c43}.hw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}