[data-attendance-theme=penguin].hero-screen{--polar-landscape-height:clamp(360px,55vh,600px);background-color:#cce8fc;background-image:linear-gradient(to bottom,transparent calc(var(--polar-landscape-height) * .7),#cce8fc var(--polar-landscape-height)),var(--attendance-background);background-position:top;background-size:100% 100%,100% var(--polar-landscape-height);background-repeat:no-repeat;color:#123255}[data-attendance-theme=penguin] .hero-arena{background-size:cover;background-position:top;padding:8px 24px 12px}[data-attendance-theme=penguin] .hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px 14px;padding:clamp(32px,6vh,64px) 0 0}[data-attendance-theme=penguin] .hero-student{min-height:0}[data-attendance-theme=penguin] .hero-art-space{min-height:40px;--penguin-art-size:clamp(100px,14vh,180px);height:var(--penguin-art-size)}[data-attendance-theme=penguin] .hero-art-space>span{position:absolute;inset:auto 0 0;width:min(100%,var(--penguin-art-size));aspect-ratio:1;margin-inline:auto;display:flex;justify-content:center;align-items:center;transform-origin:50% 90%}[data-attendance-theme=penguin] .hero-name-space{font-size:clamp(20px,1.4vw,26px);min-height:1.6em}[data-attendance-theme=penguin] .hero-name{border:0;border-radius:999px;box-shadow:0 2px 7px #a7cfe580;padding:3px 16px}[data-attendance-theme=penguin] .hero-topbar:has(.hero-question-board){padding-bottom:18px}[data-attendance-theme=penguin] .hero-question-board{display:flex;align-items:center;justify-content:center;min-height:88px;padding:16px 68px;border:3px solid #77c8e9;border-radius:28px;background:linear-gradient(180deg,#ffffffee,#e5f7ffff);box-shadow:0 7px 0 #8fcbe080,0 12px 24px #397d9c24;backdrop-filter:blur(8px)}[data-attendance-theme=penguin] .hero-question-balloon{display:none}[data-attendance-theme=penguin] .hero-question-board:after,[data-attendance-theme=penguin] .hero-question-board:before{position:absolute;top:50%;color:#61bce2;content:"❄";font-family:sans-serif;font-size:clamp(24px,2vw,34px);line-height:1;text-shadow:0 2px 0 #fff;transform:translateY(-50%)}[data-attendance-theme=penguin] .hero-question-board:before{left:22px}[data-attendance-theme=penguin] .hero-question-board:after{right:22px}[data-attendance-theme=penguin] .hero-question-board p{color:#123255;font-size:clamp(22px,2.2vw,36px);line-height:1.15;text-shadow:0 1px 0 #fff}[data-attendance-theme=penguin] .hero-student-status{min-height:14px;font-size:12px;line-height:14px}[data-attendance-theme=penguin] .hero-student:disabled{opacity:1;cursor:default}[data-attendance-theme=penguin] .hero-grid[data-small=true]{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));max-width:min(1200px,calc(var(--hero-count) * 240px));padding-top:80px}[data-attendance-theme=penguin] .hero-grid[data-small=true] .hero-art-space{height:var(--penguin-art-size)}[data-attendance-theme=penguin] .hero-arena[data-keep-board=true][data-complete=true] .hero-grid{display:grid}[data-attendance-theme=penguin] .hero-arena[data-keep-board=true][data-complete=true] .hero-pages{display:flex}[data-attendance-theme=penguin] .hero-completion{min-height:0;padding:0 0 8px;flex:none}[data-attendance-theme=penguin] .hero-completion[data-essential-motion]{animation:penguin-celebrate .6s ease-out both}[data-attendance-theme=penguin] .hero-completion .hero-start-card{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;padding:8px 16px;border-width:2px;border-color:#a7dccc;border-radius:18px;box-shadow:0 3px 8px #97cdbb40;background:#f1fff9}[data-attendance-theme=penguin] .hero-completion-icon{width:28px;height:28px;margin:0}[data-attendance-theme=penguin] .hero-completion h2{font-size:clamp(16px,2vw,24px);margin:0}[data-attendance-theme=penguin] .hero-completion .hero-start-description{display:none}[data-attendance-theme=penguin] .hero-completion .hero-start-button{margin:0;padding:5px 10px;font-size:14px}[data-attendance-theme=penguin] .penguin-wake{animation:penguin-wake .8s linear both}[data-attendance-theme=penguin] .penguin-wake img{position:absolute;inset:0}[data-attendance-theme=penguin] .attendance-reveal-idle{animation:penguin-sleep-out .8s linear both}[data-attendance-theme=penguin] .attendance-reveal-active{animation:penguin-awake-in .8s linear both}[data-attendance-theme=penguin] .penguin-awake{animation:penguin-bob 3s ease-in-out infinite}@keyframes penguin-wake{0%{transform:translateY(0) scale(1);animation-timing-function:ease-in}15%{transform:translateY(3%) scale(1.08,.86);animation-timing-function:cubic-bezier(.15,.7,.25,1)}40%{transform:translateY(-22%) scale(.97,1.04);animation-timing-function:ease-in}52%{transform:translateY(-20%) scale(1);animation-timing-function:ease-in}76%{transform:translateY(2%) scale(1.08,.9);animation-timing-function:ease-out}89%{transform:translateY(-3%) scale(.99,1.02);animation-timing-function:ease-in-out}to{transform:translateY(0) scale(1)}}@keyframes penguin-sleep-out{0%,38%{opacity:1}52%,to{opacity:0}}@keyframes penguin-awake-in{0%,38%{opacity:0}52%,to{opacity:1}}@keyframes penguin-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3%) rotate(1deg)}}@keyframes penguin-celebrate{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){[data-attendance-theme=penguin] .penguin-awake{animation:none}}@media (max-height:620px),(max-width:1023px){[data-attendance-theme=penguin] .hero-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));grid-auto-rows:auto;flex:none;row-gap:40px;padding-top:40px}[data-attendance-theme=penguin] .hero-art-space{--penguin-art-size:115px;height:var(--penguin-art-size)}[data-attendance-theme=penguin] .hero-arena{padding-inline:12px}[data-attendance-theme=penguin] .hero-completion .hero-start-card{flex-wrap:wrap}}@media (max-width:800px){[data-attendance-theme=penguin] .hero-question-board{min-height:72px;padding:12px 46px;border-radius:22px}[data-attendance-theme=penguin] .hero-question-board:before{left:14px}[data-attendance-theme=penguin] .hero-question-board:after{right:14px}}