/* Tonight's end screen (sprint 29 item 2): a paper card over a black dither, ink and paper only, the sentence font, square corners. */
#tonight{position:fixed;inset:0 0 44px 0;z-index:30;display:flex;align-items:center;justify-content:center;padding:10px;overflow-y:auto;
  background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%23fff'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23fff'/%3E%3C/svg%3E");
  font:17px/22px "Atkinson Hyperlegible",Verdana,sans-serif;color:#000}
#tonight[hidden]{display:none}
#tonight .t{filter:url(#bitb)}
#tonight .sq.right .t{filter:url(#bitb)}
#tonight .tn-card{width:min(380px,100%);background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #fff;padding:0 0 14px}
#tonight .tn-card>*{margin:0 16px}
#tonight .tn-title{margin:0 0 12px;padding:6px 14px;text-align:center;font:700 22px/30px "Atkinson Hyperlegible",Verdana,sans-serif;border-bottom:2px solid #000;background:repeating-linear-gradient(#000 0 2px,#fff 2px 4px)}
#tonight .tn-title{display:flex;justify-content:center}
#tonight .tn-title .plate{background:#fff;padding:0 12px}
#tonight .tn-squares{display:flex;gap:8px;justify-content:center;margin-top:4px;margin-bottom:0}
#tonight .sq{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:3px solid #000;font:700 26px/30px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .sq.right{background:#000;color:#fff}
#tonight .tn-score{text-align:center;font:700 52px/58px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .tn-fooled{text-align:center;font:700 18px/24px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .tn-doors{list-style:none;padding:8px 0 0;margin-top:8px;border-top:2px solid #000;display:grid;gap:2px;font:16px/22px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .tn-doors .wrong{font-weight:700}
#tonight .tn-streak{margin-top:8px;text-align:center;font:700 18px/24px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .tn-note{margin-top:6px;font:15px/20px "Atkinson Hyperlegible",Verdana,sans-serif}
#tonight .tn-actions{display:flex;gap:8px;margin-top:10px}
#tonight .btn{flex:1 1 0;min-height:48px;padding:0 10px;background:#fff;color:#000;border:2px solid #000;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #000;font:700 18px/22px "Atkinson Hyperlegible",Verdana,sans-serif;cursor:pointer}
#tonight .btn:active{background:#000;color:#fff}
#tonight .btn:focus-visible,#tonight a:focus-visible{outline:3px dotted #000;outline-offset:3px}
#tonight .tn-verify{display:block;margin-top:10px;text-align:center;color:#000;font:16px/22px "Atkinson Hyperlegible",Verdana,sans-serif;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}