46 lines
994 B
CSS
46 lines
994 B
CSS
:root {
|
|
--panel-bg: #3a2a1e;
|
|
--panel-border: #1b1611;
|
|
--text: #f5e9d0;
|
|
--accent: #f5c518;
|
|
|
|
font: 16px/1.4 'Press Start 2P', ui-monospace, Consolas, monospace;
|
|
color: var(--text);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
overscroll-behavior: none;
|
|
touch-action: none;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
/* This is a fixed-landscape game. On a touchscreen held in portrait, rotate the whole app into
|
|
* landscape instead of showing a cramped/wrong-aspect portrait layout — screen.orientation.lock
|
|
* (see main.tsx) covers the cases it can, this CSS covers everywhere else. */
|
|
@media screen and (orientation: portrait) and (pointer: coarse) {
|
|
#root {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vh;
|
|
height: 100vw;
|
|
transform-origin: top left;
|
|
transform: rotate(90deg) translate(0, -100%);
|
|
}
|
|
}
|