@font-face{font-family:'Dela Gothic One';src:url('/fonts/DelaGothicOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:YujiMai;src:url('/fonts/YujiMai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Dela is confined to the tatami HUD. Presentation, menus and review tools keep their own fonts. */
body.playing :is(.hud,.hud * ,#intro,#intro *,#callout,#callout *,#result,#result *,.touch-controls,.touch-controls *){font-family:'Dela Gothic One',sans-serif!important;font-weight:400;font-synthesis:none}
.epic-subtitle,.epic-subtitle span,.pre-match-subtitle,.pre-match-subtitle span,#speech-subtitle,#speech-subtitle span{font-family:Arial,sans-serif}
.pre-match-start{position:absolute;left:50%;top:77%;transform:translateX(-50%);z-index:3;width:19%;min-width:80px;padding:6px 4px;background:#e44123;color:#fff0d0;border:3px solid #160d08;border-top-color:#fff0d0;border-left-color:#fff0d0;box-shadow:5px 5px #080808;font:700 clamp(16px,3vw,34px)/1.1 monospace;letter-spacing:.04em;cursor:pointer}
.pre-match-start:hover{background:#ff5b2b}.pre-match-start:active{transform:translate(-50%,3px);box-shadow:2px 2px #080808}.pre-match-start:focus-visible{outline:3px solid white;outline-offset:4px}
.pre-match-start canvas{display:block;width:100%;height:auto!important;aspect-ratio:80/18;image-rendering:pixelated}