/* Zählwiese onboarding for parents; visible before every game. */
.zw-guide-overlay{position:fixed!important;inset:0!important;z-index:99997!important;display:grid!important;place-items:center!important;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 18px)!important;background:#3f62578c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.zw-guide-dialog{position:relative;width:min(100%,410px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;border:7px solid #b48961;background:radial-gradient(circle at 40% 0%,#fff8d9,#fae7b9 95%);border-radius:32px;box-shadow:0 14px 0 #5d6f5166,inset 0 0 0 3px #fff7dc;padding:19px 20px 21px;text-align:center;color:#795f46}
.zw-guide-close{position:absolute;top:8px;right:8px;border:3px solid #ab8c69;background:#fff3d5;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#86654c;font-size:19px;z-index:2}
.zw-guide-art{display:grid;place-items:center;width:100px;height:100px;background:radial-gradient(circle,#fff6e3,#d7e9c8);border:3px dashed #9db889;border-radius:50%;margin:0 auto 6px}
.zw-guide-art img{width:82%;height:82%;object-fit:contain}
.zw-guide-eyebrow{font:900 14px "Chalkboard SE","Marker Felt",sans-serif;color:#6f9b70;letter-spacing:.3px}
.zw-guide-dialog h2{font:900 clamp(23px,6vw,30px) "Chalkboard SE","Marker Felt",sans-serif;margin:2px 0!important;color:#826044}
.zw-guide-dialog h3{font:900 clamp(17px,5vw,21px) "Chalkboard SE","Marker Felt",sans-serif;margin:3px 0 10px!important;color:#63906d}
.zw-guide-dialog p{font:700 clamp(15px,4.1vw,17px)/1.38 "Chalkboard SE","Marker Felt",system-ui,sans-serif;margin:9px 0 12px!important;text-align:left;color:#765b49}
.zw-guide-child{padding:9px;border:2px dashed #acb58a;background:#f4f5d8;border-radius:17px;font:900 clamp(14px,4.1vw,17px) "Chalkboard SE","Marker Felt",sans-serif;color:#648359;margin:10px 0 18px}
.zw-guide-start{width:100%;min-height:61px;border:4px solid #7e9f70;border-radius:31px;background:linear-gradient(#c9ebae,#91cd88);color:#426c48;box-shadow:2px 5px 0 #6b8e5e85;font:900 clamp(19px,5.4vw,23px) "Chalkboard SE","Marker Felt",sans-serif}
.zw-guide-start:active{transform:translateY(3px)}
/* Eight game buttons, three rows, child-sized visual targets. */
.intro-content .mode-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:7px!important;row-gap:4px!important;width:min(100%,415px)!important}
.intro-content .mode-choice:nth-child(4),.intro-content .mode-choice:nth-child(5),.intro-content .mode-choice:nth-child(6),.intro-content .mode-choice:nth-child(7){grid-column:auto!important;grid-row:auto!important;justify-self:center!important;width:100%!important}
.intro-content .mode-choice:nth-child(7){grid-column:2!important}
.intro-content .mode-round{width:clamp(68px,21.3vw,100px)!important;height:clamp(68px,21.3vw,100px)!important}
.intro-content .mode-label{font-size:clamp(11px,3.4vw,16px)!important;line-height:1.07!important}
.intro-content .intro-scene{height:clamp(150px,22dvh,205px)!important}
.intro-content .welcome-subtitle{margin:1px auto 5px!important}
.intro-content .welcome-footer{margin:3px auto 0!important}
@media(max-height:760px) and (orientation:portrait){
 .intro-content .intro-scene{height:clamp(113px,20dvh,156px)!important}
 .intro-content .mode-round{width:clamp(58px,19vw,81px)!important;height:clamp(58px,19vw,81px)!important}
 .intro-content .mode-label{font-size:clamp(10px,3.2vw,14px)!important}
 .intro-content .mode-choices{row-gap:1px!important}
 .intro-content .welcome-subtitle{font-size:clamp(13px,3.9vw,17px)!important;margin-bottom:2px!important}
 .zw-guide-dialog{padding:13px 15px}.zw-guide-art{height:69px;width:69px}.zw-guide-dialog p{font-size:14px}
}
@media(orientation:landscape) and (max-height:520px){
 .intro-content .mode-choices{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important}
 .intro-content .mode-choice:nth-child(7){grid-column:auto!important}
 .intro-content .mode-round{width:clamp(49px,7.2vw,72px)!important;height:clamp(49px,7.2vw,72px)!important}
 .intro-content .mode-label{font-size:10px!important}
 .zw-guide-dialog{max-width:550px;display:grid;grid-template-columns:100px 1fr;gap:3px 13px;padding:12px 20px}
 .zw-guide-art{grid-column:1;grid-row:1/5;margin:auto}
 .zw-guide-eyebrow,.zw-guide-dialog h2,.zw-guide-dialog h3,.zw-guide-dialog p,.zw-guide-child{grid-column:2;margin:0!important}
 .zw-guide-dialog h3,.zw-guide-child{font-size:14px}.zw-guide-dialog p{font-size:13px}
 .zw-guide-start{grid-column:1/3;min-height:41px}
}

/* Eight visual game choices, balanced 3 + 3 + 2. */
.intro-content .mode-choice:nth-child(7){grid-column:auto!important}
.intro-content .mode-choice:nth-child(8){grid-column:auto!important;width:100%!important;justify-self:center!important}
.intro-content .mode-choices{justify-items:center!important}
.intro-content .mode-choice.mode-hunt .mode-round{background:radial-gradient(circle,#fff5dc,#d5e6c4)!important}
.intro-content .mode-choice.mode-hunt .mode-round img{object-fit:contain!important;width:94%!important;height:94%!important}
@media(orientation:landscape) and (max-height:520px){.intro-content .mode-choice:nth-child(8){grid-column:auto!important}}