/* v7733u polish — deadpan fixes for proof 5.7 */
/* HOME: active dot is round, same size, just darker. no pill. */
#home #hpDots i,#home #hpDots i.on,#hpDots i,#hpDots i.on{width:12px!important;height:12px!important;max-height:12px!important;min-height:12px!important;max-width:12px!important;aspect-ratio:1!important;min-width:12px!important;box-sizing:content-box!important;background-clip:content-box!important;border-radius:50%!important;background-image:none!important}
#hpDots i{background-color:#2b224040!important;box-shadow:none!important}
#home #hpDots i.on,#hpDots i.on{width:12px!important;height:12px!important;border-radius:50%!important;background-color:#2b2240!important;box-shadow:none!important}
/* DRAW: visible paper tooth */
#dsq{background-color:#fff8ee!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .26 0 0 0 .55 -.12'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")!important;background-size:160px 160px!important;position:relative}
#dc{background:transparent!important}
.dghost{z-index:3;color:#2b224059!important}
/* DRAW: palette stays a horizontal row, everywhere, full circles in frame */
body #draw #dpal,#draw #dpal{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;row-gap:8px!important;overflow:visible!important;max-height:none!important;align-items:center!important;touch-action:pan-x!important;scroll-snap-type:x proximity!important;padding:8px 20px calc(14px + env(safe-area-inset-bottom))!important;scroll-padding:0 20px;box-sizing:border-box;min-height:calc(46px + 22px + env(safe-area-inset-bottom))}
body #draw #dpal .sw,#draw #dpal .sw{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important}
body #draw #dpal .sw.on,#draw #dpal .sw.on{transform:none!important;margin:0 3px!important;box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #2b2240!important}
/* PUZZLE: centered grid, labels below art not over it, one-line headings */
#pzBuilt.pzgrid,#pzBuilt{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:14px!important}
#pzBuilt .pzthumb{flex:0 0 min(42%,170px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:0 0 34px!important;position:relative;overflow:visible}
#pzBuilt .pzthumb img{display:block;width:100%;height:auto;margin:0!important}
#pzBuilt .pzthumb .pzlbl{position:absolute!important;left:0;right:0;bottom:6px!important;top:auto!important;text-align:center;background:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pzsub,.pzempty{white-space:nowrap!important;writing-mode:horizontal-tb!important;width:auto!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#pzPick h3.pzsub{display:block!important;flex:none!important}
#pzMine .pzempty{grid-column:1/-1!important;flex:1 1 100%!important;white-space:nowrap!important;text-align:center;margin:6px auto!important}
#pzMine{justify-content:center}
/* POTTERY: wheel fully in frame */
#potc{max-width:calc(100vw - 24px)!important;object-fit:contain}
/* DRAW landscape/desktop: palette is a row under the paper, not a tall column */
@media (orientation:landscape){
 body #draw.active{grid-template-rows:1fr auto auto 1fr auto!important}
 body #draw .stage{grid-row:1/5!important}
 body #draw #dpal{grid-column:2/-1!important;grid-row:5!important;width:auto!important;max-width:100%!important;justify-content:safe center!important;display:flex!important;grid-template-columns:none!important}
}

/* POTTERY: wheel + new clay chip in frame */
#pottery .stage{overflow:visible!important;padding:0 12px!important;box-sizing:border-box}
#pottery .bar.top{padding-right:max(12px,env(safe-area-inset-right))!important}
#pReset{max-width:none!important;flex:none!important;margin-right:4px!important}
#pottery .bar.top{justify-content:space-between!important;box-sizing:border-box!important;width:100%!important}
@media (orientation:landscape){
 body #draw .stage{min-height:0!important;max-height:calc(100dvh - 120px)!important;overflow:hidden}
 body #draw #dsq,body #draw #dc{max-height:calc(100dvh - 130px)!important;max-width:calc(100dvh - 130px)!important}
}
@media (orientation:landscape){
 body #draw.active{grid-template-rows:minmax(0,1fr) auto!important}
 body #draw .bar.top{grid-row:1/-1!important;grid-column:1!important}body #draw .bar.tools{grid-row:1/-1!important;grid-column:2!important}body #draw .szrow{grid-column:4!important}body #draw .stage{grid-column:3!important}
 body #draw .stage{grid-row:1!important;max-height:none!important}
 body #draw .szrow{grid-row:1!important;align-self:center!important;flex-direction:column!important}
 body #draw #dpal{grid-row:2!important}
}