/* Flip 7 card entry only. Colors, layout, navigation and controls inherit the shared reference. */
.f7-numbers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:12px 0}
.f7-card{min-height:48px;border:1px solid var(--border,#526078);border-radius:11px;background:var(--panel,#172638);color:var(--ink,#fff);font-size:20px;font-weight:800;cursor:pointer}
.f7-duplicate{outline:2px dashed var(--accent2,#ffcf66);outline-offset:-4px}
.f7-specials{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.f7-specials .btn{min-height:44px;flex:1 0 80px}
.f7-hand{border-bottom:1px solid var(--border,#526078);padding:10px 0}.f7-hand h3{display:flex;justify-content:space-between;flex-wrap:wrap;overflow-wrap:anywhere;gap:8px;margin:0 0 5px}.f7-state{font-size:11px;font-weight:600}.f7-hand-cards{font-size:18px;overflow-wrap:anywhere}.f7-calculation{font-variant-numeric:tabular-nums;color:var(--muted,#c4cce0);margin:5px 0}
.f7-effect{border:2px solid var(--accent2,#ffcf66);border-radius:12px;padding:14px}.f7-effect label,.f7-actor{display:block;margin:10px 0}
.f7-effect button{margin-top:10px}.f7-help{font-size:13px;color:var(--muted,#c4cce0)}
@media(max-width:420px){.f7-numbers{gap:4px}.f7-card{font-size:18px}.f7-hand h3{font-size:15px}}

#scoreboard small{overflow-wrap:anywhere}