/* Day 5 clay art. All rounds, waits, judgments and scores live in the original script. */
.checklist{margin-top:10px;border-top:1px solid #e5cfa9;padding-top:7px}.checklist summary{cursor:pointer;padding:7px 3px;font-size:16px;font-weight:800;color:#7e4c15}.checklist summary:focus-visible{outline:3px solid #875411;outline-offset:2px;border-radius:6px}.checklist-item{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:15px;line-height:1.3}.checklist-item .loop-art{width:34px;height:34px;object-fit:contain;flex:none}.checklist-item b,.checklist-item span{display:block}.checklist-item span{margin-top:2px;color:#6b5841}.fair:has(.card.show) .checklist{display:none}
:root{--ink:#38291c;--muted:#736453;--amb:#ffa630;--amb-deep:#a84f09;--amb-dark:#783700;--amb-soft:#fff4df;--good:#22603c;--bad:#aa3345}
html{background:#fff4df}body{background:radial-gradient(ellipse at 50% 0,#fffaf0,#ffefcf 80%);font-size:18px;line-height:1.4}
.wrap{max-width:1180px;padding:18px 22px 26px}.panel,.booth,.judge{box-shadow:0 6px 0 #e8d3ad;border:2px solid #efdfc3;border-radius:24px}
.panel{padding:20px 26px}.btn{border-radius:15px;font-size:19px;padding:12px 26px}.btn.sun{background:#ffb644;box-shadow:0 5px 0 #c98420}.btn:focus-visible,.chip:focus-visible{outline:3px solid #875411;outline-offset:4px}
.day-label{color:#946016;letter-spacing:.09em;font-weight:800;font-size:13px;margin:0 0 5px}.cover{text-align:center;max-width:940px;width:100%;margin:auto}.cover h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.035em;line-height:1.08}.lede{color:var(--ink);font-size:21px;line-height:1.5;max-width:730px;margin:6px auto 18px}.tiny,footer{color:var(--muted);font-size:14px}.tiny{margin:14px 0 0}footer{margin-top:16px}
.cover-art{position:relative;width:min(600px,100%);height:230px;margin:0 auto}.cover-art img{width:100%;height:100%;object-fit:contain}.cover-board{position:absolute;inset:0 100px}.cover-board .helper-art{position:absolute;height:155px;width:132px;left:calc(50% - 66px);top:39px}.helper-art{display:block;background:url('/play/tech-fair-judge/assets/helper-poses.webp') no-repeat 0 center/200% 100%;aspect-ratio:1/1.2}.cover-ribbon,.cover-note{position:absolute;height:150px;width:125px;top:47px;animation:gentle-float 4s ease-in-out infinite}.cover-ribbon{right:3px;transform:rotate(9deg)}.cover-note{left:0;animation-delay:-2s;transform:rotate(-8deg)}.cover-ribbon b,.cover-note b{position:absolute;left:0;width:100%;font-size:17px;line-height:1.05;text-align:center;top:32%;color:#fff}.cover-note b{top:42%;color:#6e440d}
@keyframes gentle-float{50%{translate:0 -5px}}
.lesson-link{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:24px;margin:4px auto 10px;max-width:960px}.slide-pic{max-height:155px;width:100%;object-fit:contain;margin:0;border-radius:14px}.cap{background:none;text-align:left;margin:0;padding:0;max-width:none;font-size:17px}.cap p{margin:5px 0}.cap .day-label{font-size:12px;display:block}.loopkey{gap:9px;margin-bottom:12px}.lk{padding:6px 10px 10px;line-height:1.28;border:1px solid #efdfc3;background:#fff8eb}.lk .loop-art{width:51px;height:45px;margin:0 auto 3px;display:block;object-fit:contain}.lk b{font-size:16px;margin-bottom:5px}.lk span{display:block;font-size:14px;color:#695947}
.steps{gap:12px;margin:8px 0 14px}.step{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto 1fr;align-items:center;column-gap:9px;padding:10px 12px;text-align:left;background:#fff5e3;border-radius:16px}.step-art{grid-row:1/3;width:80px;height:70px;display:flex;align-items:center;justify-content:center}.step-art img{height:100%;width:100%;object-fit:contain}.step-art.pair img{width:50%;height:58px}.step .n{width:22px;height:22px;font-size:13px;margin:0 5px 0 0}.step p{font-size:15px;line-height:1.3}.step .step-label{margin:0 0 4px;display:flex;align-items:center}
.hud{position:sticky;top:0;z-index:5;padding:8px 10px;background:#fff6e7ed;backdrop-filter:blur(12px);border:1px solid #e5c999;border-radius:16px;margin-bottom:14px}.pill{background:#f6dfb4;color:#66400c}.pill.score{background:#ffd384}.icon-btn{background:#efd9b7;color:#654213}
.fair{grid-template-columns:.86fr 1.14fr;gap:14px}.booth{grid-column:1;grid-row:1;padding:12px 16px;background:#fff7e9}.who{font-size:18px;margin:0 0 5px}.av{width:32px;height:32px;font-size:17px}#board h3{text-align:center;font-size:20px;line-height:1.2;min-height:24px;margin:5px 0 1px}.display-board{position:relative;height:181px;max-width:400px;margin:auto}.board-art{width:100%;height:100%;object-fit:contain}.topic-art{position:absolute;width:145px;height:132px;object-fit:contain;left:calc(50% - 72px);top:24px}.display-board .helper-art{position:absolute;height:139px;width:116px;left:calc(50% - 58px);top:25px}.topic-label{position:absolute;font-size:19px;font-weight:800;left:calc(50% - 24px);top:80px;transform:rotate(-8deg)}
.ribbon{width:104px;max-width:none;height:130px;right:4px;top:116px}.award-art{display:block;position:relative;width:100%;height:100%}.award-art img{width:100%;height:100%;object-fit:contain}.award-art b{position:absolute;left:0;width:100%;top:31%;text-align:center;font-size:15px;line-height:1.06;color:#fff}.award-art.work b{top:42%;color:#68400c}
.judge{grid-column:2;grid-row:1/3;padding:18px 20px;min-width:0}.quote{font-size:18px;line-height:1.5;padding:14px 16px}.lab{font-size:12px}.q{font-size:18px;margin:16px 0 12px}.try{font-size:13px;background:#f1d9af;color:#794510;padding:3px 9px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.chip{font-size:17px;line-height:1.25;min-height:60px;padding:10px 12px;text-align:left;border-color:#e7cd9f;box-shadow:0 3px 0 #e8d9bd}.chip:active:not([disabled]){transform:translateY(2px);box-shadow:0 1px 0 #e8d9bd}.chip .loop-art{height:40px;width:42px;flex:none;object-fit:contain}.choice-art{width:46px;height:58px;object-fit:contain}.chip[data-act="part"]:last-child{grid-column:1/-1;justify-content:center}.chip.won{box-shadow:0 3px 0 #97b99c}.chip.lost{box-shadow:0 3px 0 #ddabb1}.res{line-height:1.4;margin:12px 0;font-size:17px;min-height:24px}.row{margin:12px 0 2px}.row:has(#b-next[style*="none"]){display:none}
.card{grid-column:1;grid-row:2;background:#fffdf8;border:2px solid #e5cd9f;border-radius:20px;margin:0;padding:12px 16px;box-shadow:0 5px 0 #e9d7b5;scroll-margin:76px}.card h3{font-size:19px;margin:0 0 7px}.crow{font-size:15px;grid-template-columns:29px 1fr auto;gap:8px;padding:4px 0}.crow .loop-art{height:28px;width:29px;object-fit:contain}.mk{font-size:12px;padding:2px 8px}.why{font-size:16px;line-height:1.4;margin:9px 0 0}.q{scroll-margin:76px}
.rating-star{font-size:54px;line-height:1;color:#eddfc3}.rating-star.on{color:#f5ae30;text-shadow:0 3px 0 #c1841f;animation:starpop .5s cubic-bezier(.2,1.6,.4,1) both}.rating-star:nth-child(2){animation-delay:.18s}.rating-star:nth-child(3){animation-delay:.36s}.stars{margin:14px auto 9px}.final{font-size:42px}.tbx{padding:12px}.words{gap:9px}.word span{font-size:15px}.word b{font-size:16px}.acard{font-size:17px;padding:13px 16px}.acard b{font-size:18px;margin-bottom:4px}
@media(min-width:761px){.wrap:has(#s-game.active){padding-bottom:16px}.fair:not(:has(.card.show)){grid-template-rows:auto 0}.fair:not(:has(.card.show)) .judge{grid-row:1}}
@media(max-width:760px){.wrap{padding:10px 12px 24px}.panel{padding:18px 15px}.cover-art{height:210px}.cover-board{inset:0 45px}.cover-note,.cover-ribbon{width:82px;height:110px;top:76px}.cover-note b,.cover-ribbon b{font-size:13px}.cover-board .helper-art{height:130px;width:111px;left:calc(50% - 55px);top:43px}.lede{font-size:19px}.lesson-link{grid-template-columns:1fr;gap:5px}.slide-pic{max-height:165px}.cap{font-size:17px}.cap p{margin:8px 0}.loopkey{grid-template-columns:1fr 1fr;gap:8px}.lk:last-child{grid-column:1/-1}.lk{padding:9px}.lk span{font-size:15px}.steps{grid-template-columns:1fr}.step{grid-template-columns:68px 1fr}.step-art{width:68px;height:65px}.step p{font-size:16px}.hud{gap:6px;padding:7px}.pill{font-size:14px;padding:6px 10px}.fair{grid-template-columns:1fr;gap:12px}.booth{grid-column:1;grid-row:auto}.judge{display:contents}.quote{grid-row:2;background:#fffaf2;border:1px solid #e4cda8;font-size:18px;padding:15px}.q{grid-row:3;margin:4px 0}.chips{grid-row:4}.res{grid-row:5;margin:0}.card{grid-column:1;grid-row:6}.judge .row{grid-row:7;margin:0}.chip{font-size:16px;min-height:64px;padding:9px}.choice-art{width:34px;height:45px}.chip .loop-art{width:34px;height:36px}.who{margin-bottom:4px}#board h3{font-size:20px}.display-board{height:170px}.topic-art{height:124px;top:22px}.display-board .helper-art{height:130px;width:110px;left:calc(50% - 55px);top:20px}.ribbon{top:112px}.crow{font-size:15px}.tally{grid-template-columns:repeat(3,1fr);gap:7px}.tbx{padding:10px 5px}.tbx b{font-size:27px}.tbx span{font-size:12px;line-height:1.2;display:block;margin-top:5px}.words{grid-template-columns:1fr 1fr}.bigline{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cover-note,.cover-ribbon{animation:none}.ribbon.show{opacity:1;transform:rotate(-8deg)}}