/* Same simple clay presentation as Day 2, in Day 4 pink. */
:root{--ink:#36233A;--muted:#725B73;--pink:#ED5795;--pink-deep:#B92363;--pink-dark:#861844;--pink-soft:#FBE4EF}
html{background:#F4D4E3}
body{font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(155deg,#FFF4F8,#F1CEDF) fixed;font-size:18px}
.wrap{max-width:1120px;padding:16px 20px 26px}
.panel,.chat,.act{border:2px solid #EAC5D7;box-shadow:0 6px 0 #DCADC3,0 15px 25px #7220450A}
.btn{font-size:19px;min-height:48px;padding:10px 22px}
.btn:hover:not(:disabled){filter:brightness(1.06)}
.btn:focus-visible,button:focus-visible{outline:4px solid #E5A300;outline-offset:3px}
.btn[disabled]{opacity:.55}
.cover{width:100%;max-width:780px;margin:auto;text-align:center;padding:24px 32px}
.day-label{font-size:15px;font-weight:850;color:var(--pink-deep);letter-spacing:.05em;margin:0 0 8px}
.cover h1{font-size:clamp(38px,5vw,56px);font-weight:900;letter-spacing:-.025em;line-height:1.12;color:var(--pink-dark)}
.cover-art{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto 8px;height:180px}
.cover-art>img{width:160px;height:160px;object-fit:contain;animation:float 3.8s ease-in-out infinite}
.cover-art .fair{width:200px;height:200px}.cover-art .records{width:150px;height:150px}
@keyframes float{50%{transform:translateY(-5px) rotate(2deg)}}
.lede{font-size:21px;line-height:1.4;color:var(--ink);margin:10px auto 20px}
.tiny,footer{color:var(--muted);font-size:14px}.tiny{margin:18px 0 0}
.clay-object{display:inline-block;width:96px;height:96px;flex:none;background-image:url('/play/trust-or-check/assets/fair-objects-clay.webp');background-size:200% 200%;background-repeat:no-repeat;vertical-align:middle}
.clay-object.fair{background-position:0 0}.clay-object.records{background-position:100% 0}.clay-object.clipboard{background-position:0 100%}.clay-object.glass{background-position:100% 100%}
#s-howto .panel{max-width:980px;margin:auto}
.slide-pic{max-width:440px;max-height:170px;width:auto;object-fit:contain;margin:6px auto}
.cap{max-width:830px;font-size:18px;line-height:1.4;padding:0;background:transparent;margin:8px auto 16px}
.steps{gap:12px;margin:4px 0 18px}.step{padding:12px;border:2px solid #EDD2DE;box-shadow:0 4px 0 #EBD2DF;background:#FFF4F9}
.step p{font-size:17px;line-height:1.4}.step .n{margin-bottom:0}
.step-art{height:86px;display:flex;align-items:center;justify-content:center;gap:7px;margin:3px auto 6px}
.step-art img{width:80px;height:80px;object-fit:contain}.step-art .clay-object{width:88px;height:88px}
.speech-sample{display:grid;place-items:center;background:var(--pink-deep);color:white;border-radius:13px 13px 13px 2px;width:58px;height:40px;font-size:28px;font-weight:900;padding-bottom:12px;box-shadow:0 3px 0 #8A1B49}
.hud{margin-bottom:10px}.pill{background:white;color:var(--pink-dark);font-size:16px;box-shadow:0 3px 0 #DBAFC3}
.pill.checks{padding:4px 12px 4px 7px}.pill.checks .clay-object{width:30px;height:30px}
.icon-btn{color:var(--pink-dark);background:white;box-shadow:0 3px 0 #DBAFC3}
.game{grid-template-columns:1.05fr 1fr;gap:12px 16px}
.chat{padding:12px 14px}.act{padding:12px 14px 14px}
.msg.you{font-size:17px;padding:9px 12px;margin-bottom:10px;background:#F5EDF8}
.msg .who{font-size:12px;letter-spacing:.055em}
.sunrow{gap:8px}.sunrow .sunny{width:78px;height:82px;object-fit:contain;flex:none}
.sunrow:has(.dots) .sunny{animation:float 1.2s ease-in-out infinite}
.msg.bot{font-size:18px;min-height:80px;padding:10px 12px;margin-bottom:8px;display:block}
.meter{padding:6px 12px;gap:14px;margin-top:0;background:#FFF0F7;min-height:88px}
.meter .lab{font-size:12px;letter-spacing:.035em}.meter b{font-size:23px}
#meter{width:144px;height:82px;flex:none;position:relative}
.dial-face{width:144px;height:82px;position:relative;background:#FFFDFC;border:3px solid #E6B8CB;border-radius:80px 80px 13px 13px;box-shadow:0 4px 0 #D5A0B6;overflow:hidden}
.dial-zones{position:absolute;left:9px;top:9px;width:120px;height:120px;border-radius:50%;background:conic-gradient(from 270deg,#B9C7D3 0deg 61deg,#F6B36F 61deg 121deg,#ED5795 121deg 180deg,transparent 180deg);mask:radial-gradient(circle,transparent 0 43px,#000 44px);-webkit-mask:radial-gradient(circle,transparent 0 43px,#000 44px)}
#needle.dial-needle{position:absolute;left:13px;top:67px;width:56px;height:5px;border-radius:5px;background:#3B2940;transform-origin:100% 50%;transition:transform .8s cubic-bezier(.3,1.5,.5,1)}
.dial-hub{position:absolute;left:60px;top:61px;width:18px;height:18px;border-radius:50%;background:#FFC940;border:5px solid #3B2940}
.choices{margin:2px 0 8px;gap:12px}.choices .btn{min-width:146px}.btn.check .clay-object{width:26px;height:26px}
.hint{font-size:16px;margin-bottom:8px}.res{font-size:16px;line-height:1.35;min-height:0;margin:5px 0 8px}.res:empty{display:none}
.book{padding:10px 12px;background:#FFFAEC;border-color:#EAC270;box-shadow:inset 5px 0 0 #B92363}
.book>.clay-object{width:65px;height:65px;float:right;margin:0 0 2px 8px}.book .lab{font-size:12px;letter-spacing:.035em}.book p{font-size:16px;line-height:1.35}.book .said{font-size:14px}.book:after{content:"";display:block;clear:both}
.nointent{font-size:15px;line-height:1.3;padding:8px 10px;margin-bottom:10px}
.postwrap{position:sticky;top:12px}
.poster{border:3px solid #E1B47B;box-shadow:0 6px 0 #CDA278,0 15px 25px #7220450A;padding:12px 14px 14px;background:#FFFAEA}
.poster:before{border:0}
.poster-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin:-3px 0 4px;color:#866032;font-size:13px;letter-spacing:.06em;font-weight:850}
.poster-heading .clay-object{width:66px;height:66px}
.ptitle{font-size:24px;line-height:1.2}.pwelcome{font-size:16px;min-height:12px;margin:3px 0 10px}
.pgrid{gap:10px}.pin{font-size:15px;line-height:1.3;padding:9px 10px;background:#fff;box-shadow:0 3px 0 #E7D3AB}
.pin .ptag{font-size:12px;margin-top:5px}.pempty{grid-column:1 / -1;padding:25px 12px;font-size:16px}
.judge-heading{display:flex;gap:12px;align-items:center;justify-content:center}.judge-heading h2{font-size:28px}.judge-heading .clay-object{width:68px;height:68px}
#jposter{max-width:850px;margin:auto}.jscore{margin:3px 0 12px}.jnote{font-size:14px}
#jposter .pgrid{grid-template-columns:repeat(2,1fr)}
.reveal{max-width:850px;margin:20px auto 0}.reveal .slide-pic{max-height:170px}.statline{font-size:17px;line-height:1.4}
.rating-star{font-size:57px;line-height:1.1;color:#E9D1DD;text-shadow:0 3px 0 #C9A3B5}.rating-star.on{color:#FFC940;text-shadow:0 3px 0 #B68511;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}
.word span{font-size:14px;display:block;margin-top:3px;line-height:1.3}.word b{font-size:16px}.note,.bigline{font-size:17px;line-height:1.35}
@media(min-width:761px) and (max-height:800px){
  .wrap{padding-top:12px;padding-bottom:18px}.panel{padding:16px 20px}
  .cover{padding:22px}.cover-art{height:155px;margin:15px auto 5px}.cover-art>img{width:140px;height:140px}.cover-art .fair{width:180px;height:180px}.cover-art .records{width:135px;height:135px}
  .chat{padding:10px 12px}.act{padding:10px 12px 12px}.msg.bot{font-size:17px}.msg.you{font-size:16px}
  .sunrow .sunny{width:68px;height:76px}.choices .btn{min-height:44px;padding:8px 20px}.choices{margin-bottom:6px}.res{margin:4px 0 7px}
  .book{margin:4px 0 8px;padding:8px 12px}.book p{font-size:15px}.book .said{font-size:14px}.book>.clay-object{width:52px;height:52px}
  .nointent{font-size:14px;margin-bottom:8px}.act .row .btn{min-height:42px;padding:8px 22px;font-size:18px}
  .poster-heading .clay-object{width:55px;height:55px}.ptitle{font-size:22px}.pwelcome{font-size:15px}.pin{padding:8px 9px}
  .tbox{padding:9px}.tbox b{font-size:28px}.final{font-size:40px}.rating-star{font-size:48px}.words{margin:9px 0}.note{margin:6px 0;padding:8px 12px}.bigline{margin:8px 0 12px}
}
@media(max-width:760px){
  .wrap{padding:12px 12px 22px}.panel{padding:18px 14px}.cover{padding:24px 16px}
  .game{grid-template-columns:1fr;grid-template-areas:"chat" "act" "poster";gap:12px}.postwrap{position:static}
  .hud{gap:7px;position:sticky;top:0;z-index:4;background:#FCEBF3;padding:6px 0 9px;margin-top:-6px}.pill{font-size:14px;padding:6px 10px}.pill.checks{font-size:14px;padding-right:9px}.pill.checks .clay-object{width:24px;height:24px}.hud .spacer{min-width:0}.wide-label{display:none}
  .cover-art{height:130px;gap:0;margin:18px auto 6px}.cover-art>img{width:95px;height:115px}.cover-art .fair{width:130px;height:130px}.cover-art .records{width:90px;height:100px}
  .cover h1{font-size:40px}.day-label{font-size:13px}.lede{font-size:19px}
  .slide-pic{width:100%;max-height:170px}.cap{font-size:17px}
  .steps{grid-template-columns:1fr;gap:10px}.step{display:grid;grid-template-columns:28px 82px 1fr;align-items:center;gap:8px;text-align:left;padding:9px}
  .step-art{height:72px;margin:0}.step-art img{width:48px;height:64px}.step-art .clay-object{width:72px;height:72px}.speech-sample{width:30px;height:28px;font-size:24px}.step p{font-size:16px;line-height:1.3}
  .msg.you{font-size:16px;margin-left:8%}.msg.bot{font-size:17px}.sunrow .sunny{width:55px;height:66px}
  .meter{gap:10px;padding:6px 8px}.meter b{font-size:21px}.meter .lab{font-size:11px}
  .choices{gap:10px}.choices .btn{min-width:130px;font-size:18px;padding:10px 12px}
  .pgrid{grid-template-columns:1fr 1fr}.ptitle{font-size:23px}.pin{font-size:15px}
  .judge-heading h2{font-size:25px}.judge-heading .clay-object{width:55px;height:55px}#jposter .pgrid{grid-template-columns:1fr}.statline{font-size:16px}
  .tally{grid-template-columns:repeat(3,1fr);gap:6px}.tbox{padding:10px 4px}.tbox b{font-size:26px}.tbox span{font-size:12px;display:block;line-height:1.25;margin-top:4px}
}
@media(max-width:370px){.hud{gap:5px}.pill{font-size:13px;padding:6px 8px}.pill.checks{font-size:13px}.pill.checks .clay-object{width:20px;height:20px}.step{grid-template-columns:26px 64px 1fr;gap:6px;padding:8px 6px}.step-art .clay-object{width:60px;height:60px}.step-art{width:64px}.step p{font-size:15px}.cover-art>img{width:80px}.cover-art .fair{width:115px}.cover-art .records{width:75px}.meter{gap:7px}.meter b{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}