*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#1d1f27;color:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow-x:hidden}.dashboard{min-height:100vh;padding:env(safe-area-inset-top,16px) 16px env(safe-area-inset-bottom,16px);display:flex;flex-direction:column}.dashboard header{text-align:center;padding:24px 0 16px}.dashboard h1{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.subtitle{margin:4px 0 0;color:#a8acb8;font-size:1rem}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:16px 0}.tile{aspect-ratio:1;border:none;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;font:inherit;color:#1d1f27;box-shadow:0 4px 12px #00000040,inset 0 -4px #0000001a;transition:transform .1s ease,box-shadow .1s ease;text-align:center}.tile:active{transform:scale(.96);box-shadow:0 2px 6px #00000040,inset 0 -2px #0000001a}.tile .emoji{font-size:3.2rem;line-height:1}.tile .title{font-size:1.25rem;font-weight:800;margin-top:4px}.tile .sub{font-size:.85rem;font-weight:600;opacity:.75}.dashboard footer{text-align:center;font-size:.8rem;color:#6b6f7d;padding:12px 0}.game-frame{position:fixed;inset:0;background:#1d1f27;display:flex;flex-direction:column}.game-frame iframe{flex:1;border:0;width:100%}.back{position:absolute;top:env(safe-area-inset-top,12px);left:12px;z-index:10;background:#0009;color:#fff;border:none;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.back:active{background:#000c}