/* Zählwiese – Zahlenjagd, original pastel chalk-and-paper theme */
.hunt-page{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:4px clamp(10px,3vw,18px) max(12px,env(safe-area-inset-bottom,0px))!important}
.hunt-title{text-align:center;display:flex;align-items:center;flex-direction:column;gap:2px;flex:0 0 auto}
.hunt-title h1{font:900 clamp(25px,7vw,34px)/1.06 "Chalkboard SE","Marker Felt",sans-serif!important;color:#6e624b!important;text-shadow:1px 2px #fff6d8;margin:0!important}
.hunt-round{font:850 14px/1.1 "Chalkboard SE","Marker Felt",sans-serif;background:#f9e9c7;color:#7a8062;border:2px solid #ddc59b;border-radius:18px;padding:2px 14px}
.hunt-visual-guide{display:flex;align-items:center;justify-content:center;gap:9px;color:#9779aa;flex:0 0 auto;height:35px}
.hunt-guide-symbol{font:900 27px/1 "Chalkboard SE","Marker Felt",sans-serif;color:#8fa985;text-shadow:1px 1px white}
.hunt-guide-arrow{font:800 22px/1 system-ui;color:#d7a072}
.hunt-guide-ellipsis{font-size:24px;color:#b3a0c7}
.hunt-prompt{width:min(100%,240px);display:flex;align-items:center;justify-content:center;gap:22px;flex:0 0 auto;height:60px}
.hunt-current-number{display:grid;place-items:center;min-width:69px;min-height:62px;padding:0 7px;border-radius:23px;background:#fff6da;box-shadow:0 4px 0 #d3b687,0 0 0 3px #e8cea5;color:#b67c9d;font:900 48px/1 "Chalkboard SE","Marker Felt",sans-serif;text-shadow:1px 2px #ffe7ed;transform-origin:center}
.hunt-look{font-size:24px;color:#e0b374;animation:hunt-twinkle 2s ease-in-out infinite alternate}
.hunt-look:last-child{animation-delay:.6s}
.hunt-progress{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;gap:5px;width:min(100%,350px);height:19px;flex:0 0 auto}
.hunt-progress-dot{border:2px solid #d5be9b;background:#fff5da;aspect-ratio:1;border-radius:50%;width:100%;max-width:18px;justify-self:center;transform:scale(.85);transition:background .22s ease,transform .22s ease}
.hunt-progress-dot.is-next{background:#d4a77c;transform:scale(1.12);box-shadow:0 0 0 3px #f8e7c8}
.hunt-progress-dot.is-done{background:#92bb94;border-color:#6d987e;transform:scale(1)}
.hunt-board{position:relative;flex:0 0 auto;width:min(100%,430px);height:clamp(326px,48dvh,470px);min-height:0;border:8px solid #b58b68;border-radius:28px;background:radial-gradient(ellipse at 50% 24%,#fff9e5,#f7e8c4 80%);box-shadow:inset 0 0 0 3px #fffbea,inset 0 5px 20px #cbb69768,2px 6px 0 #a28a6b66;overflow:hidden;isolation:isolate;touch-action:manipulation}
.hunt-board:before{content:"";position:absolute;inset:13px;border:2px dashed #d2bb9169;border-radius:18px;pointer-events:none}
.hunt-decoration{position:absolute;pointer-events:none;opacity:.23;font:40px "Chalkboard SE",sans-serif;line-height:1;color:#96b8a4}
.hunt-deco-a{top:7%;left:6%}.hunt-deco-b{bottom:6%;right:8%;color:#daa5a3}.hunt-deco-c{top:45%;left:47%;color:#c5a2cc}
.hunt-number{position:absolute;left:var(--hunt-x);top:var(--hunt-y);transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2;width:clamp(57px,17vw,76px);height:clamp(57px,17vw,76px);border:4px solid var(--hunt-ink);border-radius:50%;background:#fffaf0;color:var(--hunt-ink);box-shadow:0 5px 0 #bda78775,inset 0 2px #ffffff;font:900 clamp(28px,8vw,37px)/1 "Chalkboard SE","Marker Felt",sans-serif;text-shadow:1px 2px #f8e7da;transition:box-shadow .16s ease,background .16s ease;animation:hunt-appear .48s cubic-bezier(.2,.85,.35,1.25) both;animation-delay:var(--hunt-delay);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hunt-number:active:not(.is-found){background:#fff0da;box-shadow:0 2px 0 #bda78775;filter:brightness(1.05)}
.hunt-number:focus-visible{outline:4px solid #c2a4d4;outline-offset:4px}
.hunt-number.is-wrong{animation:hunt-wrong .48s ease both!important}
.hunt-number.is-found{pointer-events:none;animation:hunt-found .58s ease-in forwards!important}
.hunt-board-won{border-color:#89b38d;box-shadow:inset 0 0 0 3px #fffbea,0 0 0 4px #cde6c2}
.hunt-complete{width:min(100%,340px);flex:0 0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;border:3px dashed #94ba91;background:#fbf3db;border-radius:24px;padding:9px 12px;box-shadow:0 4px 0 #d6c2a1;min-height:98px}
.hunt-complete[hidden]{display:none!important}
.hunt-trophy{font:900 46px/1 "Chalkboard SE",sans-serif;color:#e4bc6f;filter:drop-shadow(0 2px #9c7e54)}
.hunt-complete-digits{font:800 13px "Chalkboard SE",sans-serif;color:#6c926c;letter-spacing:2px}
.hunt-next{border:3px solid #7fab7d;border-radius:50%;background:#d6ebc5;color:#6f956c;width:57px;height:57px;font:900 41px/1 "Chalkboard SE",sans-serif;box-shadow:0 3px 0 #a3bc91}
.hunt-complete-enter{animation:hunt-win-in .55s cubic-bezier(.19,1,.3,1.35)}
.hunt-target-change{animation:hunt-target .45s cubic-bezier(.23,1.3,.42,1) both}
@keyframes hunt-twinkle{from{transform:rotate(-15deg) scale(.8);opacity:.45}to{transform:rotate(16deg) scale(1.13);opacity:1}}
@keyframes hunt-appear{from{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-20deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes hunt-found{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}38%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-11deg);background:#e1efca}100%{opacity:0;transform:translate(-50%,-90%) scale(.25) rotate(24deg)}}
@keyframes hunt-wrong{0%,100%{transform:translate(-50%,-50%) rotate(0)}20%,60%{transform:translate(calc(-50% - 7px),-50%) rotate(-8deg)}40%,80%{transform:translate(calc(-50% + 7px),-50%) rotate(8deg)}}
@keyframes hunt-target{0%{transform:scale(.5) rotate(-9deg)}60%{transform:scale(1.2) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes hunt-win-in{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:775px) and (orientation:portrait){.hunt-page{gap:4px!important}.hunt-board{height:min(42dvh,365px)}.hunt-visual-guide{height:29px}.hunt-prompt{height:54px}.hunt-current-number{min-height:54px;font-size:40px}.hunt-number{width:clamp(51px,15vw,66px);height:clamp(51px,15vw,66px)}}
@media(orientation:landscape) and (max-height:520px){.hunt-page{display:grid!important;grid-template-columns:minmax(185px,34%) minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;gap:7px 10px!important}.hunt-title{grid-area:1/1}.hunt-visual-guide{grid-area:2/1}.hunt-prompt{grid-area:3/1}.hunt-progress{grid-area:3/1;align-self:end}.hunt-board{grid-column:2;grid-row:1/4;height:min(300px,calc(100dvh - 115px))}.hunt-number{width:clamp(39px,6vw,56px);height:clamp(39px,6vw,56px);font-size:24px}.hunt-complete{grid-column:1;grid-row:3}}
@media(prefers-reduced-motion:reduce){.hunt-number,.hunt-look,.hunt-current-number,.hunt-complete{animation-duration:.01ms!important;animation-delay:0ms!important}}
