:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f4e9;color:#143e31}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;height:100vh;height:100dvh}
.bar{flex:none;min-height:44px;background:#143e31;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}
.brand{font-size:.75rem;font-weight:830;letter-spacing:.05em}
.bar a{font-size:.79rem;color:#e9f5a9;padding:8px 4px;text-align:right}
.stage{position:relative;min-height:0;flex:1}
iframe{display:block;width:100%;height:100%;border:0;background:#f6f4e9}
.loading{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#f6f4e9;z-index:1}
.loading[hidden]{display:none}
.card{max-width:400px;width:100%;background:#fffdf7;border:1px solid #dedfce;border-radius:18px;text-align:center;padding:25px 18px}
.badge{color:#41614f;font-size:.72rem;font-weight:800;letter-spacing:.08em}
h1{margin:8px 0 0;font-size:clamp(1.35rem,5vw,1.8rem);line-height:1.15}
p{margin:10px 0 14px;color:#4e6558;font-size:.9rem}
.action{display:inline-flex;align-items:center;gap:.25em;min-height:44px;padding:9px 15px;border-radius:10px;background:#143e31;color:#fff;text-decoration:none;font-weight:720;font-size:.88rem}
a:focus-visible{outline:3px solid #b17a1e;outline-offset:3px}