/* Ossature commune a toutes les pages : barre du haut, barre d'action du bas, largeur. */
#app{max-width:640px;margin:0 auto;width:100%}
.scrim .sheet{max-width:640px;margin:0 auto;width:100%}

/* ---- barre du haut ---- */
.topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:var(--felt);z-index:10;min-height:58px}
.tb-back{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--chalk);
  border:1px solid var(--line);background:var(--deep);border-radius:99px;padding:8px 12px 8px 9px;font-size:13px;flex:none;line-height:1}
.tb-back:active{background:#1B4034}
.tb-back .chev{font-size:18px;line-height:0;margin-top:-2px}
.tb-title{flex:1;min-width:0;text-align:center;line-height:1}
.tb-game{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:3px}
.tb-main{display:block;font-family:var(--display);font-size:22px;font-weight:700;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-main small{font-size:12px;color:var(--gold);letter-spacing:.04em;margin-left:6px;font-weight:700}
.tb-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--deep);
  border-radius:99px;padding:8px 12px;font-size:13px;flex:none;line-height:1;color:var(--chalk)}
.tb-btn:active{background:#1B4034}
.tb-btn .ico{font-size:15px;line-height:0}
.tb-spacer{width:72px;flex:none}

/* ---- barre d'action du bas ---- */
.actionbar{position:sticky;bottom:0;z-index:9;background:linear-gradient(to top,var(--felt) 70%,rgba(20,50,42,0));
  padding:10px 12px calc(12px + env(safe-area-inset-bottom));margin-top:auto}
.actionbar .cta{margin-top:0}
.actionbar .cta+.sub,.actionbar .cta+.subrow{margin-top:8px}
.actionbar .sub.quiet{width:100%}
.actionbar .confirm{margin:0 0 8px}
main{padding-bottom:8px}

/* champs numeriques sans fleches */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}