html, body
{
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh; /* Account for mobile browser chrome */
    overflow: hidden; /* Hide scrollbars */
    background: #000; /* Letterbox bars */
    /* Center the game canvas within the viewport */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* The PIXI canvas keeps its internal 1920x1080 resolution; its
   displayed size is scaled to fit the screen from JS on resize. */
canvas
{
    display: block;
    touch-action: none;      /* Prevent browser scroll/zoom during drags */
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

@font-face {
    font-family: 'Kaisho';
    src: url('/fonts/kaisho.otf') format('opentype');
    /* Add other font formats for cross-browser compatibility */
}

@font-face {
    font-family: 'Gyosho';
    src: url('/fonts/gyosho.ttf') format('truetype');
    /* Add other font formats for cross-browser compatibility */
}