:root{--panel:#ffffffcc;--shadow:#b7d7c5;--text:#204b38;--btn:#22a06b;--btnd:#1a7e54;--warn:#e76f51;--gold:#d1a234}

*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#c9efd6,#9fe0b9);font-family:-apple-system,Segoe UI,Roboto,Arial}

.wrap{max-width:1100px;margin:24px auto;padding:16px}

.card{background:var(--panel);box-shadow:0 6px 0 var(--shadow);border:4px solid #96c7a1;border-radius:12px;padding:16px;margin-bottom:16px}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}

h1,h2,h3{margin:0 0 10px;color:var(--text);text-shadow:2px 2px #d7f0df}.title{display:flex;align-items:center;gap:10px}

.pixel{width:38px;height:38px;background:#7acb8f;border:4px solid #4a9f6e;box-shadow:0 4px 0 #2d6f4d;border-radius:6px}

.stat{font-size:28px;font-weight:700;color:#13764e}.small{font-size:12px;color:#4a6e5a}

.btn{display:inline-block;min-width:120px;text-align:center;padding:10px 14px;border:4px solid #1a7e54;background:var(--btn);color:#fff;text-decoration:none;box-shadow:0 5px 0 var(--btnd);border-radius:10px;font-weight:700;cursor:pointer}

.btn:active{transform:translateY(2px);box-shadow:0 3px 0 var(--btnd)}.btn.warn{background:var(--warn);border-color:#bf4c38;box-shadow:0 5px 0 #9c3d2d}

.btn.gold{background:#efcd61;border-color:#b7902e;box-shadow:0 5px 0 #9b7a24;color:#503b00}

.task{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin:8px 0;background:#f4fff7;border:3px solid #bfe5cc;border-radius:10px}

.badge{display:inline-block;padding:6px 10px;border:3px solid #789b86;border-radius:9px;background:#eaf8ef;cursor:pointer}