@charset "UTF-8";
/* The illustrated color palette is defined once in refinements.css. */
:root{--sage-light:#e6eadb;--peach:#e9c3a5;--ease:cubic-bezier(.22,1,.36,1);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9c794f;outline-offset:5px}button:focus:not(:focus-visible),h1:focus{outline:none}::selection{background:#dce5cb}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[inert]{pointer-events:none}body:not([data-phase="world"]){overflow:hidden}.wordmark{display:inline-flex;align-items:center;gap:12px;letter-spacing:-.7px;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:600;white-space:nowrap}.brand-cat{width:34px;height:34px;stroke:none;color:#3b4236}.status-dot{width:6px;height:6px;border-radius:50%;background:#809768;box-shadow:0 0 0 4px #80976810}.small-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;letter-spacing:2px}
/* The doorway */
.loader{position:fixed;inset:0;z-index:100;background:var(--paper);display:grid;place-content:center;justify-items:center;gap:18px;transition:opacity .35s ease,visibility .35s}.loader.is-gone{opacity:0;visibility:hidden;pointer-events:none}.loader p{font-size:12px;letter-spacing:3px;color:var(--muted)}.loading-cat{position:relative;animation:loader-breathe 1.7s ease-in-out infinite}.loading-cat>.icon{width:66px;height:66px;stroke:none}.loading-dot{position:absolute;width:8px;height:8px;background:var(--peach);border-radius:50%;right:-12px;bottom:4px;animation:loader-breathe 1s ease-in-out infinite alternate}.lock-screen{position:fixed;inset:0;z-index:10;min-height:650px;background:#f3f2e6;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .7s var(--ease),transform .8s var(--ease),visibility .8s}.lock-screen.is-ready{opacity:1;visibility:visible}.lock-screen.is-leaving{opacity:0;transform:scale(1.035) translateY(-18px);pointer-events:none;visibility:hidden}.lock-header{position:absolute;z-index:2;top:35px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between}.lock-landscape{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#fcfaef 0%,#f6f4e9 43%,#ecefdf 100%)}.lock-sun{position:absolute;left:11%;top:23%;width:138px;height:138px;border-radius:50%;background:#e9dbb33d;box-shadow:0 0 60px #e9dbb31a}.lock-hill{position:absolute;width:100%;height:43%;border-radius:50% 50% 0 0}.hill-back{bottom:-27%;left:-37%;width:120%;height:57%;background:#cdd7bc60;transform:rotate(9deg)}.hill-front{bottom:-30%;right:-45%;height:58%;background:#afc09d30;transform:rotate(-13deg)}.lock-window-shadow{position:absolute;right:-7%;top:-18%;width:43%;height:120%;opacity:.26;transform:rotate(24deg);background:linear-gradient(90deg,transparent 0 42%,#d1d8bf 42% 44%,transparent 44% 80%,#d1d8bf 80% 82%,transparent 82%),linear-gradient(0deg,transparent 0 48%,#d1d8bf 48% 50%,transparent 50% 78%,#d1d8bf 78% 80%,transparent 80%);filter:blur(5px)}.lock-doodle{position:absolute;fill:none;stroke:#b1bd9d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.doodle-leaf{width:110px;height:160px;bottom:13%;left:12%;transform:rotate(-18deg);opacity:.65}.lock-spark{position:absolute;color:#a3b18f;font:42px Georgia}.spark-one{right:17%;top:28%}.spark-two{left:27%;bottom:25%;font-size:25px;color:#d6ba8c}.unlock-content{position:relative;z-index:1;min-height:650px;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 20px 100px}.clock-group{text-align:center;margin-bottom:28px}.clock{display:block;font-family:"Segoe UI",system-ui,sans-serif;font-weight:200;font-size:clamp(72px,8.8vw,112px);line-height:1.08;letter-spacing:-5px;font-variant-numeric:tabular-nums;color:#515c46}.calendar{font-size:13px;letter-spacing:3px;color:#7c846e;margin:12px 0 0}.avatar-wrap{position:relative;margin-bottom:17px}.avatar{height:88px;width:88px;border:5px solid #fffcf4;border-radius:50%;background:#e0e6d1;box-shadow:0 2px 0 #bac5a756,0 8px 24px #65764a0b;display:grid;place-items:center}.avatar svg{width:52px;height:52px;color:#353b32}.avatar-flower{position:absolute;right:-1px;bottom:1px;font-size:25px;color:#c19b64;filter:drop-shadow(0 0 2px #fffcf4)}.lock-name{font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:-.5px;margin:0;font-weight:500}.lock-welcome{font-size:12px;color:#90937e;letter-spacing:1px;margin:10px 0 25px}.unlock-form{display:grid;gap:12px;width:248px}.password-shell{display:flex;align-items:center;border:1px solid #d5dac6;background:#fffdf480;border-radius:12px;height:45px;padding:0 14px;box-shadow:inset 0 2px 3px #80936c04}.password-shell>.icon{width:16px;height:16px;color:#a4ad95;stroke:none}.password-shell input{width:100%;min-width:0;background:none;border:none;outline:none;color:#929b81;text-align:center;letter-spacing:5px;padding:0 4px;cursor:default;font-size:12px;caret-color:transparent}.password-spark{color:#acb49a;font-size:19px}.login-button{height:45px;padding:0 18px;background:#7c8e68;color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;letter-spacing:5px;box-shadow:0 4px 0 #677b5417;transition:background .2s,transform .2s,box-shadow .2s}.login-button .icon{width:17px;height:17px}.login-button:hover{background:#697f56;transform:translateY(-2px);box-shadow:0 6px 16px #61784d20}.login-button:active{transform:translateY(1px)}.unlock-hint{font-size:10px;letter-spacing:1px;color:#9ca38c;margin:14px 0 0}.scroll-enter{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;background:none;padding:8px 20px;color:#8a957c;font-size:10px;letter-spacing:2px;white-space:nowrap}.scroll-enter .icon{width:14px;height:14px;stroke:none;opacity:.7;animation:scroll-bob 2.7s ease-in-out infinite}.scroll-line{height:21px;width:1px;background:linear-gradient(#a4b08e70,#a4b08e10)}.lock-corner-note{position:absolute;bottom:35px;left:4.4%;color:#a3ab91;font:italic 13px Georgia,serif;letter-spacing:.3px}.is-ready .clock-group,.is-ready .avatar-wrap,.is-ready .lock-name,.is-ready .lock-welcome,.is-ready .unlock-form{animation:reveal .9s var(--ease) both}.is-ready .avatar-wrap{animation-delay:.08s}.is-ready .lock-name,.is-ready .lock-welcome{animation-delay:.14s}.is-ready .unlock-form{animation-delay:.2s}
/* A little world */
.world{max-width:1600px;margin:auto;padding:0 4.4%;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .8s var(--ease),transform .9s var(--ease);min-height:100dvh;display:flex;flex-direction:column}.world.is-visible{opacity:1;visibility:visible;transform:none}.world-header{height:97px;display:flex;align-items:center;border-bottom:1px solid #dce0cfaa;gap:40px;flex-shrink:0}.header-nav{display:flex;gap:28px;margin-left:auto}.header-nav button{background:none;min-height:44px;font-size:12px;letter-spacing:1px;padding:8px 4px;position:relative;color:#757f6b}.header-nav button:after{position:absolute;content:"";height:2px;bottom:5px;left:4px;right:4px;background:#a8b88e;transform:scaleX(0);transition:transform .25s}.header-nav button:hover:after{transform:scaleX(1)}.weather-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#879476;letter-spacing:1px;border-left:1px solid var(--line);padding-left:28px}.weather-note .icon{width:19px;height:19px;color:#b9a36c}.courtyard{width:100%;max-width:1250px;margin:0 auto;flex:1}.world-intro{padding:43px 18px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:3px;color:#91a180;margin:0 0 12px}.world-intro h1{font-size:32px;font-weight:500;letter-spacing:3px;margin:0 0 12px;line-height:1.5}.title-dot{color:#97a880}.intro-caption{font-size:11px;color:#939a86;letter-spacing:1.5px;margin:0}.little-stamp{height:74px;width:74px;border:1px solid #c9d1b9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#96a380;transform:rotate(12deg);margin:0 19px 0 0;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px #d6dcc8}.little-stamp .icon{height:22px;width:22px;stroke:none}.little-stamp span{font-size:9px;letter-spacing:2px}.scene{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:-16px auto 0;isolation:isolate}.scene-ground{position:absolute;z-index:-1;left:2%;right:1%;height:40%;bottom:7%;border-radius:48%;background:#e6e9d4;transform:rotate(-2deg)}.scene-half{position:relative;min-width:0}.scene-art{width:100%;aspect-ratio:620/600}.scene-art>svg{width:100%;height:100%;display:block;overflow:visible}.garden-half{margin-left:-18px}.scene-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#fffcf4f5;box-shadow:0 5px 0 #b8bc9e30,0 8px 24px #5363470d;border:1.5px solid #a1ac8c;border-radius:16px 16px 16px 4px;padding:12px 15px 12px 12px;text-align:left;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;animation:hotspot-float 5s ease-in-out infinite}.scene-hotspot:after{content:"";position:absolute;left:22px;bottom:-9px;width:13px;height:13px;background:var(--cream);border-right:1.5px solid #a1ac8c;border-bottom:1.5px solid #a1ac8c;transform:skewY(-20deg) rotate(35deg);border-bottom-right-radius:3px}.scene-hotspot small{display:block;font-size:9px;color:#98a087;letter-spacing:1px;margin-bottom:4px}.scene-hotspot strong{font-size:15px;font-weight:600;letter-spacing:2px;display:block}.scene-hotspot>.hotspot-arrow{height:16px;width:16px;margin-left:3px;color:#899775}.hotspot-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf0e1;color:#667b53}.hotspot-icon .icon{width:21px;height:21px}.about-hotspot .hotspot-icon .icon{stroke:none}.about-hotspot{top:30%;left:54%}.projects-hotspot{top:29%;left:29%;animation-delay:-2.3s}.projects-hotspot .hotspot-icon{background:#f1e6d5;color:#a38a63}.scene-hotspot:hover,.scene-hotspot:focus-visible{animation-play-state:paused;transform:translateY(-5px);box-shadow:0 7px 0 #b8bc9e25,0 12px 26px #53634713;border-color:#758965}.scene-label{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#a1ac8d;font-size:9px;letter-spacing:3px;white-space:nowrap}.label-dash{height:1px;width:23px;background:#cfd6bc}.explore-hint{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#949f82;letter-spacing:1.5px;margin:6px 0 31px}.explore-hint .icon{height:13px;width:13px;stroke:none;transform:rotate(-18deg)}.world-footer{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:20px;border-top:1px solid #dce0cfaa;font-size:10px;color:#969d8b;letter-spacing:.4px}.footer-greeting{display:flex;align-items:center;gap:10px;letter-spacing:1px}.footer-greeting>span{color:#b7a47f;font-size:15px}
/* The little game windows */
.content-dialog{padding:0;border:1px solid #c4cdb5;border-radius:23px;background:var(--cream);color:var(--ink);width:min(720px,calc(100% - 40px));max-height:min(840px,calc(100dvh - 64px));overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #33412829,0 3px 0 #c7cdb9;scrollbar-width:thin;scrollbar-color:#c7d0b8 transparent}.content-dialog::backdrop{background:#39483252;backdrop-filter:blur(5px);animation:backdrop-in .25s ease both}.content-dialog[open]{animation:window-in .25s var(--ease) both}.content-dialog.is-closing{animation:window-out .2s ease both}.content-dialog.is-closing::backdrop{animation:backdrop-out .2s ease both}.dialog-frame{min-width:0}.dialog-header{height:57px;padding:0 16px 0 24px;display:flex;align-items:center;justify-content:space-between;background:#eef0e4;border-bottom:1px solid #dbe0cf;position:sticky;top:0;z-index:3}.window-dots{display:flex;gap:6px;width:60px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#b9c6a4}.window-dots i:nth-child(2){background:#dac6a3}.window-dots i:nth-child(3){background:#d6dcbe}.dialog-caption{font-size:10px;letter-spacing:2px;color:#879575}.icon-button{background:transparent;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;transition:background .2s}.icon-button .icon{width:19px;height:19px}.icon-button:hover{background:#dfe5d2}.dialog-content{padding:36px 42px 32px;min-height:270px;animation:reveal .3s var(--ease)}.dialog-footer{border-top:1px dashed #dce2cd;display:flex;justify-content:center;align-items:center;gap:9px;padding:18px;color:#a3ab95;font-size:10px;letter-spacing:1px}.dialog-footer .icon{height:13px;width:13px;stroke:none}.panel-eyebrow{color:#9aa78a;font-size:9px;letter-spacing:3px;margin:0 0 9px}.panel-title{margin:0 0 12px;font-size:27px;font-weight:500;letter-spacing:1px;line-height:1.5}.panel-subtitle{margin:0;color:#939a86;font-size:12px;line-height:1.9}.about-intro{display:flex;align-items:center;gap:20px;padding-bottom:26px;margin-bottom:10px;border-bottom:1px dashed #dce2ce}.about-avatar{height:70px;width:70px;background:#e7ecd9;border-radius:22px;display:grid;place-items:center;transform:rotate(-5deg);flex-shrink:0}.about-avatar>.icon{width:43px;height:43px;stroke:none;color:#3b4335}.about-intro .panel-title{font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px}.contact-list{display:grid;gap:14px;padding-top:20px}.contact-row{min-height:80px;display:flex;align-items:center;gap:17px;padding:17px 19px;border:1px solid #e1e5d6;border-radius:14px;background:#fbfaf1;transition:border-color .2s,background .2s}.contact-row[href]:hover{background:#f0f3e5;border-color:#b9c6a6}.contact-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e9eddf;color:#82936d;flex-shrink:0}.contact-row:nth-child(2) .contact-icon{background:#f0e8d9;color:#aa9670}.contact-row:nth-child(3) .contact-icon{background:#ece9dd;color:#a39a7c}.contact-text{min-width:0;flex:1}.contact-text small{font-size:10px;color:#a0a78f;display:block;margin-bottom:6px;letter-spacing:1px}.contact-text strong{font-size:13px;line-height:1.7;font-weight:400;overflow-wrap:anywhere}.contact-row>.icon{color:#a6b096;width:16px;height:16px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.inventory-count{border:1px solid #dce3cd;border-radius:20px;white-space:nowrap;padding:6px 11px;font-size:9px;color:#96a17f;letter-spacing:1px}.inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:27px 0 5px}.project-card{background:#f4f5e8;border:1px solid #d4ddc2;border-radius:17px;padding:23px 20px;text-align:left;position:relative;min-height:210px;transition:transform .3s var(--ease),border-color .3s,background .3s}.project-card:hover{transform:translateY(-5px);border-color:#a1b487;background:#edf2e1}.project-art{height:76px;width:82px;margin:0 0 20px;position:relative;display:grid;place-items:center}.project-art:before{content:"";position:absolute;inset:9px 0 0;border:1.5px solid #a9b88f;border-radius:6px 13px 13px 13px;background:#d8e3c3;transform:rotate(-5deg)}.project-art:after{content:"";position:absolute;top:1px;left:0;width:36px;height:17px;border:1.5px solid #a9b88f;border-bottom:0;background:#d8e3c3;border-radius:6px 8px 0 0;transform:rotate(-5deg)}.project-art .icon{position:relative;z-index:1;width:37px;height:37px;color:#556349;stroke:none;transform:rotate(-5deg) translateY(5px)}.project-card strong{font-size:14px;display:block;margin-bottom:8px;font-weight:500;line-height:1.6;letter-spacing:.5px}.project-card small{font-size:10px;color:#9ba689;letter-spacing:1px}.project-card>.icon{position:absolute;right:17px;top:20px;width:17px;height:17px;color:#8fa17c}.inventory-space{border:1px dashed #dce2cc;border-radius:17px;background:#f8f8ef88;display:grid;place-items:center}.inventory-space .icon{height:30px;width:30px;stroke:none;color:#e0e6d2;transform:rotate(15deg)}.inventory-note{text-align:center;font-size:10px;color:#abb397;letter-spacing:1px;margin:24px 0 0}.back-button{padding:0 8px 0 0;min-height:44px;display:flex;align-items:center;gap:8px;background:none;color:#84966e;font-size:11px;letter-spacing:.5px;margin:-15px 0 16px}.back-button .icon{transform:rotate(180deg);width:15px;height:15px}.detail-intro{display:flex;align-items:center;gap:21px;margin-bottom:22px}.detail-intro .project-art{margin:0;flex-shrink:0;width:70px;height:65px}.detail-intro .panel-title{font-size:23px;margin:0 0 5px;letter-spacing:0}.detail-intro .panel-eyebrow{margin-bottom:4px;font-size:8px;letter-spacing:2px}.detail-intro .detail-platform{font-size:10px;color:#9ba58c;margin:0}.project-description{font-size:12px;color:#8b967d;line-height:1.95;padding:17px 20px;background:#f0f3e6;border-radius:12px;margin:0 0 24px}.features{display:grid;grid-template-columns:1fr 1fr;gap:23px 25px}.feature-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:500}.feature-title .icon{height:17px;width:17px;color:#8a9b74}.feature-title .cat-icon{stroke:none}.feature p{font-size:11px;color:#8d9680;line-height:1.95;margin:0}.downloads{margin-top:27px;padding-top:23px;border-top:1px dashed #d9e0c9}.download-heading{font-size:12px;font-weight:500;margin:0 0 14px;letter-spacing:1px}.download-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.download-option{border:1px solid #dce2d0;border-radius:11px;min-height:75px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#f4f6eb;padding:12px 7px}.download-option span{display:flex;align-items:center;gap:6px;font-size:11px}.download-option .icon{width:14px;height:14px}.download-option small{font-size:9px;color:#a4ad93}.download-option:disabled{color:#9ca68b;background:#f7f7ef;border-style:dashed}.download-option[href]{color:#61794e;background:#e9efdc;border-color:#c8d5b4;transition:background .2s,transform .2s}.download-option[href]:hover{background:#dce8c9;transform:translateY(-2px)}.no-script{position:fixed;inset:0;z-index:999;background:var(--paper);padding:15vh 10%;line-height:2;color:var(--ink)}
/* Subtle movement, all on independent layers */
.tail-sway{transform-box:fill-box;transform-origin:15% 10%;animation:tail-sway 5s ease-in-out infinite}.plant-sway{transform-box:fill-box;transform-origin:50% 100%;animation:plant-sway 6.5s ease-in-out infinite}.screen-glow{animation:screen-glow 5s ease-in-out infinite}.cloud-drift{animation:cloud-drift 12s ease-in-out infinite alternate}.butterfly{transform-box:fill-box;transform-origin:center;animation:butterfly 7s ease-in-out infinite}.sleep-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:sleep-breathe 4s ease-in-out infinite}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loader-breathe{50%{transform:translateY(-5px) scale(1.03);opacity:.65}}@keyframes scroll-bob{50%{transform:translateY(5px);opacity:.4}}@keyframes hotspot-float{50%{transform:translateY(-4px)}}@keyframes tail-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}@keyframes plant-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes screen-glow{50%{opacity:.75}}@keyframes cloud-drift{to{transform:translateX(13px)}}@keyframes butterfly{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(8px,-9px) rotate(7deg)}}@keyframes sleep-breathe{50%{transform:scaleY(1.025)}}@keyframes window-in{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes window-out{to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}
@media(min-width:1550px){.courtyard{max-width:1320px}.scene{margin-top:-25px}.world-intro{padding-top:50px}}
@media(max-width:1050px){.wordmark{font-size:21px}.scene-hotspot{padding:10px;gap:8px}.scene-hotspot strong{font-size:13px}.scene-hotspot small{font-size:8px}.hotspot-icon{width:30px;height:30px}.about-hotspot{left:49%}.projects-hotspot{left:24%}.world-intro{padding-top:34px}.world-intro h1{font-size:28px}.weather-note{padding-left:20px}.world-header{gap:25px}}
@media(max-width:700px){.lock-header{top:24px;left:7%;right:7%}.wordmark{font-size:20px;gap:8px}.brand-cat{width:28px;height:28px}.lock-header .small-note{font-size:9px;letter-spacing:1px}.lock-screen,.unlock-content{min-height:580px}.unlock-content{padding-bottom:100px}.clock{font-size:86px}.clock-group{margin-bottom:24px}.calendar{font-size:11px;letter-spacing:2px}.avatar{width:80px;height:80px}.avatar svg{height:48px;width:48px}.lock-name{font-size:21px}.doodle-leaf{left:-3%;bottom:15%;width:90px;opacity:.5}.lock-sun{width:90px;height:90px;left:-8%;top:20%}.spark-one{right:8%;top:25%;font-size:25px}.spark-two{left:16%;bottom:22%}.lock-corner-note{display:none}.scroll-enter{bottom:20px}.lock-window-shadow{width:70%;right:-35%}.world{padding:0 6%}.world-header{height:80px;gap:10px}.header-nav{gap:14px}.header-nav button{font-size:10px;letter-spacing:0}.weather-note{display:none}.world-intro{padding:30px 0 0;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:10px}.world-intro h1{font-size:26px;letter-spacing:2px;margin-bottom:10px}.intro-caption{font-size:10px;letter-spacing:1px}.little-stamp{height:61px;width:61px;margin:2px 0 0;flex-shrink:0}.little-stamp .icon{width:18px;height:18px}.little-stamp span{font-size:8px}.scene{display:flex;flex-direction:column;margin:16px -3.5% 0;isolation:isolate}.scene-half{width:100%}.garden-half{margin:-45px 0 0;z-index:0}.room-half{z-index:1}.scene-ground{top:29%;bottom:5%;height:auto;border-radius:48% 44% 38% 42%;left:1%;right:1%;transform:rotate(-4deg)}.scene-label{bottom:1.8%;font-size:8px}.scene-hotspot{padding:10px 12px;gap:9px}.scene-hotspot strong{font-size:13px;letter-spacing:1.5px}.scene-hotspot small{font-size:8px}.hotspot-icon{width:31px;height:31px}.about-hotspot{left:53%;top:30%}.projects-hotspot{left:29%;top:28%}.scene-hotspot>.hotspot-arrow{height:14px;width:14px;margin-left:0}.explore-hint{margin:12px 0 28px;font-size:9px;letter-spacing:1px}.world-footer{min-height:82px;flex-direction:column;justify-content:center;gap:10px;font-size:9px}.footer-greeting{font-size:9px}.content-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 35px);border-radius:20px}.dialog-content{padding:27px 24px 25px}.dialog-header{padding-left:20px}.dialog-caption{font-size:9px}.panel-title{font-size:24px}.about-intro{gap:16px;padding-bottom:23px}.about-avatar{height:58px;width:58px;border-radius:18px}.about-avatar>.icon{width:36px;height:36px}.about-intro .panel-title{font-size:21px}.panel-subtitle{font-size:11px}.contact-list{gap:14px}.contact-row{padding:15px 13px;gap:12px;min-height:81px}.contact-icon{width:32px;height:32px}.contact-icon>.icon{height:20px;width:20px}.contact-text strong{font-size:12px}.contact-row>.icon{width:14px;height:14px}.inventory{gap:12px}.project-card{padding:20px 14px;min-height:205px}.project-card strong{font-size:12px}.project-card small{font-size:9px}.inventory-count{font-size:8px;padding:5px 8px}.features{grid-template-columns:1fr;gap:21px}.feature p{font-size:12px}.feature-title{font-size:13px}.detail-intro{gap:15px}.detail-intro .panel-title{font-size:19px}.detail-intro .project-art{width:57px;height:56px}.detail-intro .project-art>.icon{width:29px;height:29px}.detail-intro .detail-platform{font-size:9px}.project-description{font-size:12px;padding:15px 16px}.download-options{grid-template-columns:1fr;gap:10px}.download-option{min-height:57px;flex-direction:row;justify-content:space-between;padding:12px 17px}.download-option span{font-size:12px}.download-option small{font-size:10px}.dialog-footer{font-size:9px}.dialog-header .window-dots{width:44px}}
@media(max-width:370px){.header-nav{gap:9px}.wordmark{font-size:18px}.world{padding:0 5%}.world-intro h1{font-size:24px}.about-hotspot{left:49%}.projects-hotspot{left:25%}.scene-hotspot{padding:9px;gap:7px}.scene-hotspot>.hotspot-arrow{display:none}.dialog-content{padding:24px 19px}.contact-row{gap:9px;padding:14px 11px}.about-intro .panel-title{font-size:19px}.lock-header .small-note{display:none}}
@media(max-height:730px) and (min-width:701px){.clock{font-size:82px}.clock-group{margin-bottom:18px}.avatar{width:72px;height:72px}.avatar svg{width:44px;height:44px}.lock-welcome{margin:8px 0 18px}.lock-name{font-size:21px}.unlock-content{min-height:580px}.lock-screen{min-height:580px}.world-header{height:80px}.world-intro{padding-top:28px}.scene{margin-top:-30px;max-width:1050px}.world-intro h1{font-size:27px}.explore-hint{margin-top:0;margin-bottom:20px}}
@media(max-height:600px){.lock-screen{min-height:0;overflow-y:auto}.unlock-content{min-height:590px}.scroll-enter{position:relative;bottom:auto;left:auto;transform:none;margin:-53px auto 0}.lock-header{position:absolute}.lock-corner-note{display:none}}
/* Keep soft colors readable, and small controls comfortable to touch. */
html{scrollbar-gutter:stable}.world{overflow-x:clip}.wordmark{min-height:44px}.header-nav button{min-width:44px}
.calendar,.lock-welcome,.unlock-hint,.scroll-enter,.header-nav button,.weather-note,.intro-caption,.explore-hint,.world-footer,.panel-subtitle,.dialog-caption,.contact-text small,.inventory-count,.inventory-note,.project-card small,.project-description,.feature p,.back-button,.download-option small,.dialog-footer{color:#6b765f}
.scene-hotspot small,.password-shell input{color:#748165}.feature p{font-size:12px}.login-button{background:#677d52}.login-button:hover{background:#586e44}
/* Motion preferences, including explicit visitor opt-in, live in refinements.css. */