/* Guide pages (ludo-online, frutiger-aero-game, tycoon-mode): plain readable HTML in the game's glass style, no JavaScript */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:"Segoe UI","Trebuchet MS",Tahoma,sans-serif;color:#1b2a3a;line-height:1.65;font-size:17px;
 background:linear-gradient(120deg,#0a6fd6,#2fc6ff 25%,#7be04a 50%,#16d6c8 70%,#2a9df4 90%,#0a6fd6) fixed;background-size:300% 300%}
.sky{position:fixed;inset:0;pointer-events:none;background:radial-gradient(40% 30% at 25% 20%,rgba(255,255,255,.5),transparent 70%),radial-gradient(50% 35% at 80% 75%,rgba(190,255,140,.45),transparent 70%),radial-gradient(35% 25% at 60% 12%,rgba(120,230,255,.5),transparent 70%)}
.wrap{position:relative;max-width:860px;margin:0 auto;padding:18px 16px 40px}
nav.top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
nav.top a{padding:7px 14px;border-radius:999px;color:#0b4a8a;text-decoration:none;font-weight:600;font-size:14px;background:linear-gradient(rgba(255,255,255,.85),rgba(190,230,255,.7));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(0,50,110,.2)}
nav.top a:hover{background:linear-gradient(#fff,#cdeeff)}
nav.top a.play{margin-left:auto;color:#fff;border-color:#1e6b20;background:linear-gradient(#9be27f,#5cc63a 49%,#3fae1d 50%,#58c93a);text-shadow:0 1px 1px #145214}
article{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(236,247,255,.9));border:1px solid rgba(255,255,255,.95);border-radius:14px;padding:26px 28px 30px;box-shadow:0 14px 40px rgba(0,40,100,.35),inset 0 1px 0 #fff}
h1{margin:0 0 6px;font-size:clamp(28px,5vw,40px);line-height:1.15;color:#0b4a8a;letter-spacing:-.01em}
.lead{font-size:19px;color:#2a4a66;margin:6px 0 18px}
h2{margin:28px 0 8px;font-size:23px;color:#0b4a8a}
h3{margin:18px 0 4px;font-size:18px;color:#14406a}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}li{margin:5px 0}
a{color:#0a6fd6}
.cta{display:inline-block;margin:8px 0 4px;padding:12px 26px;border-radius:8px;border:1px solid #1e6b20;color:#fff;font-weight:700;font-size:18px;text-decoration:none;text-shadow:0 1px 1px #145214;background:linear-gradient(#a8ec8c,#5cc63a 49%,#3fae1d 50%,#6ad84a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 6px 18px rgba(60,170,60,.45)}
.cta:hover{filter:brightness(1.07)}
.pill{display:inline-block;margin:2px 4px 2px 0;padding:2px 11px;border-radius:999px;font-size:13px;font-weight:700;color:#0b4a8a;background:linear-gradient(#f4fbff,#cfe7f9);border:1px solid #9cc7e6}
.card{margin:14px 0;padding:14px 16px;border-radius:10px;background:linear-gradient(#fff,#eaf4fc);border:1px solid #c5d7e8}
.card h3{margin-top:0}
dl{margin:0}dt{font-weight:700;color:#0b4a8a;margin-top:14px}dd{margin:3px 0 0}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:15px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid #d3e3f1}th{color:#0b4a8a;background:#eaf4fc}
footer{margin-top:22px;padding:14px 4px 0;font-size:13px;color:#e9f6ff;text-shadow:0 1px 3px rgba(0,30,70,.6);text-align:center}
footer a{color:#fff}
@media (max-width:640px){article{padding:20px 16px 24px}body{font-size:16px}h2{font-size:21px}nav.top a.play{margin-left:0}}