*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui: "Inter", sans-serif;--font-game: "serifa", "Georgia", "Times New Roman", serif;--bg: #FAF8F6;--fg: #111111;--tile-border: #111111;--tile-bg: #FFFFFF;--tile-ghost: #E5E5E5;--tile-radius: 10px;--tray-empty: #E5E5E5}html,body,#root{height:100%;width:100%}body{background:#e8e6e3;color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}#root{display:flex;justify-content:center;align-items:stretch}@keyframes barIn{0%{opacity:0;transform:scale(.82)}62%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes barOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-shell{width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}@media (min-width: 500px){#root{align-items:center;padding:32px 0}.app-shell{width:390px;height:calc(100% - 64px);max-height:920px;border-radius:44px;box-shadow:0 24px 64px #00000021,0 4px 16px #00000012;background:#faf8f6}}
