:root{--bg:#f8f8f3;--fg:#30392d;--muted:#8b9084;--line:#e3e5da;--accent:#687c50;--card:#eff0e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei",sans-serif;transition:background .25s,color .25s}body.dark{--bg:#20251f;--fg:#e2e5d9;--muted:#a1aa98;--line:#3b4536;--accent:#b6c794;--card:#2b3328}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1120px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:bold;font-size:17px;display:flex;align-items:center;gap:10px}.pixel{font-size:27px;color:var(--accent)}small{font:9px monospace;letter-spacing:1px;color:var(--muted);margin-left:6px}nav{display:flex;gap:8px}nav button{border:0;background:transparent;font-size:12px;padding:8px 18px;border-radius:4px;color:var(--muted)}nav button.active{background:var(--card);color:var(--fg)}#sound{border:1px solid var(--line);background:none;width:30px;height:30px;border-radius:4px}.intro{display:flex;justify-content:space-between;align-items:center;padding:70px 0 58px}.status{font:10px monospace;letter-spacing:1.5px;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;background:#8b9c6c;margin-right:8px;box-shadow:0 0 0 3px #8b9c6c18}h1{font-size:37px;letter-spacing:1px;margin:24px 0 18px;font-weight:600}.intro p{font-size:13px;line-height:2;color:var(--muted)}.intro-links{display:flex;gap:25px;margin-top:30px;font-size:11px;align-items:center}.intro-links a{background:var(--fg);color:var(--bg);padding:11px 16px;border-radius:3px}.intro-links a span{margin-left:20px}.intro-links button{background:none;border:0;color:var(--muted);font-size:11px}.game{width:280px;text-align:center;margin-right:45px;animation:float 5s ease-in-out infinite}.game svg{width:100%;height:190px}.game>span{font:8px monospace;letter-spacing:2px;color:var(--muted)}.game b{color:var(--accent);font-weight:normal;margin-left:10px}.section-title{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center}h2{font-size:15px;font-weight:500;margin:0}h2 span{font:9px monospace;color:var(--muted);margin-left:15px}.view-label{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.item{background:none;text-align:left;border:0;padding:0;animation:appear .35s ease both}.art{height:230px;position:relative;overflow:hidden;background:var(--card);border-radius:5px;transition:transform .25s,box-shadow .25s}.item:hover .art{transform:translateY(-4px);box-shadow:0 10px 20px #2530210c}.art svg{width:100%;height:100%;display:block}.badge{position:absolute;left:12px;top:12px;background:#f8f8f1e8;padding:5px 8px;color:#59634d;font:9px monospace;border-radius:2px}.item-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.item h3{font-size:13px;font-weight:500;margin:0}.item-info>span{font-size:13px;color:var(--muted)}.item p{font-size:10px;color:var(--muted);margin:9px 0 0;letter-spacing:.3px}.item p span{font:9px monospace;float:right}.end{text-align:center;font-size:10px;color:var(--muted);margin:45px 0 55px;letter-spacing:1px}.bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0;font-size:10px;color:var(--muted)}.bottom b{font-weight:normal;color:var(--fg);margin-left:8px}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;font:9px monospace;color:var(--muted)}footer a{margin-left:25px;font-size:16px}dialog{width:min(720px,92vw);max-height:90vh;overflow:auto;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:30px;border-radius:6px;box-shadow:0 25px 120px #0004}dialog::backdrop{background:#18201999;backdrop-filter:blur(5px)}#close{display:block;margin:0 0 20px auto;background:none;border:0;color:var(--muted);font:10px monospace}#detail-content .art{height:auto;aspect-ratio:3/2}#detail-content h2{font-size:24px;margin:24px 0 15px}#detail-content p{font-size:13px;line-height:2;color:var(--muted)}@keyframes float{50%{transform:translateY(-6px)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){header,main,footer{margin-left:6vw;margin-right:6vw}.art{height:20vw}}@media(max-width:720px){header{height:85px;flex-wrap:wrap;gap:12px;padding:16px 0}.logo{font-size:14px}small{display:none}nav{order:3;width:100%;justify-content:space-between}nav button{padding:4px 16px;font-size:11px}.intro{padding:48px 0 35px;gap:12px}h1{font-size:27px}.intro p{font-size:11px;max-width:260px}.game{width:145px;min-width:100px;margin-right:0}.game svg{height:130px}.game>span{font-size:6px;letter-spacing:0}.game b{display:none}.status{font-size:8px}.grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.art{height:29vw}.item h3{font-size:12px}.item p{font-size:9px}.item p span{display:none}.bottom{gap:20px;line-height:1.8}.bottom>span:last-child{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.world-shelf{margin:0 0 35px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:4px;padding:15px;background:var(--card)}.world>svg{width:100px;height:80px;flex-shrink:0}.world h3{font-size:12px;font-weight:500;margin:0 0 10px}.world p{font-size:10px;color:var(--muted);margin:0}.visitors{display:flex;gap:18px;align-items:center;padding:10px 0 0;font-size:10px;color:var(--muted)}.visitor{display:flex;align-items:center;gap:2px}.visitor svg{height:53px;width:44px;transition:transform .3s steps(4)}.visitor:hover svg,.visitor:focus svg{transform:translateY(-7px) rotate(-5deg)}.visitor span{font-size:9px}.visitors small{margin-left:auto;font-size:8px}.heron-corner{position:fixed;right:24px;bottom:13px;z-index:5;width:125px;text-align:center;pointer-events:none}.heron-corner button{pointer-events:auto;display:block;background:none;border:0;padding:0;width:110px;height:110px;margin:auto;touch-action:manipulation}.heron-corner svg{width:110px;height:110px;overflow:visible}.pet-caption{display:block;font:9px monospace;color:var(--muted);margin-top:0}#heron-message{display:inline-block;font-size:10px;background:var(--bg);border:1px solid var(--line);padding:7px 9px;border-radius:4px;white-space:nowrap;box-shadow:0 3px 10px #00000005;opacity:0;transition:opacity .25s}.heron-corner:hover #heron-message,.heron-corner:focus-within #heron-message{opacity:1}.head{animation:bird-idle 5s steps(2) infinite;transform-origin:68px 42px}.neck{transform-origin:70px 56px}.stretching .head{animation:stretch-head 2s ease-in-out}.stretching .neck{animation:stretch-neck 2s ease-in-out}.walking .bird{animation:bird-walk 2.4s ease-in-out}.walking .head{animation:tuck-head 2.4s ease-in-out}.walking .legs{animation:step-legs .24s steps(2) 10}.pooping .bird{animation:bird-squat 2s ease-in-out}.pixel-poop{position:absolute;bottom:18px;left:26px;width:14px;height:5px;background:#7b694b;box-shadow:3px -4px #7b694b,5px -8px #7b694b;animation:poop-drop .3s steps(4),poop-fade 5s forwards;z-index:-1}@keyframes bird-idle{0%,92%,100%{transform:translateY(0)}95%{transform:translateY(2px)}}@keyframes stretch-head{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(-26px)}}@keyframes stretch-neck{0%,100%{transform:scaleY(1)}35%,65%{transform:scaleY(2.1)}}@keyframes tuck-head{0%,100%{transform:translateY(0)}20%,80%{transform:translate(-7px,12px)}}@keyframes bird-walk{0%,100%{transform:translateX(0)}40%,65%{transform:translateX(-37px)}}@keyframes step-legs{50%{transform:translateY(-3px)}}@keyframes bird-squat{0%,100%{transform:translateY(0)}25%,45%{transform:translateY(5px) rotate(-4deg)}}@keyframes poop-drop{from{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes poop-fade{0%,80%{opacity:1}100%{opacity:0}}footer{padding-bottom:65px}@media(max-width:900px){.worlds{gap:12px}.world{padding:10px;gap:8px}.world>svg{width:65px;height:65px}.world p{font-size:9px}}@media(max-width:600px){.worlds{grid-template-columns:1fr}.world{padding:8px 14px}.world>svg{width:85px}.world h3{margin-bottom:7px}.visitors{gap:5px;flex-wrap:wrap}.visitors>span{width:100%;margin-top:10px}.visitors small{font-size:7px}.heron-corner{right:8px;bottom:8px;transform:scale(.85);transform-origin:bottom right}.bottom{padding-right:60px}footer{padding-bottom:100px}.world-shelf{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){.heron-corner .stretching .head{transform:translateY(-26px)}.heron-corner .stretching .neck{transform:scaleY(2.1)}.heron-corner .walking .head{transform:translate(-7px,12px)}.heron-corner .walking .bird{transform:translateX(-25px)}}