*{box-sizing:border-box}
body{margin:0;padding:24px 16px 40px;background:#f1f7ff;color:#203047;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.8}
.page-header{max-width:760px;margin:0 auto;text-align:center;padding:4px 0 12px}
.page-header h1{margin:0;font-size:clamp(25px,4vw,32px);color:#125bb0}
.page-header p{margin:2px 0;color:#66778b;font-size:14px}
main{width:min(100%,760px);margin:12px auto 0;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #d8e4f2;border-radius:18px;box-shadow:0 5px 22px #173d6810}
h2{margin:26px 0 8px;padding-bottom:5px;border-bottom:1px solid #d8e4f2;font-size:20px;color:#125bb0}
h2:first-child{margin-top:0}
p{margin:10px 0}li{margin:6px 0}a{color:#125bb0}
.site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,760px);margin:18px auto 0}
.site-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 6px;border:1px solid #bfd6ef;border-radius:10px;background:#fff;color:#125bb0;text-decoration:none;text-align:center;font-size:13px;font-weight:700;line-height:1.35;box-shadow:0 2px 5px #173d6810}
.site-nav a:hover,.site-nav a:focus-visible{background:#e6f2ff}
.site-footer{width:min(100%,760px);margin:18px auto 0;padding:10px 8px;border-top:1px solid #d8e4f2;text-align:center;color:#66778b;font-size:12px}
.form-link{display:inline-block;margin:10px 0;padding:11px 18px;border-radius:10px;background:linear-gradient(180deg,#2693ff,#0964d0);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 3px 0 #064fa8}
@media(max-width:540px){body{padding:14px 10px 28px}main{padding:18px 15px}.site-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-nav a{min-height:40px;padding:8px 5px}h2{font-size:18px}}
/* share fallback */
.share-fallback{max-width:1080px;margin:0 auto 14px;padding:14px;background:#fff;border:1px solid #d8e4f2;border-radius:14px}
.share-fallback[hidden]{display:none}
.share-fallback p{margin:0 0 8px;font-size:13px;color:#66778b}
.share-fallback textarea{width:100%;min-height:76px;padding:9px;border:1px solid #bfd6ef;border-radius:8px;font:inherit;font-size:13px;resize:vertical}
.share-fallback button{margin-top:8px;border:1px solid #bfd6ef;border-radius:8px;background:#fff;padding:8px 14px;color:#125bb0;font-weight:700}
.share-game{display:block;margin:14px auto 0;padding:11px 28px;border:0;border-radius:999px;background:linear-gradient(180deg,#2693ff,#0964d0);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 0 #064fa8}
.share-message{min-height:22px;text-align:center;color:#125bb0;font-size:13px;font-weight:650;margin:8px auto 0}