*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-2: #21262d;--color-border: #30363d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-accent: #c9a84c;--color-accent-dim: #7d6930;--color-green: #2d6a4f;--color-felt: #1a4731;--color-felt-dark: #122e20;--color-red: #e63946;--color-danger: #da3633;--tile-bg: #f5f0e8;--tile-bg-hover: #fff8e7;--tile-bg-selected: #ffe49e;--tile-border: #c8b87a;--tile-shadow: rgba(0, 0, 0, .4);--tile-bamboo: #2d6a4f;--tile-characters: #c9a84c;--tile-dots: #1c3a6b;--tile-honor: #8b1a1a;--tile-w: 50px;--tile-h: 70px;--tile-w-sm: 36px;--tile-h-sm: 50px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:22px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.tile-scroll::-webkit-scrollbar{display:none}@media(max-width:768px){:root{--tile-w: 45px;--tile-h: 62px;--tile-w-sm: 31px;--tile-h-sm: 42px;font-size:20px}}@media(max-width:480px){:root{--tile-w: 36px;--tile-h: 50px;--tile-w-sm: 25px;--tile-h-sm: 34px;font-size:18px}}