@font-face{font-family:'Press Start 2P';src:url('press-start-2p.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* Receding arcade lettering, with the content kept in its original layout. */
.canvas .composition h1{
  font-family:'Press Start 2P',monospace;
  font-weight:400;
  font-synthesis:none;
  font-size:clamp(24px,6.8vw,98px);
  letter-spacing:-.045em;
  line-height:1.35;
  column-gap:.26em;
  transform-origin:center center;
  transform:perspective(900px) rotateX(24deg) skewX(-7deg);
  animation:arcade-recede 9s ease-in-out infinite alternate;
  padding-block:12px 24px;
}
.canvas .composition h1>span,
.canvas .composition h1 .play-trigger{
  color:#f3b7d8;
  text-shadow:0 1px 0 #ffe8f5,0 3px 0 #d78bb5,0 5px 0 #a95585,0 7px 0 #e397c1,0 10px 0 #854368,0 13px 0 #592e49,0 17px 20px #0007;
  -webkit-text-stroke:1px #e9a3cc;
}
.canvas .composition h1 .lower .ideas{transform:none;font-family:inherit;font-weight:inherit}
.canvas .composition h1 .play-hint{letter-spacing:2px;-webkit-text-stroke:0;text-shadow:none}
@keyframes arcade-recede{
  from{transform:perspective(900px) rotateX(22deg) skewX(-7deg) translateY(2px)}
  to{transform:perspective(900px) rotateX(28deg) skewX(-7deg) translateY(-7px) scale(.97)}
}
@media(max-width:700px){
  .canvas .composition h1{font-size:7vw;column-gap:.2em;perspective:600px}
  .canvas .composition h1>span,.canvas .composition h1 .play-trigger{-webkit-text-stroke:.5px #e9a3cc;text-shadow:0 1px #ffe8f5,0 3px #c77aa6,0 5px #984d77,0 7px #592e49}
}
@media(prefers-reduced-motion:reduce){.canvas .composition h1{animation:none}}
.canvas .composition h1 .play-trigger{
  color:#ffe783;
  -webkit-text-stroke:1px #ffedaa;
  text-shadow:0 1px #fff5ce,0 3px #dfb754,0 5px #ba8737,0 7px #e6be61,0 10px #805328,0 13px #513020,0 0 24px #ffe78330;
  cursor:pointer;
}
.canvas .composition h1 .play-trigger:hover{color:#fff5be;filter:drop-shadow(0 0 12px #ffe78380)}
.canvas .composition h1 .play-trigger:focus-visible{outline:3px solid #ffe783;outline-offset:8px;border-radius:6px}
.canvas .composition h1 .play-hint{
  width:max-content;margin:16px auto 0;padding:7px 11px;
  color:#ffe783;border:1px solid #ffe78380;border-radius:4px;
  background:#211620;font:700 12px/1.3 'Courier New',monospace;
  transform:none;letter-spacing:1px;
}