/* Static pages (About, How to Play, Provably Fair, FAQ): the same retro desktop look, no JavaScript. */
:root { --face: #ece9d8; --shadow: #aca899; --link: #0645ad; }
* { box-sizing: border-box; }
html { font-size: 62.5%; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 30% 20%, #3a6ea5, #1f4e85 70%, #133a66) fixed; font: 1.6rem/1.6 Tahoma, Verdana, "Segoe UI", system-ui, sans-serif; color: #111; padding: 2.4rem 1.6rem 4rem; }
a { color: var(--link); }
.win { max-width: 86rem; margin: 0 auto; background: var(--face); border: .3rem solid #0831d9; border-top: 0; border-radius: .8rem .8rem 0 0; box-shadow: .4rem .6rem 2.4rem rgba(0,0,0,.45); }
.tb { display: flex; align-items: center; gap: .8rem; height: 3.6rem; padding: 0 1rem; margin: 0 -.3rem; border-radius: .7rem .7rem 0 0; color: #fff;
  background: linear-gradient(#0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7); font: bold 1.6rem "Trebuchet MS", Tahoma, sans-serif; text-shadow: .1rem .1rem #0f1089; }
.tb img { width: 2rem; height: 2rem; }
.tb a { color: #fff; text-decoration: none; }
nav.menu { display: flex; flex-wrap: wrap; gap: .2rem 1.6rem; background: #f0f0f0; padding: .5rem 1.4rem; border-bottom: .1rem solid #d6d2c2; font-size: 1.45rem; }
main { padding: 1.6rem 2.4rem 2rem; }
h1 { font: bold 2.8rem/1.25 "Trebuchet MS", Tahoma, sans-serif; margin: .4rem 0 1rem; color: #0a2f8a; }
h2 { font: bold 2rem/1.3 "Trebuchet MS", Tahoma, sans-serif; margin: 2.2rem 0 .6rem; color: #0046d5; }
h3 { font-size: 1.7rem; margin: 1.6rem 0 .4rem; }
p, li { max-width: 72ch; }
.lead { font-size: 1.8rem; }
.play { display: inline-block; margin: .8rem .8rem .8rem 0; padding: .9rem 1.8rem; border: .1rem solid #003c74; border-radius: .4rem; color: #000; text-decoration: none; font-weight: bold;
  background: linear-gradient(#fff, #f5f4ef 40%, #ecebe6 85%, #d6d0c5); }
.play:hover { box-shadow: inset 0 0 0 .2rem #f8b330; }
.play.primary { box-shadow: inset 0 0 0 .2rem #9dc3f3; }
code, .mono { font-family: "Lucida Console", Consolas, Menlo, monospace; font-size: .92em; }
table { border-collapse: collapse; margin: .6rem 0; background: #fff; }
td, th { border: .1rem solid #d5d2c0; padding: .5rem .9rem; text-align: left; vertical-align: top; }
th { background: linear-gradient(#fff, #f1efe2); }
.shot { display: block; max-width: 100%; height: auto; border: .1rem solid var(--shadow); margin: 1.2rem 0; }
footer { padding: 1rem 2.4rem 1.6rem; border-top: .1rem solid #d6d2c2; font-size: 1.3rem; color: #555; }
details { background: #fff; border: .1rem solid #d5d2c0; padding: .8rem 1.2rem; margin: .6rem 0; }
summary { font-weight: bold; cursor: pointer; }