*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f9ff;background:#070b15}
html,body{margin:0;min-height:100%}
body{min-height:100dvh;background:radial-gradient(circle at 50% -18%,rgba(52,87,186,.34),transparent 42%),#070b15}
a{color:inherit;text-decoration:none}
.shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}
.topbar,.page-head{display:flex;align-items:center;gap:12px;min-height:56px;margin-bottom:18px}
.sf-mark,.game-mark,.user-initials{display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#1677ff,#654cff);box-shadow:0 10px 28px rgba(73,94,255,.28)}
.sf-mark{width:42px;height:42px;border-radius:13px;font-size:14px}
.topbar-copy{min-width:0}
.app-name{font-size:18px;font-weight:850}
.app-section{margin-top:2px;font-size:13px;color:#8f9ab7}
.user-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(15,22,42,.88);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.user-initials{width:54px;height:54px;flex:0 0 54px;border-radius:17px;font-size:16px}
.user-copy{min-width:0}
.user-copy h1{margin:0;font-size:19px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-copy p{margin:5px 0 0;color:#8f9ab7;font-size:13px}
.menu{margin-top:16px}
.menu-item{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(15,22,42,.88)}
.menu-item:active,.primary:active,.back:active{transform:scale(.985)}
.menu-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:rgba(255,255,255,.06);font-size:22px}
.menu-text{display:grid;gap:3px;min-width:0;flex:1}
.menu-text b{font-size:16px}
.menu-text small{font-size:12.5px;color:#8f9ab7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chevron{font-size:29px;line-height:1;color:#7f8aa7}
.page-head{position:relative}
.back{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.07);font-size:31px;line-height:1}
.game-card{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(15,22,42,.88);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.game-mark{width:60px;height:60px;border-radius:18px;font-size:17px}
.game-copy h1{margin:16px 0 6px;font-size:22px}
.game-copy p{margin:0;color:#9aa7c5;line-height:1.45;font-size:14px}
.primary{min-height:48px;margin-top:18px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#1677ff,#654cff);font-weight:850;box-shadow:0 10px 28px rgba(65,86,255,.28)}