:root{--surface:#fffdf6;--surface-strong:#f7efdb;--canvas:#edf7f3;--text:#17362d;--text-soft:#4a655c;--border:#17362d1f;--border-strong:#006f5447;--accent:#0f8a67;--accent-strong:#006f54;--font-body:"Avenir Next", "Segoe UI", sans-serif;--font-heading:"Avenir Next", "Trebuchet MS", sans-serif;font:16px/1.5 var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#0f8a6729,#0000 32%),radial-gradient(circle at 100% 0,#eda64b2e,#0000 26%),linear-gradient(#f5fbf8 0%,#edf7f3 100%)}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{margin:0}body:before{content:"";opacity:.34;pointer-events:none;background:linear-gradient(90deg,#ffffff3d 0 1px,#0000 1px 72px),linear-gradient(#ffffff2e 0 1px,#0000 1px 72px);position:fixed;inset:0}h1,h2{font-family:var(--font-heading);color:var(--text);margin:0;line-height:1.05}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.4rem)}h2{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem)}p{margin:0}button,a,iframe{font:inherit}.app-shell{min-height:100svh}.telebirr-page{grid-template-rows:auto 1fr;gap:24px;min-height:100svh;padding:32px;display:grid}@media (width<=768px){.telebirr-page{gap:20px;padding:20px}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=768px){.page-header{flex-direction:column}}.eyebrow{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:700}.lede{max-width:56ch;color:var(--text-soft)}.debug-pill{border:1px solid var(--border-strong);color:var(--surface);white-space:nowrap;background:#0d3129d1;border-radius:999px;align-self:flex-start;padding:12px 16px;font-size:.95rem;font-weight:700}@media (width<=768px){.debug-pill{white-space:normal}}.game-frame-shell{border:1px solid var(--border);background:#ffffffc7;border-radius:28px;min-height:0;overflow:hidden;box-shadow:0 28px 60px #0e201b2e}.game-frame{background:#fff;border:0;width:100%;height:calc(100svh - 176px)}@media (width<=768px){.game-frame{height:calc(100svh - 214px)}}.status-screen{place-items:center;min-height:100%;display:grid}.status-card{border:1px solid var(--border);text-align:left;background:#fdf8ebe0;border-radius:28px;width:min(100%,540px);padding:32px;box-shadow:0 24px 48px #0e201b1f}@media (width<=768px){.status-card{padding:24px}}.primary-action{background:linear-gradient(135deg, var(--accent), var(--accent-strong));min-height:48px;color:var(--surface);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:24px;padding:0 20px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 30px #006f5438}.primary-action:hover{transform:translateY(-1px);box-shadow:0 20px 36px #006f5447}.primary-action:focus-visible{outline-offset:4px;outline:3px solid #006f5433}