:root{--bg: #f4fbff;--ink: #15354a;--accent: #23a38b;--accent-2: #ffb74f;--line: #cde4f5;--font-title: "Baloo 2", cursive;--font-body: "Nunito", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 20% 10%,#fff6d7 0%,transparent 30%),radial-gradient(circle at 80% 20%,#dcf5ff 0%,transparent 28%),var(--bg)}.gp-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.gp-logo{font-family:var(--font-title);font-size:28px;font-weight:800;color:var(--accent);text-decoration:none}.gp-header nav a{text-decoration:none;color:var(--ink);margin-left:16px;font-weight:700}.gp-header nav a.active{color:var(--accent)}.gp-main{max-width:1100px;margin:20px auto 60px;padding:0 16px}.hero{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center;padding:24px;border:2px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#f2fbff)}.kicker{margin:0 0 8px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#2e7ca9}h1,h2,h3{font-family:var(--font-title);margin:0 0 8px}h1{font-size:clamp(30px,4vw,44px);line-height:1.05}.pill{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:999px;border:1px solid #b9d9ee;font-weight:700}.mascot{height:170px;border-radius:24px;border:2px dashed #9fd5c2;display:grid;place-items:center;font-size:48px;font-family:var(--font-title);color:var(--accent);background:linear-gradient(160deg,#ecfff6,#f7fdff)}.cards{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{text-decoration:none;color:var(--ink);border:2px solid var(--line);border-radius:16px;padding:16px;min-height:170px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px #1e547514}.card span{margin-top:auto;display:inline-block;font-weight:800;color:var(--accent)}.card-scenarios{background:linear-gradient(135deg,#fff7e8,#fff)}.card-farm{background:linear-gradient(135deg,#eaffef,#fff)}.card-pet{background:linear-gradient(135deg,#f2edff,#fff)}.map-section{margin-top:24px;border:2px solid var(--line);border-radius:20px;background:#fff;padding:16px}.map-head p{margin:0 0 10px;color:#5b7f94}.path-wrap{position:relative;height:860px}.path-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-nodes{position:relative;height:100%}.map-node{position:absolute;width:74px;height:74px;border-radius:999px;border:3px solid #9cc8e0;background:#fff;display:grid;place-items:center;font-weight:800;cursor:pointer;box-shadow:0 8px #295b7824}.map-node.done{border-color:#79cfa8;background:#f2fff8}.map-node.locked{opacity:.45;cursor:not-allowed}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141e73;display:grid;place-items:center}.modal.hidden{display:none}.modal-card{width:min(460px,92vw);background:#fff;border-radius:18px;border:2px solid var(--line);padding:18px;position:relative}.close{position:absolute;top:10px;right:10px;border:none;background:#eff6fb;border-radius:999px;width:30px;height:30px;cursor:pointer}.btn{display:inline-block;margin-top:8px;text-decoration:none;border:none;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#0a5e66,#2abfa9);color:#fff;font-weight:800}.game-shell{max-width:1040px;margin:18px auto 40px;padding:0 16px}.game-top{display:flex;gap:10px;align-items:center;margin-bottom:14px}.game-top a{text-decoration:none;font-weight:700;color:#1f6e97}.game-panel{border:2px solid var(--line);border-radius:20px;background:#fff;padding:16px}.vn-scene{min-height:250px;border:2px solid #e2eef7;border-radius:16px;background:linear-gradient(180deg,#f4fbff,#fff);padding:14px}.vn-choices{margin-top:12px;display:grid;gap:8px}.vn-choices button,.action-btn{border:2px solid #d2e5f2;background:#fff;border-radius:12px;padding:10px;text-align:left;cursor:pointer;font-weight:700}.farm-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.plot{min-height:86px;border:2px solid #cde7ca;border-radius:12px;background:linear-gradient(180deg,#f7fff2,#eaf9df);font-weight:800}.pet-wrap{display:grid;grid-template-columns:280px 1fr;gap:12px}.pet-avatar{border:2px dashed #b6d9ef;border-radius:18px;min-height:260px;display:grid;place-items:center;font-size:84px;background:#f5fbff}.bars{display:grid;gap:12px}.bar{background:#edf5fb;border-radius:999px;height:18px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#7dd39e,#39b89f)}@media(max-width:880px){.hero,.cards,.pet-wrap{grid-template-columns:1fr}}