*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--bg-pane:#1561ac;--pane-medium:#10477f;--pane-dark:#0a2e52;--overlay-light:#fff;--overlay-medium:#ccc;--overlay-dark:#b3b3b3;--text:#e6e6e6;--text-muted:#d1d1d1;--text-dark:#262626;--yellow:#fc0;--red:#f04138;--blue:#1561ac}body{background-color:var(--bg-pane);color:var(--text);font-size:18px}main{margin-bottom:2em}h1{color:var(--yellow);text-shadow:2px 2px 8px #000;padding:1em;font-size:48px;font-weight:800}h2{padding-bottom:6px}h1,h2,h3{text-align:center}a{color:var(--yellow)}::marker{color:var(--blue)}button{aspect-ratio:1;text-align:center;padding:0}button img{aspect-ratio:1;width:100%;height:auto}.flex-centered{justify-content:center;align-items:center;display:flex}.column{flex-direction:column}#scoreboard{background-color:var(--bg-pane);border-radius:8px;gap:1em;padding:1em;font-weight:600;list-style:none;position:sticky;top:1em}#gameboard{flex-wrap:wrap;gap:1em;width:clamp(320px,95vw,960px);margin:1em 0 6em}#open-manual{background-image:linear-gradient(to bottom, var(--red) 50%, var(--overlay-light) 50%);border:2px solid var(--overlay-light);border-radius:100%;align-self:flex-end;width:44px;height:auto;margin-right:5vw;box-shadow:0 0 8px #000}#open-manual:active{box-shadow:0 0 4px #000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#open-manual:hover{animation:.2s spin}.close-button{color:var(--red);aspect-ratio:1;background-color:#0000;border:none;align-self:flex-end;top:4px;right:4px}.popup{background-image:linear-gradient(180deg, var(--overlay-light) 0%, var(--overlay-medium) 6%);width:clamp(310px,50vw,500px);color:var(--text-dark);border:2px solid var(--yellow);border-radius:8px;padding:1em 1em 2em;position:fixed;top:30%;left:50%;transform:translate(-50%);box-shadow:4px 4px 16px #000}.card{background-image:linear-gradient(180deg, var(--overlay-light) 0%, var(--overlay-medium) 6%);width:clamp(300px,15vw,400px);height:auto;color:var(--text-dark);border:2px solid var(--red);border-radius:4px;padding:0;box-shadow:4px 4px 16px #000}.card img{aspect-ratio:1;width:90%;height:auto;margin:1em}.card-info{background-color:var(--yellow);width:100%;color:var(--pane-medium);border-top:2px solid var(--bg-pane);flex-grow:1;justify-content:space-around;padding:1em}footer{background-color:var(--pane-medium);border-top:2px solid var(--overlay-medium);color:var(--text-muted);flex-wrap:wrap;gap:1em;padding:3em 1em;font-size:14px;box-shadow:0 0 16px #000}footer div{width:clamp(300px,25vw,500px);height:5em}.icon{aspect-ratio:1;width:32px;height:auto;margin:4px}