:root{font-family:'Segoe UI',sans-serif;background:#f5f3e9;color:#183e3a}*{box-sizing:border-box}body{margin:0}header,main{max-width:1000px;margin:auto;padding:20px}header{display:flex;flex-wrap:wrap;align-items:center;gap:18px}h1{font-size:clamp(22px,4vw,36px)}a{color:#146c64}button{font:inherit;font-weight:700;cursor:pointer;background:#e9f0e1;border:2px solid #a7bfb0;color:#183e3a;border-radius:15px;padding:14px 20px;margin:5px;min-height:48px}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:4px solid #e9a33a}.primary{background:#146c64;color:white;font-size:24px}.card{background:#fffefa;border:1px solid #dce2d3;border-radius:24px;padding:24px;margin:18px 0;box-shadow:0 5px 0 #e3e8d9}nav{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.sum{font-size:clamp(44px,9vw,76px);font-weight:800;text-align:center;margin:24px 0}.track{height:22px;background:#e8e5d7;border-radius:20px;overflow:hidden;margin-bottom:18px}.bar{height:100%;background:orange;width:0}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options button{font-size:36px;background:white;margin:0;padding:22px}.feedback{text-align:center;padding:20px;font-size:30px;background:#f2f4dc;border-radius:18px}.groups{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}.balls{display:flex;flex-wrap:wrap;gap:9px;background:white;padding:14px;border:2px dashed #a8bfaa;border-radius:16px;max-width:45%}.ball{display:inline-block;width:28px;height:28px;border-radius:50%;box-shadow:inset -4px -4px #0002}.red{background:#e84c4c}.green{background:#54b85c}.crossed{background:#ddd;position:relative}.crossed:after{content:'×';position:absolute;color:#b33726;inset:-8px;font-size:38px}.result{display:block;font-size:40px;text-align:center;margin:12px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{position:relative;background:white;padding:8px;margin:0}.tile img{width:100%;display:block;aspect-ratio:210/297;object-fit:contain;pointer-events:none}.tile.locked:disabled{opacity:1}.tile.locked img{opacity:.35}.badge{position:absolute;inset:45% 0 auto;text-align:center;font-size:32px}.selected{background:#146c64;color:white}.preview{display:block;width:100%;max-height:65vh;object-fit:contain}.small{font-size:14px;line-height:1.6}dialog{border:0;border-radius:24px;width:min(780px,94%);max-height:90vh}dialog::backdrop{background:#173e3a99}#close{float:right}#detail{clear:both;padding:16px}#stars{margin-left:auto}#message{line-height:1.6}[hidden]{display:none!important}.pet{font-size:80px;text-align:center}.house{background:#f2ead4;border-radius:24px;text-align:center;font-size:42px;padding:20px}@media(max-width:500px){header,main{padding:12px}.card{padding:18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.balls{max-width:100%}button{padding:12px}}@media print{body>*{display:none!important}body>img.print{display:block!important;width:190mm;height:277mm;object-fit:contain}}@page{size:A4 portrait;margin:10mm}

.options button.primary{background:#146c64;color:#fff;grid-column:1/-1;font-size:28px;border-color:#146c64}.options button.primary:disabled{opacity:1;background:#627d77;color:#fff}

.reward-progress{margin:18px 0;padding:16px 20px;background:#e9f0e1;border:1px solid #a7bfb0;border-radius:18px}.reward-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.reward-heading button{margin:0;padding:8px 12px}.reward-progress progress{display:block;width:100%;height:22px;margin-top:10px;accent-color:#146c64}.reward-progress p{margin:10px 0 0;line-height:1.5;font-size:15px}

.portal-return{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;margin:8px 0;border:2px solid #146c64;border-radius:15px;background:#e9f0e1;color:#146c64;font-weight:700;text-decoration:none}.portal-return:focus-visible{outline:4px solid #e9a33a}