:root{--ink:#263f35;--muted:#748078;--green:#2e5845;--paper:#f8f7f2;--line:#dfe3da;--accent:#dce9cb;--lcd:#ceda9a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #c18a38;outline-offset:5px}.shell{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:3}.skip:focus{top:0}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;display:flex;align-items:center;gap:9px}.brand-icon{background:var(--green);color:var(--paper);border-radius:9px;font-size:25px;width:35px;text-align:center}.brand small{font-size:9px;letter-spacing:1.3px;font-weight:500;border-left:1px solid var(--line);padding-left:10px;margin-left:4px}.nav nav{display:flex;gap:27px;font-size:13px}.nav a:hover,.text-link:hover{color:#6a8747}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:83px 0 76px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;margin:0 0 16px}.dot{display:inline-block;width:7px;height:7px;background:#789b57;border-radius:50%;margin-right:7px}.dot.error{background:#b47950}h1{font-size:clamp(33px,3.8vw,49px);line-height:1.48;letter-spacing:-1.5px;margin:18px 0 20px;font-weight:760}h1 span{color:#799153}.intro{color:#758075;line-height:1.9;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--green);color:white;padding:12px 20px;border-radius:6px;font-size:13px}.text-link{font-size:13px}.hero-note{font-size:11px;color:#8e968c;margin-top:23px;letter-spacing:1px}.island{position:relative;background:#e5e9dc;border-radius:42% 42% 34% 34%;padding:45px 24px 50px;transform:rotate(-3deg)}.lcd{position:relative;background:var(--lcd);border:12px solid #f7f6eb;outline:1px solid #cdd2be;border-radius:15px;box-shadow:0 12px 0 #ccd2c1,0 20px 35px #304a3514;height:240px;padding:14px 17px;overflow:hidden;background-image:radial-gradient(#6e884720 .8px,transparent .8px);background-size:4px 4px}.lcd-label,.lcd-footer{font:9px/1.4 monospace;letter-spacing:2px;color:#5e733c}.lcd-footer{position:absolute;bottom:18px;left:0;width:100%;text-align:center}.pixel-scene{height:145px;display:flex;gap:24px;align-items:center;justify-content:center}.pixel-scene svg{width:85px;height:85px;fill:#43582b;filter:drop-shadow(0 6px 0 #6e884715)}.pixel-scene svg:nth-child(2){width:62px;align-self:end;margin-bottom:24px}.lcd-ground{position:absolute;bottom:53px;left:25px;right:25px;border-top:3px dashed #526a344a}.island-tag{position:absolute;bottom:1px;left:50%;transform:translateX(-50%) rotate(3deg);white-space:nowrap;background:#f2e3c1;border:1px solid #e1d3b3;padding:5px 12px;font-size:11px;box-shadow:1px 3px 0 #ccc8b930}.status-strip{background:#eef0e7;border-block:1px solid var(--line);font-size:12px;color:#6f7b6d}.status-strip .shell{display:flex;justify-content:space-between;padding-block:12px}.section{padding-top:65px;padding-bottom:59px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-heading .eyebrow{color:#88937d;margin-bottom:7px}h2{font-size:28px;letter-spacing:-.5px;margin:0;font-weight:700}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:8px 0 0}.outline{border:1px solid #cdd6c9;background:transparent;border-radius:6px;padding:8px 15px;font-size:12px}.outline:hover{background:#e9eedf}.outline:disabled{opacity:.5;cursor:wait}.tabs{display:flex;gap:6px;margin:22px 0}.tabs button{background:transparent;border:1px solid transparent;border-radius:6px;padding:9px 23px;font-size:13px}.tabs button[aria-selected=true]{background:var(--green);color:white}.board{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffefa}.board-caption{display:flex;justify-content:space-between;padding:17px 24px;background:#f0f2e8;font-size:11px;color:#78816f}.board-caption span:last-child{font:10px/1.7 monospace;letter-spacing:1px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;font-weight:400;color:#899180;padding:13px 24px;border-bottom:1px solid #ecefe5}td{padding:17px 24px;border-bottom:1px solid #ecefe5}tr:last-child td{border-bottom:0}td:nth-child(3){font-family:monospace;font-size:19px;color:#4e7045}td:first-child{font-family:monospace;color:#8b9583;width:80px}.player-id{font-size:10px;color:#8a9486;margin-left:10px}.empty{text-align:center;padding:45px 20px;color:#8b9583;font-size:13px}.empty:empty{display:none}.fine{font-size:11px;color:#92998c;margin:14px 0 0}.pet-section{background:#eef0e5;border-block:1px solid #e2e6d9}.pill{font-size:11px;border:1px solid #d5ddcb;padding:5px 12px;border-radius:30px;color:#859078}.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pet-card{background:#fffefa;border:1px solid #dfe4d5;border-radius:10px;overflow:hidden}.pet-art{height:150px;display:flex;justify-content:center;align-items:center;background:#e0e8c7;position:relative}.pet-art svg{width:85px;height:85px;fill:#465f34}.pet-art .stage{position:absolute;left:14px;top:12px;font-size:10px;color:#698256}.pet-art .sleeping{position:absolute;right:16px;top:15px;color:#698256;font:14px monospace}.pet-body{padding:20px}.pet-body h3{font-size:16px;margin:0 0 3px}.pet-sub{font-size:11px;color:#859078;margin:0 0 17px}.pet-meters{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;font-size:10px;color:#87907d}.meter-label{display:flex;justify-content:space-between}.meter{height:4px;border-radius:2px;background:#edf0e5;margin-top:4px;overflow:hidden}.meter-fill{height:100%;background:#a1b782}.pet-coins{display:flex;justify-content:space-between;border-top:1px dashed #e2e7d9;margin-top:18px;padding-top:12px;font-size:10px;color:#8a947d}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{font:12px monospace;letter-spacing:2px;color:#9aa98c}.steps h3{font-size:16px;font-weight:600;margin:10px 0}.steps p{font-size:13px;color:var(--muted);line-height:1.9}.notice{background:#f0eee2;border:1px solid #e3dfcb;border-radius:6px;padding:18px 22px;margin-top:25px;font-size:12px;color:#8b8264}.notice p{margin:4px 0 0}footer{border-top:1px solid var(--line);padding-block:31px;display:flex;justify-content:space-between;font-size:12px}footer p{font-size:11px;color:#919987;margin:5px 0}footer>div:last-child{text-align:right}footer strong{font-weight:600}@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{height:auto;min-height:80px;flex-wrap:wrap;padding-block:16px;gap:16px}.brand small{display:none}.nav nav{gap:19px;font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.island{width:min(380px,95%);margin:auto}.hero-actions{gap:15px}.status-strip .shell{gap:8px;flex-wrap:wrap}.section{padding-block:43px}.section-heading{align-items:start}.section-heading h2{font-size:24px}.pill{display:none}.pet-grid{grid-template-columns:repeat(2,1fr);gap:12px}.steps{grid-template-columns:1fr;gap:15px}td,th{padding:13px 12px}.player-id{display:block;margin-left:0}footer{gap:15px}.board-caption{padding-inline:14px}.hero-note{margin-bottom:0}}@media(max-width:440px){.pet-grid{grid-template-columns:1fr}.nav nav{gap:14px}.hero-actions{flex-wrap:wrap}.board-caption{font-size:10px}.board-caption span:last-child{font-size:9px}.table-scroll{overflow-x:auto}table{min-width:330px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:light}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero>div{min-width:0}.island{width:min(350px,90%)}.pixel-scene{gap:12px}.island-tag{font-size:10px}}
