/* Answer pad: phone first. While a statement is live: statement + two buttons only. */
.pad{position:relative;min-height:100%;max-width:520px;margin:0 auto;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;background:linear-gradient(180deg,#121D48,#0B1436)}
.pad.golden{background:linear-gradient(180deg,#3A2E08,#0B1436)}
.padflash{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .6s;z-index:5}
.padflash.on{opacity:.55;transition:opacity .05s}
.joinbox{display:flex;flex-direction:column;gap:18px;justify-content:center;flex:1;padding-block:20px}
.logo.big{font-size:2.6rem}
#joinForm{display:flex;flex-direction:column;gap:14px}
.emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.emojis button{border:1px solid var(--rule);background:rgba(255,255,255,.06);border-radius:14px;padding:8px 0;font-size:1.6rem;line-height:1}
.emojis button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold)}
.btn.wide{padding:14px;font-size:1.1rem}
.note.small{font-size:.78rem}
.playbox{display:flex;flex-direction:column;gap:12px;flex:1}
.padtop{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--dim);gap:8px}
.padtop .logo{font-size:1rem}
.padtop b{color:var(--ink);font-family:var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teamchip{font-size:.75rem;font-weight:800;padding:2px 10px;border-radius:999px}
.me-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.me-stats>div{background:rgba(255,255,255,.05);border-radius:14px;padding:8px 10px}
.me-stats .k{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}
.me-stats .v{font-family:var(--display);font-weight:800;font-size:1.4rem;font-variant-numeric:tabular-nums}
.slim{display:none;justify-content:space-between;font-size:.85rem;color:var(--dim);font-variant-numeric:tabular-nums}
.slim b{color:var(--ink)}
.pad.q .me-stats,.pad.q .catch{display:none} .pad.q .slim{display:flex}
.catch{font-size:.85rem;color:var(--gold);font-weight:700;min-height:1.2em;text-align:center}
.padq{font-family:var(--display);font-weight:600;font-size:1.05rem;min-height:2.6em;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--dim);text-wrap:balance}
.pad.q .padq{font-weight:800;font-size:1.55rem;line-height:1.15;color:var(--ink);min-height:5em}
.padmsg{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:1.05rem;border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.04)}
.padmsg.good{color:var(--good)} .padmsg.bad{color:var(--bad)} .padmsg.wait{color:var(--dim)} .padmsg.gold{color:var(--gold)} .padmsg.fire{color:var(--fire)}
.padbtns{flex:1;display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:240px}
.pbtn{border:0;border-radius:22px;font-family:var(--display);font-weight:800;font-size:1.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .08s, opacity .2s, box-shadow .2s;box-shadow:0 6px 0 rgba(0,0,0,.35);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pbtn small{font-family:var(--body);font-size:.75rem;font-weight:700;opacity:.75}
.pbtn.a{background:var(--this);color:#2A0705} .pbtn.b{background:var(--that);color:#04102E}
.pbtn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.35)}
.pbtn:disabled{opacity:.3;cursor:default}
.pbtn.picked{opacity:1;box-shadow:0 0 0 4px var(--ink),0 6px 0 rgba(0,0,0,.35)}
.pbtn.notpicked{opacity:.18}
.ebtns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ebtns button{border:1px solid var(--rule);background:rgba(255,255,255,.06);border-radius:18px;padding:22px 0;font-size:2.6rem;line-height:1}
.ebtns button.picked{background:var(--gold);border-color:var(--gold)}
.summary{background:rgba(255,255,255,.06);border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.summary div{display:flex;flex-direction:column}
.summary .k{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}
.summary .v{font-family:var(--display);font-weight:800;font-size:1.5rem;font-variant-numeric:tabular-nums}
.summary .award{grid-column:1 / -1;color:var(--gold);font-weight:700}
.padfoot{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--dim)}
.linkbtn{background:none;border:0;color:var(--dim);text-decoration:underline;padding:4px 0}