/* High-contrast, touch-friendly UI */
:root{
  --bg:#000;
  --fg:#fff;
  --border:#fff;
  --radius:40px;
}
html,body{height:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: Arial, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
a{color:var(--fg);}
.container{display:flex;height:100vh;}
.tile{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2vh;
}
.tile a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:8px solid var(--border);
  border-radius:var(--radius);
  text-decoration:none;
  font-size:min(22vw, 18rem);
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}
.tile a:active{transform:scale(0.99);}
.list a.big{
  display:flex;
  align-items:center;
  justify-content:center;
  border:8px solid var(--border);
  border-radius:var(--radius);
  text-decoration:none;
  font-size:min(16vw, 12rem);
  height:26vh;
  margin:2vh;
}
.back{
  display:flex;
  align-items:center;
  justify-content:center;
  border:8px solid var(--border);
  border-radius:var(--radius);
  text-decoration:none;
  font-size:min(10vw, 6rem);
  height:18vh;
  margin:2vh;
}
.audio{
  width:100%;
  height:26vh;
  margin:2vh 0;
}