/* The public game page: real words under the game. The canvas and menu stay fixed; this slides up over them. A run locks the page (main.js sets .inrun). */
html,body{height:auto;overflow:auto;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
html.inrun,html.inrun body{height:100%;overflow:hidden}
.about{position:relative;z-index:60;margin-top:100vh;margin-top:100dvh;background:#0e0c0a;color:#efe6d2;font:17px/1.5 var(--body);user-select:text;border-top:1px solid #8a6d38}
.about-in{max-width:780px;margin:0 auto;padding:28px 16px 40px}
.about a{color:#c9a45c;text-underline-offset:2px}.about a:hover{color:#ffe2a6}
.about .crumbs{font-size:14px;color:#b3a68d}.about .title{display:flex;align-items:center;gap:12px;margin-top:8px}
.about h1{font:700 40px/1.1 var(--display);margin:0;color:#ffe2a6}.about h2{font:700 24px/1.2 var(--display);margin:32px 0 8px;color:#ffe2a6}.about h3{font-size:18px;margin:18px 0 2px}
.about .tagline{color:#c9a45c;margin:6px 0 12px}.about .go .play{display:inline-block;background:#a4291f;color:#fff;font-weight:700;padding:8px 18px;margin-right:12px;text-decoration:none}
.about .joke{color:#b3a68d;font-style:italic}.about .facts{font-size:15px;color:#b3a68d;border-top:1px solid #3c2d1a;border-bottom:1px solid #3c2d1a;padding:8px 0}.about .facts b{color:#efe6d2}
.about .grid{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 14px}.about .grid small{display:block;color:#b3a68d;font-size:14px;line-height:1.25}
.about .steps{padding-left:22px}.about .steps li{margin:4px 0}.about p.a{margin:0}.about footer{margin-top:36px;padding-top:12px;border-top:1px solid #3c2d1a;font-size:14px;color:#b3a68d}