*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081216;color:#e8ede6;font-family:system-ui,sans-serif}#game-host{position:relative;width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1a3033,#060d12)}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#0b171c;text-align:center}#loading h1{letter-spacing:.38em;font-size:40px;font-weight:400;color:#d9c896}#loading p{color:#a7bfb6}#loading small{color:#677e7a}.crown{font-size:64px;color:#7cd1b0}#error{position:absolute;inset:20%;padding:40px;background:#172a2c;border:1px solid #b89a63;white-space:pre-wrap}#error[hidden]{display:none}

#small-screen{display:none;position:absolute;inset:0;z-index:4;align-content:center;text-align:center;padding:28px;background:#0b171cf5;color:#dcca9a}#small-screen p{color:#9eb7af;font-size:15px}html[data-usable="false"] #small-screen{display:grid}
:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#small-screen{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}