@font-face{font-family:Outfit;src:url('../fonts/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;background:linear-gradient(145deg,#f0fffb,#ccf5e5 62%,#dff6fb);min-height:100%;color:#143057;font:112.5%/1.6 Outfit,system-ui,sans-serif}body{margin:0 auto;padding:1.5rem;max-width:52rem;overflow-wrap:anywhere}a{color:#71307b;text-underline-offset:.2em}a:focus-visible{outline:3px solid #71307b}nav{display:flex;gap:1rem;flex-wrap:wrap}h1,h2{line-height:1.2}h2{margin-top:2rem}.draft{border:2px solid #9a5571;background:#fff1dd;padding:1rem;border-radius:1rem}code{font-size:.85em}li{margin-bottom:.5rem}table{border-collapse:collapse;width:100%;font-size:.9em}td,th{border:1px solid #b8cfca;padding:.5rem;text-align:left;vertical-align:top}@media(max-width:480px){body{padding:1rem}table,tbody,tr,td,th{display:block}thead{display:none}tr{margin-bottom:1rem}}

@font-face{font-family:"Baloo 2";src:url('../fonts/Baloo2.ttf') format('truetype');font-weight:400 800;font-display:swap}
h1,h2{font-family:"Baloo 2",Outfit,system-ui,sans-serif}
nav a{display:inline-flex;align-items:center;min-height:32px}
.overview-header{text-align:center;margin:2rem 0}
.overview-header h1{font-size:clamp(3rem,10vw,4.5rem);margin:.5rem 0}
.play-button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:.8rem 2rem;margin:1rem 0;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,#ffb8d4,#fff2b6);color:#143057;font-size:1.45rem;font-weight:800;text-decoration:none;text-align:center;box-shadow:0 10px 28px #14305722}
.play-button:hover{background:linear-gradient(135deg,#ffc9e0,#fff7d0)}
.play-button:focus-visible{outline:3px solid #71307b;outline-offset:4px}
.overview-picture{display:block;width:100%;height:auto;border-radius:1.1rem;margin:1.2rem 0 2rem;box-shadow:0 12px 30px #1430571a}
.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.controls-grid h3{margin-bottom:.4rem}.controls-grid ul{padding-left:1.3rem}
.info-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid #b8cfca}
@media(max-width:600px){.controls-grid{grid-template-columns:1fr;gap:.3rem}.play-button{font-size:1.2rem;padding:.8rem 1.3rem}}