*{box-sizing:border-box}
html{background:#e8e0cc}
body{margin:0;background:#e8e0cc;color:#4a4235;font-family:"Courier New",Courier,monospace;
min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:52px 6%;line-height:1.45;
background-image:radial-gradient(ellipse at 50% 45%,#f2ebd9 0%,#e2d8c0 70%,#d3c7aa 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;
background-image:repeating-linear-gradient(0deg,rgba(80,68,45,.055) 0 1px,transparent 1px 3px),
repeating-linear-gradient(90deg,rgba(80,68,45,.04) 0 1px,transparent 1px 4px),
radial-gradient(circle at 20% 15%,rgba(120,104,70,.10) 0 1px,transparent 1px),
radial-gradient(circle at 68% 62%,rgba(120,104,70,.09) 0 1px,transparent 1px),
radial-gradient(circle at 84% 28%,rgba(90,78,52,.08) 0 1px,transparent 1px);
background-size:auto,auto,7px 7px,11px 11px,9px 9px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;
box-shadow:inset 0 0 90px rgba(96,80,48,.28),inset 0 0 22px rgba(70,58,34,.16);
background-image:radial-gradient(circle at 12% 82%,rgba(96,80,48,.16) 0 1px,transparent 2px),
radial-gradient(circle at 41% 9%,rgba(96,80,48,.13) 0 1px,transparent 2px),
radial-gradient(circle at 77% 47%,rgba(96,80,48,.11) 0 1px,transparent 2px),
radial-gradient(circle at 92% 88%,rgba(96,80,48,.14) 0 1px,transparent 2px);
background-size:23px 29px,31px 19px,17px 37px,41px 27px}
main{width:100%;max-width:660px;margin:0 auto;position:relative;z-index:1}
.ts{margin:0;font-family:"Courier New",Courier,monospace;font-size:34px;color:#3f382c;
letter-spacing:3px;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #fff8e8}
.cap{margin:3px 0 32px;font-size:11px;letter-spacing:2px;color:#8a7d63}
.cap:last-of-type{margin-bottom:0}
footer{width:100%;max-width:660px;margin:66px auto 0;display:flex;gap:8px;justify-content:flex-end;
font-size:8px;letter-spacing:.5px;color:#9d9077;opacity:.7;font-family:"Courier New",monospace;
position:relative;z-index:1}
footer a{color:#9d9077;text-decoration:none;font-size:8px}
footer a:hover{color:#6b6049}
.dot{color:#bfb395}
@media(max-width:600px){.ts{font-size:21px;letter-spacing:1px}.cap{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.ts{text-shadow:none}}